@alfalab/core-components-bottom-sheet 7.1.0 → 7.2.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 (83) hide show
  1. package/component.js +2 -2
  2. package/component.js.map +1 -1
  3. package/components/footer/default.css +2 -2
  4. package/components/footer/default.module.css.js +1 -1
  5. package/components/footer/index.css +2 -2
  6. package/components/footer/index.module.css.js +1 -1
  7. package/components/footer/inverted.css +2 -2
  8. package/components/footer/inverted.module.css.js +1 -1
  9. package/components/header/Component.js +2 -2
  10. package/components/header/Component.js.map +1 -1
  11. package/components/header/default.css +4 -4
  12. package/components/header/default.module.css.js +1 -1
  13. package/components/header/index.css +13 -13
  14. package/components/header/index.module.css.js +1 -1
  15. package/components/header/inverted.css +4 -4
  16. package/components/header/inverted.module.css.js +1 -1
  17. package/cssm/component.js +2 -2
  18. package/cssm/component.js.map +1 -1
  19. package/cssm/components/header/Component.js +2 -2
  20. package/cssm/components/header/Component.js.map +1 -1
  21. package/cssm/types.d.ts +4 -0
  22. package/default.css +4 -4
  23. package/default.module.css.js +1 -1
  24. package/esm/component.js +2 -2
  25. package/esm/component.js.map +1 -1
  26. package/esm/components/footer/default.css +2 -2
  27. package/esm/components/footer/default.module.css.js +1 -1
  28. package/esm/components/footer/index.css +2 -2
  29. package/esm/components/footer/index.module.css.js +1 -1
  30. package/esm/components/footer/inverted.css +2 -2
  31. package/esm/components/footer/inverted.module.css.js +1 -1
  32. package/esm/components/header/Component.js +2 -2
  33. package/esm/components/header/Component.js.map +1 -1
  34. package/esm/components/header/default.css +4 -4
  35. package/esm/components/header/default.module.css.js +1 -1
  36. package/esm/components/header/index.css +13 -13
  37. package/esm/components/header/index.module.css.js +1 -1
  38. package/esm/components/header/inverted.css +4 -4
  39. package/esm/components/header/inverted.module.css.js +1 -1
  40. package/esm/default.css +4 -4
  41. package/esm/default.module.css.js +1 -1
  42. package/esm/index.css +44 -44
  43. package/esm/index.module.css.js +1 -1
  44. package/esm/inverted.css +4 -4
  45. package/esm/inverted.module.css.js +1 -1
  46. package/esm/types.d.ts +4 -0
  47. package/index.css +44 -44
  48. package/index.module.css.js +1 -1
  49. package/inverted.css +4 -4
  50. package/inverted.module.css.js +1 -1
  51. package/modern/component.js +2 -1
  52. package/modern/component.js.map +1 -1
  53. package/modern/components/footer/default.css +2 -2
  54. package/modern/components/footer/default.module.css.js +1 -1
  55. package/modern/components/footer/index.css +2 -2
  56. package/modern/components/footer/index.module.css.js +1 -1
  57. package/modern/components/footer/inverted.css +2 -2
  58. package/modern/components/footer/inverted.module.css.js +1 -1
  59. package/modern/components/header/Component.js +2 -2
  60. package/modern/components/header/Component.js.map +1 -1
  61. package/modern/components/header/default.css +4 -4
  62. package/modern/components/header/default.module.css.js +1 -1
  63. package/modern/components/header/index.css +13 -13
  64. package/modern/components/header/index.module.css.js +1 -1
  65. package/modern/components/header/inverted.css +4 -4
  66. package/modern/components/header/inverted.module.css.js +1 -1
  67. package/modern/default.css +4 -4
  68. package/modern/default.module.css.js +1 -1
  69. package/modern/index.css +44 -44
  70. package/modern/index.module.css.js +1 -1
  71. package/modern/inverted.css +4 -4
  72. package/modern/inverted.module.css.js +1 -1
  73. package/modern/types.d.ts +4 -0
  74. package/moderncssm/component.js +2 -1
  75. package/moderncssm/component.js.map +1 -1
  76. package/moderncssm/components/header/Component.js +2 -2
  77. package/moderncssm/components/header/Component.js.map +1 -1
  78. package/moderncssm/types.d.ts +4 -0
  79. package/package.json +1 -1
  80. package/src/component.tsx +2 -0
  81. package/src/components/header/Component.tsx +2 -1
  82. package/src/types.ts +5 -0
  83. package/types.d.ts +4 -0
package/index.css CHANGED
@@ -40,34 +40,34 @@
40
40
  --bottom-sheet-out-transition: transform 0.3s ease;
41
41
  --bottom-sheet-top-radius: var(--border-radius-16);
42
42
  --bottom-sheet-shadow: none;
43
- } .bottom-sheet__modal_lgl53 {
43
+ } .bottom-sheet__modal_1t521 {
44
44
  bottom: var(--gap-0);
45
45
  width: 100%;
46
46
  max-width: 600px;
47
47
  pointer-events: none;
48
48
  touch-action: none;
49
- } .bottom-sheet__modal_lgl53.bottom-sheet__modal_lgl53 {
49
+ } .bottom-sheet__modal_1t521.bottom-sheet__modal_1t521 {
50
50
  background-color: transparent;
51
51
  position: fixed;
52
- } .bottom-sheet__wrapper_lgl53 {
52
+ } .bottom-sheet__wrapper_1t521 {
53
53
  transform: translateY(100%);
54
54
  pointer-events: none;
55
55
  touch-action: none;
56
56
  border-top-right-radius: var(--bottom-sheet-top-radius);
57
57
  border-top-left-radius: var(--bottom-sheet-top-radius);
58
58
  transition: border-radius 0.3s ease;
59
- } .bottom-sheet__fullscreen_lgl53 {
59
+ } .bottom-sheet__fullscreen_1t521 {
60
60
  border-radius: var(--border-radius-0);
61
- } .bottom-sheet__component_lgl53 {
61
+ } .bottom-sheet__component_1t521 {
62
62
  position: relative;
63
63
  display: flex;
64
64
  flex-direction: column;
65
65
  border-radius: inherit;
66
66
  pointer-events: all;
67
67
  box-shadow: var(--bottom-sheet-shadow);
68
- } .bottom-sheet__withTransition_lgl53 {
68
+ } .bottom-sheet__withTransition_1t521 {
69
69
  transition: var(--bottom-sheet-out-transition);
70
- } .bottom-sheet__scrollableContainer_lgl53 {
70
+ } .bottom-sheet__scrollableContainer_1t521 {
71
71
  overflow: auto;
72
72
  display: flex;
73
73
  flex-direction: column;
@@ -76,7 +76,7 @@
76
76
  background-color: inherit;
77
77
  border-radius: inherit;
78
78
  overscroll-behavior: contain;
79
- } .bottom-sheet__marker_lgl53 {
79
+ } .bottom-sheet__marker_1t521 {
80
80
  position: fixed;
81
81
  top: var(--gap-4);
82
82
  right: var(--gap-0);
@@ -84,10 +84,10 @@
84
84
  z-index: 1000;
85
85
  width: 36px;
86
86
  margin: var(--gap-0) auto;
87
- } .bottom-sheet__defaultMarker_lgl53 {
87
+ } .bottom-sheet__defaultMarker_1t521 {
88
88
  height: 4px;
89
89
  border-radius: var(--border-radius-20);
90
- } .bottom-sheet__content_lgl53 {
90
+ } .bottom-sheet__content_1t521 {
91
91
  position: relative;
92
92
  z-index: 0;
93
93
  display: flex;
@@ -96,75 +96,75 @@
96
96
  padding: var(--gap-0) var(--gap-16);
97
97
  background-color: inherit;
98
98
  border-radius: inherit;
99
- } .bottom-sheet__noHeader_lgl53 {
99
+ } .bottom-sheet__noHeader_1t521 {
100
100
  padding-top: var(--gap-16);
101
- } .bottom-sheet__noFooter_lgl53 {
101
+ } .bottom-sheet__noFooter_1t521 {
102
102
  padding-bottom: var(--gap-16);
103
- } .bottom-sheet__scrollLocked_lgl53 {
103
+ } .bottom-sheet__scrollLocked_1t521 {
104
104
  overflow: hidden;
105
- } .bottom-sheet__hiddenScrollbar_lgl53 {
105
+ } .bottom-sheet__hiddenScrollbar_1t521 {
106
106
  scrollbar-width: none;
107
- } .bottom-sheet__hiddenScrollbar_lgl53::-webkit-scrollbar {
107
+ } .bottom-sheet__hiddenScrollbar_1t521::-webkit-scrollbar {
108
108
  width: 0;
109
109
  height: 0;
110
- } .bottom-sheet__disabledPointerEvents_lgl53 {
110
+ } .bottom-sheet__disabledPointerEvents_1t521 {
111
111
  pointer-events: none;
112
- } .bottom-sheet__appear_lgl53 .bottom-sheet__wrapper_lgl53, .bottom-sheet__enter_lgl53 .bottom-sheet__wrapper_lgl53 {
112
+ } .bottom-sheet__appear_1t521 .bottom-sheet__wrapper_1t521, .bottom-sheet__enter_1t521 .bottom-sheet__wrapper_1t521 {
113
113
  transition: none;
114
- } .bottom-sheet__appearActive_lgl53 .bottom-sheet__wrapper_lgl53, .bottom-sheet__enterActive_lgl53 .bottom-sheet__wrapper_lgl53 {
114
+ } .bottom-sheet__appearActive_1t521 .bottom-sheet__wrapper_1t521, .bottom-sheet__enterActive_1t521 .bottom-sheet__wrapper_1t521 {
115
115
  transition: var(--bottom-sheet-in-transition);
116
116
  transform: translateY(0);
117
- } .bottom-sheet__enterDone_lgl53 .bottom-sheet__wrapper_lgl53, .bottom-sheet__appearDone_lgl53 .bottom-sheet__wrapper_lgl53 {
117
+ } .bottom-sheet__enterDone_1t521 .bottom-sheet__wrapper_1t521, .bottom-sheet__appearDone_1t521 .bottom-sheet__wrapper_1t521 {
118
118
  transform: translateY(0);
119
- } .bottom-sheet__exit_lgl53 .bottom-sheet__wrapper_lgl53 {
119
+ } .bottom-sheet__exit_1t521 .bottom-sheet__wrapper_1t521 {
120
120
  transform: translateY(0);
121
- } .bottom-sheet__exitActive_lgl53 .bottom-sheet__wrapper_lgl53 {
121
+ } .bottom-sheet__exitActive_1t521 .bottom-sheet__wrapper_1t521 {
122
122
  transition: var(--bottom-sheet-out-transition);
123
123
  transform: translateY(100%);
124
- } .bottom-sheet__safeAreaBottom_lgl53 {
124
+ } .bottom-sheet__safeAreaBottom_1t521 {
125
125
  padding-bottom: var(--sab);
126
- } .bottom-sheet__background-accent_lgl53 {
126
+ } .bottom-sheet__background-accent_1t521 {
127
127
  background-color: var(--color-light-bg-accent);
128
- } .bottom-sheet__background-info_lgl53 {
128
+ } .bottom-sheet__background-info_1t521 {
129
129
  background-color: var(--color-light-bg-info);
130
- } .bottom-sheet__background-attention-muted_lgl53 {
130
+ } .bottom-sheet__background-attention-muted_1t521 {
131
131
  background-color: var(--color-light-bg-attention-muted);
132
- } .bottom-sheet__background-positive-muted_lgl53 {
132
+ } .bottom-sheet__background-positive-muted_1t521 {
133
133
  background-color: var(--color-light-bg-positive-muted);
134
- } .bottom-sheet__background-negative-muted_lgl53 {
134
+ } .bottom-sheet__background-negative-muted_1t521 {
135
135
  background-color: var(--color-light-bg-negative-muted);
136
- } .bottom-sheet__background-primary_lgl53 {
136
+ } .bottom-sheet__background-primary_1t521 {
137
137
  background-color: var(--color-light-bg-primary);
138
- } .bottom-sheet__background-primary-inverted_lgl53 {
138
+ } .bottom-sheet__background-primary-inverted_1t521 {
139
139
  background-color: var(--color-light-bg-primary-inverted);
140
- } .bottom-sheet__background-secondary_lgl53 {
140
+ } .bottom-sheet__background-secondary_1t521 {
141
141
  background-color: var(--color-light-bg-secondary);
142
- } .bottom-sheet__background-secondary-inverted_lgl53 {
142
+ } .bottom-sheet__background-secondary-inverted_1t521 {
143
143
  background-color: var(--color-light-bg-secondary-inverted);
144
- } .bottom-sheet__background-tertiary_lgl53 {
144
+ } .bottom-sheet__background-tertiary_1t521 {
145
145
  background-color: var(--color-light-bg-tertiary);
146
- } .bottom-sheet__background-tertiary-inverted_lgl53 {
146
+ } .bottom-sheet__background-tertiary-inverted_1t521 {
147
147
  background-color: var(--color-light-bg-tertiary-inverted);
148
- } .bottom-sheet__background-quaternary_lgl53 {
148
+ } .bottom-sheet__background-quaternary_1t521 {
149
149
  background-color: var(--color-light-bg-quaternary);
150
- } .bottom-sheet__background-quaternary-inverted_lgl53 {
150
+ } .bottom-sheet__background-quaternary-inverted_1t521 {
151
151
  background-color: var(--color-light-bg-quaternary-inverted);
152
- } .bottom-sheet__background-specialbg-component_lgl53 {
152
+ } .bottom-sheet__background-specialbg-component_1t521 {
153
153
  background-color: var(--color-light-specialbg-component);
154
- } .bottom-sheet__background-specialbg-component-inverted_lgl53 {
154
+ } .bottom-sheet__background-specialbg-component-inverted_1t521 {
155
155
  background-color: var(--color-light-specialbg-component-inverted);
156
- } .bottom-sheet__background-specialbg-primary-grouped_lgl53 {
156
+ } .bottom-sheet__background-specialbg-primary-grouped_1t521 {
157
157
  background-color: var(--color-light-specialbg-primary-grouped);
158
- } .bottom-sheet__background-specialbg-secondary-grouped_lgl53 {
158
+ } .bottom-sheet__background-specialbg-secondary-grouped_1t521 {
159
159
  background-color: var(--color-light-specialbg-secondary-grouped);
160
- } .bottom-sheet__background-specialbg-tertiary-grouped_lgl53 {
160
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1t521 {
161
161
  background-color: var(--color-light-specialbg-tertiary-grouped);
162
- } .bottom-sheet__background-specialbg-secondary-transparent_lgl53 {
162
+ } .bottom-sheet__background-specialbg-secondary-transparent_1t521 {
163
163
  background-color: var(--color-light-specialbg-secondary-transparent);
164
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_lgl53 {
164
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1t521 {
165
165
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
166
- } .bottom-sheet__background-specialbg-tertiary-transparent_lgl53 {
166
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1t521 {
167
167
  background-color: var(--color-light-specialbg-tertiary-transparent);
168
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_lgl53 {
168
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1t521 {
169
169
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
170
170
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"modal":"bottom-sheet__modal_lgl53","wrapper":"bottom-sheet__wrapper_lgl53","fullscreen":"bottom-sheet__fullscreen_lgl53","component":"bottom-sheet__component_lgl53","withTransition":"bottom-sheet__withTransition_lgl53","scrollableContainer":"bottom-sheet__scrollableContainer_lgl53","marker":"bottom-sheet__marker_lgl53","defaultMarker":"bottom-sheet__defaultMarker_lgl53","content":"bottom-sheet__content_lgl53","noHeader":"bottom-sheet__noHeader_lgl53","noFooter":"bottom-sheet__noFooter_lgl53","scrollLocked":"bottom-sheet__scrollLocked_lgl53","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_lgl53","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_lgl53","appear":"bottom-sheet__appear_lgl53","enter":"bottom-sheet__enter_lgl53","appearActive":"bottom-sheet__appearActive_lgl53","enterActive":"bottom-sheet__enterActive_lgl53","enterDone":"bottom-sheet__enterDone_lgl53","appearDone":"bottom-sheet__appearDone_lgl53","exit":"bottom-sheet__exit_lgl53","exitActive":"bottom-sheet__exitActive_lgl53","safeAreaBottom":"bottom-sheet__safeAreaBottom_lgl53","background-accent":"bottom-sheet__background-accent_lgl53","background-info":"bottom-sheet__background-info_lgl53","background-attention-muted":"bottom-sheet__background-attention-muted_lgl53","background-positive-muted":"bottom-sheet__background-positive-muted_lgl53","background-negative-muted":"bottom-sheet__background-negative-muted_lgl53","background-primary":"bottom-sheet__background-primary_lgl53","background-primary-inverted":"bottom-sheet__background-primary-inverted_lgl53","background-secondary":"bottom-sheet__background-secondary_lgl53","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_lgl53","background-tertiary":"bottom-sheet__background-tertiary_lgl53","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_lgl53","background-quaternary":"bottom-sheet__background-quaternary_lgl53","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_lgl53","background-specialbg-component":"bottom-sheet__background-specialbg-component_lgl53","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_lgl53","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_lgl53","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_lgl53","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_lgl53","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_lgl53","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_lgl53","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_lgl53","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_lgl53"};
5
+ var styles = {"modal":"bottom-sheet__modal_1t521","wrapper":"bottom-sheet__wrapper_1t521","fullscreen":"bottom-sheet__fullscreen_1t521","component":"bottom-sheet__component_1t521","withTransition":"bottom-sheet__withTransition_1t521","scrollableContainer":"bottom-sheet__scrollableContainer_1t521","marker":"bottom-sheet__marker_1t521","defaultMarker":"bottom-sheet__defaultMarker_1t521","content":"bottom-sheet__content_1t521","noHeader":"bottom-sheet__noHeader_1t521","noFooter":"bottom-sheet__noFooter_1t521","scrollLocked":"bottom-sheet__scrollLocked_1t521","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1t521","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1t521","appear":"bottom-sheet__appear_1t521","enter":"bottom-sheet__enter_1t521","appearActive":"bottom-sheet__appearActive_1t521","enterActive":"bottom-sheet__enterActive_1t521","enterDone":"bottom-sheet__enterDone_1t521","appearDone":"bottom-sheet__appearDone_1t521","exit":"bottom-sheet__exit_1t521","exitActive":"bottom-sheet__exitActive_1t521","safeAreaBottom":"bottom-sheet__safeAreaBottom_1t521","background-accent":"bottom-sheet__background-accent_1t521","background-info":"bottom-sheet__background-info_1t521","background-attention-muted":"bottom-sheet__background-attention-muted_1t521","background-positive-muted":"bottom-sheet__background-positive-muted_1t521","background-negative-muted":"bottom-sheet__background-negative-muted_1t521","background-primary":"bottom-sheet__background-primary_1t521","background-primary-inverted":"bottom-sheet__background-primary-inverted_1t521","background-secondary":"bottom-sheet__background-secondary_1t521","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1t521","background-tertiary":"bottom-sheet__background-tertiary_1t521","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1t521","background-quaternary":"bottom-sheet__background-quaternary_1t521","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1t521","background-specialbg-component":"bottom-sheet__background-specialbg-component_1t521","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1t521","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1t521","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1t521","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1t521","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1t521","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1t521","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1t521","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1t521"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/inverted.css CHANGED
@@ -6,12 +6,12 @@
6
6
  --bottom-sheet-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
7
7
  --bottom-sheet-marker-color-inverted: var(--color-light-neutral-translucent-300-inverted);
8
8
  --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
9
- } .bottom-sheet__component_sxhun {
9
+ } .bottom-sheet__component_1847z {
10
10
  background-color: var(--bottom-sheet-background-color-inverted);
11
- } .bottom-sheet__content_sxhun {
11
+ } .bottom-sheet__content_1847z {
12
12
  color: var(--bottom-sheet-text-color-inverted);
13
- } .bottom-sheet__defaultMarker_sxhun {
13
+ } .bottom-sheet__defaultMarker_1847z {
14
14
  background-color: var(--bottom-sheet-marker-color-inverted);
15
- } .bottom-sheet__hasContent_sxhun {
15
+ } .bottom-sheet__hasContent_1847z {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"component":"bottom-sheet__component_sxhun","content":"bottom-sheet__content_sxhun","defaultMarker":"bottom-sheet__defaultMarker_sxhun","hasContent":"bottom-sheet__hasContent_sxhun"};
5
+ var invertedColors = {"component":"bottom-sheet__component_1847z","content":"bottom-sheet__content_1847z","defaultMarker":"bottom-sheet__defaultMarker_1847z","hasContent":"bottom-sheet__hasContent_1847z"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -23,7 +23,7 @@ const colorStyles = {
23
23
  };
24
24
  const BottomSheet = forwardRef(
25
25
  // eslint-disable-next-line complexity
26
- ({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, adjustContainerHeight = adjustContainerHeightDefault, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, showSwipeMarker = true, swipeableMarker, swipeableMarkerClassName, backButtonProps, iOSLock = false, virtualKeyboard = false, colors = 'default', }, ref) => {
26
+ ({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, headerContentClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, adjustContainerHeight = adjustContainerHeightDefault, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, showSwipeMarker = true, swipeableMarker, swipeableMarkerClassName, backButtonProps, iOSLock = false, virtualKeyboard = false, colors = 'default', }, ref) => {
27
27
  const windowHeight = use100vh() ?? 0;
28
28
  const visualViewportSize = useVisualViewportSize();
29
29
  let fullHeight = virtualKeyboard ? (visualViewportSize?.height ?? 0) : windowHeight;
@@ -71,6 +71,7 @@ const BottomSheet = forwardRef(
71
71
  headerOffset,
72
72
  colors,
73
73
  className: cn(headerClassName, colorStyle.hasContent),
74
+ contentClassName: headerContentClassName,
74
75
  addonClassName,
75
76
  closerClassName,
76
77
  backButtonClassName: backerClassName,
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import React, {\n type CSSProperties,\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { use100vh } from 'react-div-100vh';\nimport mergeRefs from 'react-merge-refs';\nimport {\n type SwipeCallback,\n type SwipeEventData,\n type TapCallback,\n useSwipeable,\n} from 'react-swipeable';\nimport { type HandledEvents } from 'react-swipeable/es/types';\nimport cn from 'classnames';\n\nimport { BaseModal, unlockScroll } from '@alfalab/core-components-base-modal';\nimport { fnUtils, getDataTestId, isClient, os } from '@alfalab/core-components-shared';\n\nimport { Footer } from './components/footer/Component';\nimport { Header, type HeaderProps } from './components/header/Component';\nimport { SwipeableBackdrop } from './components/swipeable-backdrop/Component';\nimport { horizontalDirections } from './consts/swipeConsts';\nimport { type ShouldSkipSwipingParams } from './types/swipeTypes';\nimport { useVisualViewportSize } from './hooks';\nimport { type BottomSheetProps } from './types';\nimport {\n CLOSE_OFFSET,\n convertPercentToNumber,\n MARKER_HEIGHT,\n SCROLL_OFFSET,\n SWIPE_VELOCITY,\n TIMEOUT,\n} from './utils';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst { isNil } = fnUtils;\n\nconst adjustContainerHeightDefault = (value: number) => value;\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport const BottomSheet = forwardRef<HTMLDivElement, BottomSheetProps>(\n // eslint-disable-next-line complexity\n (\n {\n open,\n title,\n container,\n usePortal,\n backgroundColor,\n titleSize = 'default',\n subtitle,\n actionButton,\n contentClassName,\n containerClassName,\n containerProps,\n headerClassName,\n footerClassName,\n addonClassName,\n closerClassName,\n backerClassName,\n modalClassName,\n modalWrapperClassName,\n className,\n leftAddons,\n rightAddons,\n bottomAddons,\n hasCloser,\n hasBacker,\n titleAlign = 'left',\n trimTitle,\n stickyHeader,\n stickyFooter = true,\n initialHeight = 'default',\n hideOverlay,\n hideScrollbar,\n hideHeader,\n disableOverlayClick,\n disableBlockingScroll,\n disableFocusLock,\n children,\n zIndex,\n transitionProps = {},\n magneticAreas: magneticAreasProp,\n initialActiveAreaIndex,\n dataTestId,\n swipeable = true,\n swipeableContent = true,\n swipeThreshold = 5,\n scrollLocked: scrollLockedProp,\n backdropProps,\n scrollableContainerRef = () => null,\n bottomSheetInstanceRef,\n sheetContainerRef = () => null,\n headerOffset = 24,\n adjustContainerHeight = adjustContainerHeightDefault,\n onClose,\n onBack,\n onMagnetize,\n onSwipeStart,\n onSwipeEnd,\n disableRestoreFocus,\n disableAutoFocus,\n disableEscapeKeyDown,\n keepMounted,\n onMagnetizeEnd,\n onOffsetChange,\n showSwipeMarker = true,\n swipeableMarker,\n swipeableMarkerClassName,\n backButtonProps,\n iOSLock = false,\n virtualKeyboard = false,\n colors = 'default',\n },\n ref,\n ) => {\n const windowHeight = use100vh() ?? 0;\n const visualViewportSize = useVisualViewportSize();\n let fullHeight = virtualKeyboard ? (visualViewportSize?.height ?? 0) : windowHeight;\n // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.\n const isFirstRender = fullHeight === 0;\n\n fullHeight = adjustContainerHeight(fullHeight);\n\n const initialIndexRef = useRef<number | undefined>(initialActiveAreaIndex);\n\n const magneticAreas = useMemo(() => {\n if (magneticAreasProp) {\n return magneticAreasProp.map((area) =>\n convertPercentToNumber(area, fullHeight, headerOffset),\n );\n }\n let iOSViewHeight = 0;\n\n if (isClient()) {\n if (document?.documentElement?.clientHeight) {\n iOSViewHeight = adjustContainerHeight(document.documentElement.clientHeight);\n } else {\n iOSViewHeight = window?.innerHeight;\n }\n }\n\n const viewHeight = os.isIOS() && !virtualKeyboard ? iOSViewHeight : fullHeight;\n\n return [0, viewHeight - headerOffset];\n }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard, adjustContainerHeight]);\n\n const lastMagneticArea = magneticAreas[magneticAreas.length - 1];\n\n const [sheetOffset, setSheetOffset] = useState(0);\n const [backdropOpacity, setBackdropOpacity] = useState(1);\n const [activeAreaIdx, setActiveAreaIdx] = useState(-1);\n\n const [swipingInProgress, setSwipingInProgress] = useState<boolean | null>(null);\n const scrollOccurred = useRef<boolean>(false);\n const headerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const sheetHeight = useRef(0);\n const sheetRef = useRef<HTMLDivElement>(null);\n const scrollableContainer = useRef<HTMLDivElement | null>(null);\n\n const activeArea = magneticAreas[activeAreaIdx];\n const emptyHeader = !hasCloser && !leftAddons && !title && !hasBacker && !rightAddons;\n const titleIsReactElement = React.isValidElement(title);\n\n const colorStyle = colorStyles[colors];\n\n const headerProps: HeaderProps = {\n ...(titleIsReactElement\n ? { children: title }\n : { title: title ? title?.toString() : undefined }),\n scrollableParentRef: scrollableContainer,\n headerRef,\n headerOffset,\n colors,\n className: cn(headerClassName, colorStyle.hasContent),\n addonClassName,\n closerClassName,\n backButtonClassName: backerClassName,\n leftAddons,\n rightAddons,\n bottomAddons,\n hasCloser,\n hasBackButton: hasBacker,\n align: titleAlign,\n trim: trimTitle,\n sticky: stickyHeader,\n dataTestId: getDataTestId(dataTestId, 'header'),\n onBack,\n titleSize,\n subtitle,\n onClose,\n backButtonProps,\n };\n\n const startSwiping = (event: HandledEvents) => {\n setSwipingInProgress((p) => {\n if (!p) onSwipeStart?.(event);\n\n return true;\n });\n };\n\n const stopSwiping = (event: HandledEvents | null) => {\n setSwipingInProgress((p) => {\n if (p) onSwipeEnd?.(event);\n\n return false;\n });\n scrollOccurred.current = false;\n };\n\n const getBackdropOpacity = (offset: number): number => {\n const canClose = magneticAreas[0] === 0;\n const secondArea = magneticAreas[1];\n const isSecondArea = secondArea === activeArea;\n\n if (canClose && isSecondArea && sheetOffset > lastMagneticArea - secondArea) {\n const opacity = 1 - (offset - (lastMagneticArea - secondArea)) / secondArea;\n\n return Math.max(0, Number(opacity.toFixed(2)));\n }\n\n return 1;\n };\n\n const getSheetOffset = (deltaY: number): number => {\n let offset = lastMagneticArea - activeArea + deltaY;\n const maxOffset = magneticAreas[0] === 0 ? 0 : lastMagneticArea - magneticAreas[0];\n\n if (maxOffset) {\n offset = Math.min(maxOffset, offset);\n }\n\n return Math.max(0, Math.round(offset));\n };\n\n const getActiveAreaIndex = (area?: number) => magneticAreas.findIndex((a) => a === area);\n\n const setSheetHeight = () => {\n if (sheetRef.current) {\n sheetHeight.current = sheetRef.current.getBoundingClientRect().height - sheetOffset;\n }\n };\n\n const handleTransitionEnd = (event: React.TransitionEvent) => {\n setSheetHeight();\n\n if (event.propertyName === 'transform' && event.target === event.currentTarget) {\n onMagnetizeEnd?.(getActiveAreaIndex(activeArea));\n }\n };\n\n const scrollToArea = (idx: number) => {\n if (isFirstRender) {\n initialIndexRef.current = idx;\n\n return;\n }\n\n stopSwiping(null);\n const nextArea = magneticAreas[idx];\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n\n if (nextArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n onClose();\n\n return;\n }\n\n if (nextAreaIdx !== -1) {\n setActiveAreaIdx(nextAreaIdx);\n setSheetOffset(lastMagneticArea - nextArea);\n onMagnetize?.(nextAreaIdx);\n }\n };\n\n const magnetize = (velocity: number, deltaY: number) => {\n const shouldMagnetizeDownByVelocity = deltaY >= 0 && velocity >= SWIPE_VELOCITY;\n const shouldMagnetizeUpByVelocity = deltaY < 0 && velocity >= SWIPE_VELOCITY;\n\n const updatePosition = (nextOffset: number, nextAreaIdx: number) => {\n setSheetOffset(nextOffset);\n setActiveAreaIdx((prevState) => (nextAreaIdx === -1 ? prevState : nextAreaIdx));\n\n if (nextAreaIdx !== -1) {\n onMagnetize?.(nextAreaIdx);\n\n // Если nextOffset == offset, то onTransitionEnd не отработает и onMagnetizeEnd не вызовется\n if (sheetOffset === nextOffset) {\n onMagnetizeEnd?.(nextAreaIdx);\n setSheetHeight();\n }\n }\n };\n\n if (shouldMagnetizeDownByVelocity) {\n const nextArea = magneticAreas\n .slice()\n .reverse()\n .find((area) => area < activeArea);\n\n if (nextArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n\n return;\n }\n\n const nextOffset = nextArea\n ? lastMagneticArea - nextArea\n : lastMagneticArea - activeArea;\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n\n updatePosition(nextOffset, nextAreaIdx);\n\n return;\n }\n\n if (shouldMagnetizeUpByVelocity) {\n const nextArea = magneticAreas.find((area) => area > activeArea);\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n const nextOffset = nextArea ? lastMagneticArea - nextArea : 0;\n\n updatePosition(nextOffset, nextAreaIdx);\n\n return;\n }\n\n const offset = getSheetOffset(deltaY);\n const currentSheetHeight = lastMagneticArea - offset;\n const secondArea = magneticAreas[1];\n const isSecondArea = activeArea === secondArea;\n const canClose = magneticAreas[0] === 0 && deltaY >= 0;\n const shouldCloseByOffset =\n isSecondArea && canClose && 1 - currentSheetHeight / activeArea > CLOSE_OFFSET;\n\n if (shouldCloseByOffset) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n\n return;\n }\n\n const { nearestArea } = magneticAreas.reduceRight(\n (res, area) => {\n if (Math.abs(area - currentSheetHeight) < res.minOffset) {\n res.minOffset = area - currentSheetHeight;\n res.nearestArea = area;\n }\n\n return res;\n },\n {\n nearestArea: lastMagneticArea,\n minOffset: lastMagneticArea,\n },\n );\n\n if (nearestArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n } else {\n const nextOffset = lastMagneticArea - nearestArea;\n const nextAreaIdx = getActiveAreaIndex(nearestArea);\n\n setBackdropOpacity(1);\n updatePosition(nextOffset, nextAreaIdx);\n }\n };\n\n /**\n * Если контент внутри шторки скроллится - то шторка не должна свайпаться\n * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки\n */\n const shouldSkipSwiping = (swipeParams: ShouldSkipSwipingParams) => {\n const { deltaY, startY, event, dir } = swipeParams;\n\n if (scrollLockedProp || swipingInProgress) return false;\n\n if (!swipeableContent && contentRef.current?.contains(event.target as HTMLElement)) {\n return true;\n }\n\n const scrollableNode = scrollableContainer.current;\n // Точка верхней границы (y координата)\n const bottomSheetTopY = fullHeight - sheetHeight.current;\n\n if (\n !scrollableNode ||\n (!stickyHeader && Math.abs(bottomSheetTopY - startY) <= MARKER_HEIGHT) ||\n (stickyHeader &&\n headerRef.current &&\n Math.abs(bottomSheetTopY - startY) <= headerRef.current.clientHeight)\n ) {\n return false;\n }\n\n const shouldScroll =\n deltaY >= 0\n ? scrollableNode.scrollTop > 0\n : scrollableNode.scrollHeight -\n scrollableNode.scrollTop -\n scrollableNode.clientHeight >\n SCROLL_OFFSET;\n\n if (!scrollOccurred.current && shouldScroll) {\n scrollOccurred.current = true;\n }\n\n // Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться\n if (horizontalDirections.includes(dir)) {\n return true;\n }\n\n return shouldScroll;\n };\n\n const handleSheetSwipeEnd: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { initial, velocity, deltaY, event, dir } = swipeParams;\n const shouldPreventSwipe =\n scrollOccurred.current ||\n shouldSkipSwiping({ deltaY, startY: initial[1], event, dir });\n\n if (shouldPreventSwipe) {\n return;\n }\n\n magnetize(velocity, deltaY);\n };\n\n const handleSheetSwipeStart: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { deltaY, initial, event, dir } = swipeParams;\n\n if (shouldSkipSwiping({ deltaY, startY: initial[1], event, dir })) {\n return;\n }\n\n startSwiping(event);\n };\n\n const handleTouchEnd: TapCallback = ({ event }) => stopSwiping(event);\n\n const handleSheetSwipeMove: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { initial, deltaY, event, dir } = swipeParams;\n const shouldPreventSwipe =\n scrollOccurred.current ||\n shouldSkipSwiping({ deltaY, startY: initial[1], event, dir });\n\n if (shouldPreventSwipe) {\n return;\n }\n\n if (!swipingInProgress) {\n startSwiping(event);\n }\n\n const offset = getSheetOffset(deltaY);\n const opacity = getBackdropOpacity(offset);\n\n setSheetOffset(offset);\n setBackdropOpacity(opacity);\n };\n\n const sheetSwipeableHandlers = useSwipeable({\n onSwipeStart: handleSheetSwipeStart,\n onSwiping: handleSheetSwipeMove,\n onSwiped: handleSheetSwipeEnd,\n onTouchEndOrOnMouseUp: handleTouchEnd,\n trackMouse: swipeable,\n trackTouch: swipeable,\n delta: swipeThreshold,\n });\n\n const handleExited = (node: HTMLElement) => {\n const idx = initialIndexRef.current as number;\n\n setBackdropOpacity(1);\n setSheetOffset(isNil(idx) ? magneticAreas[0] : lastMagneticArea - magneticAreas[idx]);\n setActiveAreaIdx(isNil(idx) ? magneticAreas.length - 1 : idx);\n onMagnetizeEnd?.(0);\n if (transitionProps.onExited) {\n transitionProps.onExited(node);\n }\n };\n\n const handleEnter = (node: HTMLElement, isAppearing: boolean) => {\n onMagnetize?.(initialIndexRef.current ?? magneticAreas.length - 1);\n\n if (transitionProps.onEnter) {\n transitionProps.onEnter(node, isAppearing);\n }\n };\n\n const handleExit = (node: HTMLElement) => {\n onMagnetize?.(0);\n\n if (transitionProps.onExit) {\n transitionProps.onExit(node);\n }\n };\n\n const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n setBackdropOpacity(1);\n setSheetHeight();\n // Ready for swiping\n setSwipingInProgress(false);\n onMagnetizeEnd?.(getActiveAreaIndex(activeArea));\n\n if (transitionProps.onEntered) {\n transitionProps.onEntered(node, isAppearing);\n }\n };\n\n useEffect(() => {\n if (!isFirstRender) {\n // Инициализируем стейт только после того, как была рассчитана высота вьюпорта\n if (activeAreaIdx === -1) {\n const idx = initialIndexRef.current as number;\n\n setSheetOffset(isNil(idx) ? 0 : lastMagneticArea - magneticAreas[idx]);\n setActiveAreaIdx(isNil(idx) ? magneticAreas.length - 1 : idx);\n } else {\n setSheetOffset(activeArea ? lastMagneticArea - activeArea : 0);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFirstRender, magneticAreas, lastMagneticArea]);\n\n useEffect(() => {\n if (!sheetRef.current) return;\n\n const maxOffset = fullHeight - headerOffset;\n\n const offset = open ? sheetOffset : maxOffset;\n\n const percent = (offset / maxOffset) * 100;\n\n onOffsetChange?.(offset, percent);\n }, [fullHeight, headerOffset, onOffsetChange, open, sheetOffset]);\n\n useImperativeHandle(bottomSheetInstanceRef, () => ({\n scrollToArea,\n }));\n\n const getSwipeStyles = (): CSSProperties =>\n sheetOffset ? { transform: `translateY(${sheetOffset}px)` } : {};\n\n const getHeightStyles = (): CSSProperties => ({\n height:\n !isFirstRender && (initialHeight === 'full' || magneticAreasProp)\n ? `${lastMagneticArea}px`\n : 'unset',\n maxHeight: isFirstRender ? 0 : `${lastMagneticArea}px`,\n marginBottom:\n virtualKeyboard && visualViewportSize && windowHeight > visualViewportSize.height\n ? windowHeight - visualViewportSize.height - visualViewportSize.offsetTop\n : undefined,\n });\n\n const renderMarker = () => {\n if (swipeableMarker) {\n return (\n <div className={cn(styles.marker, swipeableMarkerClassName)}>\n {swipeableMarker}\n </div>\n );\n }\n\n if (showSwipeMarker) {\n return (\n <div\n className={cn(\n styles.marker,\n styles.defaultMarker,\n colorStyle.defaultMarker,\n swipeableMarkerClassName,\n )}\n />\n );\n }\n\n return null;\n };\n\n const bgClassName =\n backgroundColor &&\n styles[`background-${backgroundColor}${colors === 'inverted' ? '-inverted' : ''}`];\n\n return (\n <BaseModal\n open={open}\n ref={ref}\n container={container}\n dataTestId={dataTestId}\n zIndex={zIndex}\n onClose={onClose}\n usePortal={usePortal}\n scrollHandler={scrollableContainer}\n Backdrop={SwipeableBackdrop}\n backdropProps={{\n ...backdropProps,\n className: styles.disabledPointerEvents,\n opacity: backdropOpacity,\n opacityTimeout: TIMEOUT,\n invisible: hideOverlay,\n }}\n disableBackdropClick={hideOverlay ? true : disableOverlayClick}\n className={cn(styles.modal, modalClassName)}\n wrapperClassName={cn(modalWrapperClassName, {\n [styles.disabledPointerEvents]: hideOverlay,\n })}\n disableBlockingScroll={disableBlockingScroll}\n disableFocusLock={disableFocusLock}\n transitionProps={{\n appear: true,\n timeout: TIMEOUT,\n classNames: styles,\n ...transitionProps,\n onExited: handleExited,\n onEntered: handleEntered,\n onEnter: handleEnter,\n onExit: handleExit,\n }}\n disableAutoFocus={disableAutoFocus}\n disableEscapeKeyDown={disableEscapeKeyDown}\n disableRestoreFocus={disableRestoreFocus}\n keepMounted={keepMounted}\n iOSLock={iOSLock}\n >\n <div\n className={cn(styles.wrapper, {\n [styles.fullscreen]: headerOffset === 0 && sheetOffset === 0,\n })}\n onTransitionEnd={setSheetHeight}\n >\n <div\n className={cn(\n styles.component,\n bgClassName,\n colorStyle.component,\n className,\n {\n [styles.withTransition]: swipingInProgress === false,\n [styles.safeAreaBottom]: os.isIOS(),\n },\n )}\n style={{\n ...getSwipeStyles(),\n ...getHeightStyles(),\n }}\n {...sheetSwipeableHandlers}\n ref={mergeRefs([sheetRef, sheetContainerRef, sheetSwipeableHandlers.ref])}\n onTransitionEnd={handleTransitionEnd}\n >\n {renderMarker()}\n <div\n {...containerProps}\n className={cn(\n styles.scrollableContainer,\n containerProps?.className,\n containerClassName,\n {\n [styles.scrollLocked]: scrollLockedProp || swipingInProgress,\n [styles.hiddenScrollbar]: hideScrollbar,\n },\n )}\n ref={mergeRefs([scrollableContainer, scrollableContainerRef])}\n >\n {!hideHeader && !emptyHeader && (\n <Header {...headerProps} showSwipeMarker={showSwipeMarker} />\n )}\n\n <div\n ref={contentRef}\n className={cn(\n styles.content,\n colorStyle.content,\n contentClassName,\n {\n [styles.noHeader]: hideHeader || emptyHeader,\n [styles.noFooter]: !actionButton,\n },\n )}\n data-test-id={getDataTestId(dataTestId, 'content')}\n >\n {children}\n </div>\n\n {actionButton && (\n <Footer\n sticky={stickyFooter}\n className={cn(bgClassName, footerClassName)}\n colors={colors}\n dataTestId={getDataTestId(dataTestId, 'footer')}\n >\n {actionButton}\n </Footer>\n )}\n </div>\n </div>\n </div>\n </BaseModal>\n );\n },\n);\n\nBottomSheet.displayName = 'BottomSheet';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"component.js","sources":["../src/component.tsx"],"sourcesContent":["import React, {\n type CSSProperties,\n forwardRef,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { use100vh } from 'react-div-100vh';\nimport mergeRefs from 'react-merge-refs';\nimport {\n type SwipeCallback,\n type SwipeEventData,\n type TapCallback,\n useSwipeable,\n} from 'react-swipeable';\nimport { type HandledEvents } from 'react-swipeable/es/types';\nimport cn from 'classnames';\n\nimport { BaseModal, unlockScroll } from '@alfalab/core-components-base-modal';\nimport { fnUtils, getDataTestId, isClient, os } from '@alfalab/core-components-shared';\n\nimport { Footer } from './components/footer/Component';\nimport { Header, type HeaderProps } from './components/header/Component';\nimport { SwipeableBackdrop } from './components/swipeable-backdrop/Component';\nimport { horizontalDirections } from './consts/swipeConsts';\nimport { type ShouldSkipSwipingParams } from './types/swipeTypes';\nimport { useVisualViewportSize } from './hooks';\nimport { type BottomSheetProps } from './types';\nimport {\n CLOSE_OFFSET,\n convertPercentToNumber,\n MARKER_HEIGHT,\n SCROLL_OFFSET,\n SWIPE_VELOCITY,\n TIMEOUT,\n} from './utils';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst { isNil } = fnUtils;\n\nconst adjustContainerHeightDefault = (value: number) => value;\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport const BottomSheet = forwardRef<HTMLDivElement, BottomSheetProps>(\n // eslint-disable-next-line complexity\n (\n {\n open,\n title,\n container,\n usePortal,\n backgroundColor,\n titleSize = 'default',\n subtitle,\n actionButton,\n contentClassName,\n containerClassName,\n containerProps,\n headerClassName,\n headerContentClassName,\n footerClassName,\n addonClassName,\n closerClassName,\n backerClassName,\n modalClassName,\n modalWrapperClassName,\n className,\n leftAddons,\n rightAddons,\n bottomAddons,\n hasCloser,\n hasBacker,\n titleAlign = 'left',\n trimTitle,\n stickyHeader,\n stickyFooter = true,\n initialHeight = 'default',\n hideOverlay,\n hideScrollbar,\n hideHeader,\n disableOverlayClick,\n disableBlockingScroll,\n disableFocusLock,\n children,\n zIndex,\n transitionProps = {},\n magneticAreas: magneticAreasProp,\n initialActiveAreaIndex,\n dataTestId,\n swipeable = true,\n swipeableContent = true,\n swipeThreshold = 5,\n scrollLocked: scrollLockedProp,\n backdropProps,\n scrollableContainerRef = () => null,\n bottomSheetInstanceRef,\n sheetContainerRef = () => null,\n headerOffset = 24,\n adjustContainerHeight = adjustContainerHeightDefault,\n onClose,\n onBack,\n onMagnetize,\n onSwipeStart,\n onSwipeEnd,\n disableRestoreFocus,\n disableAutoFocus,\n disableEscapeKeyDown,\n keepMounted,\n onMagnetizeEnd,\n onOffsetChange,\n showSwipeMarker = true,\n swipeableMarker,\n swipeableMarkerClassName,\n backButtonProps,\n iOSLock = false,\n virtualKeyboard = false,\n colors = 'default',\n },\n ref,\n ) => {\n const windowHeight = use100vh() ?? 0;\n const visualViewportSize = useVisualViewportSize();\n let fullHeight = virtualKeyboard ? (visualViewportSize?.height ?? 0) : windowHeight;\n // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.\n const isFirstRender = fullHeight === 0;\n\n fullHeight = adjustContainerHeight(fullHeight);\n\n const initialIndexRef = useRef<number | undefined>(initialActiveAreaIndex);\n\n const magneticAreas = useMemo(() => {\n if (magneticAreasProp) {\n return magneticAreasProp.map((area) =>\n convertPercentToNumber(area, fullHeight, headerOffset),\n );\n }\n let iOSViewHeight = 0;\n\n if (isClient()) {\n if (document?.documentElement?.clientHeight) {\n iOSViewHeight = adjustContainerHeight(document.documentElement.clientHeight);\n } else {\n iOSViewHeight = window?.innerHeight;\n }\n }\n\n const viewHeight = os.isIOS() && !virtualKeyboard ? iOSViewHeight : fullHeight;\n\n return [0, viewHeight - headerOffset];\n }, [fullHeight, headerOffset, magneticAreasProp, virtualKeyboard, adjustContainerHeight]);\n\n const lastMagneticArea = magneticAreas[magneticAreas.length - 1];\n\n const [sheetOffset, setSheetOffset] = useState(0);\n const [backdropOpacity, setBackdropOpacity] = useState(1);\n const [activeAreaIdx, setActiveAreaIdx] = useState(-1);\n\n const [swipingInProgress, setSwipingInProgress] = useState<boolean | null>(null);\n const scrollOccurred = useRef<boolean>(false);\n const headerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const sheetHeight = useRef(0);\n const sheetRef = useRef<HTMLDivElement>(null);\n const scrollableContainer = useRef<HTMLDivElement | null>(null);\n\n const activeArea = magneticAreas[activeAreaIdx];\n const emptyHeader = !hasCloser && !leftAddons && !title && !hasBacker && !rightAddons;\n const titleIsReactElement = React.isValidElement(title);\n\n const colorStyle = colorStyles[colors];\n\n const headerProps: HeaderProps = {\n ...(titleIsReactElement\n ? { children: title }\n : { title: title ? title?.toString() : undefined }),\n scrollableParentRef: scrollableContainer,\n headerRef,\n headerOffset,\n colors,\n className: cn(headerClassName, colorStyle.hasContent),\n contentClassName: headerContentClassName,\n addonClassName,\n closerClassName,\n backButtonClassName: backerClassName,\n leftAddons,\n rightAddons,\n bottomAddons,\n hasCloser,\n hasBackButton: hasBacker,\n align: titleAlign,\n trim: trimTitle,\n sticky: stickyHeader,\n dataTestId: getDataTestId(dataTestId, 'header'),\n onBack,\n titleSize,\n subtitle,\n onClose,\n backButtonProps,\n };\n\n const startSwiping = (event: HandledEvents) => {\n setSwipingInProgress((p) => {\n if (!p) onSwipeStart?.(event);\n\n return true;\n });\n };\n\n const stopSwiping = (event: HandledEvents | null) => {\n setSwipingInProgress((p) => {\n if (p) onSwipeEnd?.(event);\n\n return false;\n });\n scrollOccurred.current = false;\n };\n\n const getBackdropOpacity = (offset: number): number => {\n const canClose = magneticAreas[0] === 0;\n const secondArea = magneticAreas[1];\n const isSecondArea = secondArea === activeArea;\n\n if (canClose && isSecondArea && sheetOffset > lastMagneticArea - secondArea) {\n const opacity = 1 - (offset - (lastMagneticArea - secondArea)) / secondArea;\n\n return Math.max(0, Number(opacity.toFixed(2)));\n }\n\n return 1;\n };\n\n const getSheetOffset = (deltaY: number): number => {\n let offset = lastMagneticArea - activeArea + deltaY;\n const maxOffset = magneticAreas[0] === 0 ? 0 : lastMagneticArea - magneticAreas[0];\n\n if (maxOffset) {\n offset = Math.min(maxOffset, offset);\n }\n\n return Math.max(0, Math.round(offset));\n };\n\n const getActiveAreaIndex = (area?: number) => magneticAreas.findIndex((a) => a === area);\n\n const setSheetHeight = () => {\n if (sheetRef.current) {\n sheetHeight.current = sheetRef.current.getBoundingClientRect().height - sheetOffset;\n }\n };\n\n const handleTransitionEnd = (event: React.TransitionEvent) => {\n setSheetHeight();\n\n if (event.propertyName === 'transform' && event.target === event.currentTarget) {\n onMagnetizeEnd?.(getActiveAreaIndex(activeArea));\n }\n };\n\n const scrollToArea = (idx: number) => {\n if (isFirstRender) {\n initialIndexRef.current = idx;\n\n return;\n }\n\n stopSwiping(null);\n const nextArea = magneticAreas[idx];\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n\n if (nextArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n onClose();\n\n return;\n }\n\n if (nextAreaIdx !== -1) {\n setActiveAreaIdx(nextAreaIdx);\n setSheetOffset(lastMagneticArea - nextArea);\n onMagnetize?.(nextAreaIdx);\n }\n };\n\n const magnetize = (velocity: number, deltaY: number) => {\n const shouldMagnetizeDownByVelocity = deltaY >= 0 && velocity >= SWIPE_VELOCITY;\n const shouldMagnetizeUpByVelocity = deltaY < 0 && velocity >= SWIPE_VELOCITY;\n\n const updatePosition = (nextOffset: number, nextAreaIdx: number) => {\n setSheetOffset(nextOffset);\n setActiveAreaIdx((prevState) => (nextAreaIdx === -1 ? prevState : nextAreaIdx));\n\n if (nextAreaIdx !== -1) {\n onMagnetize?.(nextAreaIdx);\n\n // Если nextOffset == offset, то onTransitionEnd не отработает и onMagnetizeEnd не вызовется\n if (sheetOffset === nextOffset) {\n onMagnetizeEnd?.(nextAreaIdx);\n setSheetHeight();\n }\n }\n };\n\n if (shouldMagnetizeDownByVelocity) {\n const nextArea = magneticAreas\n .slice()\n .reverse()\n .find((area) => area < activeArea);\n\n if (nextArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n\n return;\n }\n\n const nextOffset = nextArea\n ? lastMagneticArea - nextArea\n : lastMagneticArea - activeArea;\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n\n updatePosition(nextOffset, nextAreaIdx);\n\n return;\n }\n\n if (shouldMagnetizeUpByVelocity) {\n const nextArea = magneticAreas.find((area) => area > activeArea);\n const nextAreaIdx = getActiveAreaIndex(nextArea);\n const nextOffset = nextArea ? lastMagneticArea - nextArea : 0;\n\n updatePosition(nextOffset, nextAreaIdx);\n\n return;\n }\n\n const offset = getSheetOffset(deltaY);\n const currentSheetHeight = lastMagneticArea - offset;\n const secondArea = magneticAreas[1];\n const isSecondArea = activeArea === secondArea;\n const canClose = magneticAreas[0] === 0 && deltaY >= 0;\n const shouldCloseByOffset =\n isSecondArea && canClose && 1 - currentSheetHeight / activeArea > CLOSE_OFFSET;\n\n if (shouldCloseByOffset) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n\n return;\n }\n\n const { nearestArea } = magneticAreas.reduceRight(\n (res, area) => {\n if (Math.abs(area - currentSheetHeight) < res.minOffset) {\n res.minOffset = area - currentSheetHeight;\n res.nearestArea = area;\n }\n\n return res;\n },\n {\n nearestArea: lastMagneticArea,\n minOffset: lastMagneticArea,\n },\n );\n\n if (nearestArea === 0) {\n if (iOSLock) {\n unlockScroll();\n }\n\n onClose();\n } else {\n const nextOffset = lastMagneticArea - nearestArea;\n const nextAreaIdx = getActiveAreaIndex(nearestArea);\n\n setBackdropOpacity(1);\n updatePosition(nextOffset, nextAreaIdx);\n }\n };\n\n /**\n * Если контент внутри шторки скроллится - то шторка не должна свайпаться\n * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки\n */\n const shouldSkipSwiping = (swipeParams: ShouldSkipSwipingParams) => {\n const { deltaY, startY, event, dir } = swipeParams;\n\n if (scrollLockedProp || swipingInProgress) return false;\n\n if (!swipeableContent && contentRef.current?.contains(event.target as HTMLElement)) {\n return true;\n }\n\n const scrollableNode = scrollableContainer.current;\n // Точка верхней границы (y координата)\n const bottomSheetTopY = fullHeight - sheetHeight.current;\n\n if (\n !scrollableNode ||\n (!stickyHeader && Math.abs(bottomSheetTopY - startY) <= MARKER_HEIGHT) ||\n (stickyHeader &&\n headerRef.current &&\n Math.abs(bottomSheetTopY - startY) <= headerRef.current.clientHeight)\n ) {\n return false;\n }\n\n const shouldScroll =\n deltaY >= 0\n ? scrollableNode.scrollTop > 0\n : scrollableNode.scrollHeight -\n scrollableNode.scrollTop -\n scrollableNode.clientHeight >\n SCROLL_OFFSET;\n\n if (!scrollOccurred.current && shouldScroll) {\n scrollOccurred.current = true;\n }\n\n // Если контент внутри шторки скроллится горизонально - то шторка не должна закрываться\n if (horizontalDirections.includes(dir)) {\n return true;\n }\n\n return shouldScroll;\n };\n\n const handleSheetSwipeEnd: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { initial, velocity, deltaY, event, dir } = swipeParams;\n const shouldPreventSwipe =\n scrollOccurred.current ||\n shouldSkipSwiping({ deltaY, startY: initial[1], event, dir });\n\n if (shouldPreventSwipe) {\n return;\n }\n\n magnetize(velocity, deltaY);\n };\n\n const handleSheetSwipeStart: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { deltaY, initial, event, dir } = swipeParams;\n\n if (shouldSkipSwiping({ deltaY, startY: initial[1], event, dir })) {\n return;\n }\n\n startSwiping(event);\n };\n\n const handleTouchEnd: TapCallback = ({ event }) => stopSwiping(event);\n\n const handleSheetSwipeMove: SwipeCallback = (swipeParams: SwipeEventData) => {\n const { initial, deltaY, event, dir } = swipeParams;\n const shouldPreventSwipe =\n scrollOccurred.current ||\n shouldSkipSwiping({ deltaY, startY: initial[1], event, dir });\n\n if (shouldPreventSwipe) {\n return;\n }\n\n if (!swipingInProgress) {\n startSwiping(event);\n }\n\n const offset = getSheetOffset(deltaY);\n const opacity = getBackdropOpacity(offset);\n\n setSheetOffset(offset);\n setBackdropOpacity(opacity);\n };\n\n const sheetSwipeableHandlers = useSwipeable({\n onSwipeStart: handleSheetSwipeStart,\n onSwiping: handleSheetSwipeMove,\n onSwiped: handleSheetSwipeEnd,\n onTouchEndOrOnMouseUp: handleTouchEnd,\n trackMouse: swipeable,\n trackTouch: swipeable,\n delta: swipeThreshold,\n });\n\n const handleExited = (node: HTMLElement) => {\n const idx = initialIndexRef.current as number;\n\n setBackdropOpacity(1);\n setSheetOffset(isNil(idx) ? magneticAreas[0] : lastMagneticArea - magneticAreas[idx]);\n setActiveAreaIdx(isNil(idx) ? magneticAreas.length - 1 : idx);\n onMagnetizeEnd?.(0);\n if (transitionProps.onExited) {\n transitionProps.onExited(node);\n }\n };\n\n const handleEnter = (node: HTMLElement, isAppearing: boolean) => {\n onMagnetize?.(initialIndexRef.current ?? magneticAreas.length - 1);\n\n if (transitionProps.onEnter) {\n transitionProps.onEnter(node, isAppearing);\n }\n };\n\n const handleExit = (node: HTMLElement) => {\n onMagnetize?.(0);\n\n if (transitionProps.onExit) {\n transitionProps.onExit(node);\n }\n };\n\n const handleEntered = (node: HTMLElement, isAppearing: boolean) => {\n setBackdropOpacity(1);\n setSheetHeight();\n // Ready for swiping\n setSwipingInProgress(false);\n onMagnetizeEnd?.(getActiveAreaIndex(activeArea));\n\n if (transitionProps.onEntered) {\n transitionProps.onEntered(node, isAppearing);\n }\n };\n\n useEffect(() => {\n if (!isFirstRender) {\n // Инициализируем стейт только после того, как была рассчитана высота вьюпорта\n if (activeAreaIdx === -1) {\n const idx = initialIndexRef.current as number;\n\n setSheetOffset(isNil(idx) ? 0 : lastMagneticArea - magneticAreas[idx]);\n setActiveAreaIdx(isNil(idx) ? magneticAreas.length - 1 : idx);\n } else {\n setSheetOffset(activeArea ? lastMagneticArea - activeArea : 0);\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFirstRender, magneticAreas, lastMagneticArea]);\n\n useEffect(() => {\n if (!sheetRef.current) return;\n\n const maxOffset = fullHeight - headerOffset;\n\n const offset = open ? sheetOffset : maxOffset;\n\n const percent = (offset / maxOffset) * 100;\n\n onOffsetChange?.(offset, percent);\n }, [fullHeight, headerOffset, onOffsetChange, open, sheetOffset]);\n\n useImperativeHandle(bottomSheetInstanceRef, () => ({\n scrollToArea,\n }));\n\n const getSwipeStyles = (): CSSProperties =>\n sheetOffset ? { transform: `translateY(${sheetOffset}px)` } : {};\n\n const getHeightStyles = (): CSSProperties => ({\n height:\n !isFirstRender && (initialHeight === 'full' || magneticAreasProp)\n ? `${lastMagneticArea}px`\n : 'unset',\n maxHeight: isFirstRender ? 0 : `${lastMagneticArea}px`,\n marginBottom:\n virtualKeyboard && visualViewportSize && windowHeight > visualViewportSize.height\n ? windowHeight - visualViewportSize.height - visualViewportSize.offsetTop\n : undefined,\n });\n\n const renderMarker = () => {\n if (swipeableMarker) {\n return (\n <div className={cn(styles.marker, swipeableMarkerClassName)}>\n {swipeableMarker}\n </div>\n );\n }\n\n if (showSwipeMarker) {\n return (\n <div\n className={cn(\n styles.marker,\n styles.defaultMarker,\n colorStyle.defaultMarker,\n swipeableMarkerClassName,\n )}\n />\n );\n }\n\n return null;\n };\n\n const bgClassName =\n backgroundColor &&\n styles[`background-${backgroundColor}${colors === 'inverted' ? '-inverted' : ''}`];\n\n return (\n <BaseModal\n open={open}\n ref={ref}\n container={container}\n dataTestId={dataTestId}\n zIndex={zIndex}\n onClose={onClose}\n usePortal={usePortal}\n scrollHandler={scrollableContainer}\n Backdrop={SwipeableBackdrop}\n backdropProps={{\n ...backdropProps,\n className: styles.disabledPointerEvents,\n opacity: backdropOpacity,\n opacityTimeout: TIMEOUT,\n invisible: hideOverlay,\n }}\n disableBackdropClick={hideOverlay ? true : disableOverlayClick}\n className={cn(styles.modal, modalClassName)}\n wrapperClassName={cn(modalWrapperClassName, {\n [styles.disabledPointerEvents]: hideOverlay,\n })}\n disableBlockingScroll={disableBlockingScroll}\n disableFocusLock={disableFocusLock}\n transitionProps={{\n appear: true,\n timeout: TIMEOUT,\n classNames: styles,\n ...transitionProps,\n onExited: handleExited,\n onEntered: handleEntered,\n onEnter: handleEnter,\n onExit: handleExit,\n }}\n disableAutoFocus={disableAutoFocus}\n disableEscapeKeyDown={disableEscapeKeyDown}\n disableRestoreFocus={disableRestoreFocus}\n keepMounted={keepMounted}\n iOSLock={iOSLock}\n >\n <div\n className={cn(styles.wrapper, {\n [styles.fullscreen]: headerOffset === 0 && sheetOffset === 0,\n })}\n onTransitionEnd={setSheetHeight}\n >\n <div\n className={cn(\n styles.component,\n bgClassName,\n colorStyle.component,\n className,\n {\n [styles.withTransition]: swipingInProgress === false,\n [styles.safeAreaBottom]: os.isIOS(),\n },\n )}\n style={{\n ...getSwipeStyles(),\n ...getHeightStyles(),\n }}\n {...sheetSwipeableHandlers}\n ref={mergeRefs([sheetRef, sheetContainerRef, sheetSwipeableHandlers.ref])}\n onTransitionEnd={handleTransitionEnd}\n >\n {renderMarker()}\n <div\n {...containerProps}\n className={cn(\n styles.scrollableContainer,\n containerProps?.className,\n containerClassName,\n {\n [styles.scrollLocked]: scrollLockedProp || swipingInProgress,\n [styles.hiddenScrollbar]: hideScrollbar,\n },\n )}\n ref={mergeRefs([scrollableContainer, scrollableContainerRef])}\n >\n {!hideHeader && !emptyHeader && (\n <Header {...headerProps} showSwipeMarker={showSwipeMarker} />\n )}\n\n <div\n ref={contentRef}\n className={cn(\n styles.content,\n colorStyle.content,\n contentClassName,\n {\n [styles.noHeader]: hideHeader || emptyHeader,\n [styles.noFooter]: !actionButton,\n },\n )}\n data-test-id={getDataTestId(dataTestId, 'content')}\n >\n {children}\n </div>\n\n {actionButton && (\n <Footer\n sticky={stickyFooter}\n className={cn(bgClassName, footerClassName)}\n colors={colors}\n dataTestId={getDataTestId(dataTestId, 'footer')}\n >\n {actionButton}\n </Footer>\n )}\n </div>\n </div>\n </div>\n </BaseModal>\n );\n },\n);\n\nBottomSheet.displayName = 'BottomSheet';\n"],"names":[],"mappings":"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"}
@@ -6,9 +6,9 @@
6
6
  --bottom-sheet-text-color: var(--color-light-text-primary);
7
7
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
8
8
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
9
- } .bottom-sheet__highlighted_lomww {
9
+ } .bottom-sheet__highlighted_1td3t {
10
10
  background-color: var(--bottom-sheet-footer-background-color);
11
11
  border-top: var(--bottom-sheet-footer-border-top);
12
- } .bottom-sheet__hasContent_lomww {
12
+ } .bottom-sheet__hasContent_1td3t {
13
13
  color: var(--bottom-sheet-text-color);
14
14
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"highlighted":"bottom-sheet__highlighted_lomww","hasContent":"bottom-sheet__hasContent_lomww"};
3
+ const defaultColors = {"highlighted":"bottom-sheet__highlighted_1td3t","hasContent":"bottom-sheet__hasContent_1td3t"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -2,9 +2,9 @@
2
2
  --gap-m: 16px;
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
- } .bottom-sheet__footer_10yg6 {
5
+ } .bottom-sheet__footer_1g56b {
6
6
  padding: var(--gap-16) var(--gap-16);
7
- } .bottom-sheet__sticky_10yg6 {
7
+ } .bottom-sheet__sticky_1g56b {
8
8
  position: sticky;
9
9
  bottom: var(--gap-0);
10
10
  z-index: 1;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"footer":"bottom-sheet__footer_10yg6","sticky":"bottom-sheet__sticky_10yg6"};
3
+ const styles = {"footer":"bottom-sheet__footer_1g56b","sticky":"bottom-sheet__sticky_1g56b"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -6,9 +6,9 @@
6
6
  --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
7
7
  --bottom-sheet-footer-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
8
8
  --bottom-sheet-footer-border-top-inverted: 1px solid var(--color-light-neutral-300-inverted);
9
- } .bottom-sheet__highlighted_qpzi4 {
9
+ } .bottom-sheet__highlighted_1yege {
10
10
  background-color: var(--bottom-sheet-footer-background-color-inverted);
11
11
  border-top: var(--bottom-sheet-footer-border-top-inverted);
12
- } .bottom-sheet__hasContent_qpzi4 {
12
+ } .bottom-sheet__hasContent_1yege {
13
13
  color: var(--bottom-sheet-text-color-inverted);
14
14
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedColors = {"highlighted":"bottom-sheet__highlighted_qpzi4","hasContent":"bottom-sheet__hasContent_qpzi4"};
3
+ const invertedColors = {"highlighted":"bottom-sheet__highlighted_1yege","hasContent":"bottom-sheet__hasContent_1yege"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
@@ -10,7 +10,7 @@ const colorStyles = {
10
10
  default: defaultColors,
11
11
  inverted: invertedColors,
12
12
  };
13
- const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset, showSwipeMarker, title, children, ...restProps }) => {
13
+ const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset, showSwipeMarker, title, children, contentClassName, ...restProps }) => {
14
14
  const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } = useContext(BaseModalContext);
15
15
  useEffect(() => {
16
16
  setHeaderOffset(headerOffset);
@@ -26,7 +26,7 @@ const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset
26
26
  [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,
27
27
  [colorStyle.hasContent]: hasContent,
28
28
  [styles.sticky]: sticky,
29
- }), contentClassName: cn(styles.title), titleClassName: cn(colorStyle.title), subtitleClassName: cn(styles.subtitle, colorStyle.subtitle), colors: colors }, children));
29
+ }), contentClassName: cn(styles.title, contentClassName), titleClassName: cn(colorStyle.title), subtitleClassName: cn(styles.subtitle, colorStyle.subtitle), colors: colors }, children));
30
30
  };
31
31
 
32
32
  export { Header };
@@ -1 +1 @@
1
- {"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { type FC, type RefObject, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\nimport {\n NavigationBarPrivate,\n type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\n\nimport { type ColorType } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {\n headerRef: RefObject<HTMLDivElement>;\n headerOffset: number;\n colors?: ColorType;\n showSwipeMarker?: boolean;\n};\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport const Header: FC<HeaderProps> = ({\n className,\n colors = 'default',\n sticky,\n headerRef,\n headerOffset,\n showSwipeMarker,\n title,\n children,\n ...restProps\n}) => {\n const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } =\n useContext(BaseModalContext);\n\n useEffect(() => {\n setHeaderOffset(headerOffset);\n }, [headerOffset, setHeaderOffset]);\n\n useEffect(() => {\n setHasHeader(true);\n }, [setHasHeader]);\n\n const colorStyle = colorStyles[colors];\n const hasContent = Boolean(title || children);\n\n return (\n <NavigationBarPrivate\n {...restProps}\n ref={headerRef}\n title={title}\n onClose={onClose}\n sticky={sticky}\n view='mobile'\n className={cn(className, {\n [styles.headerWrapper]: showSwipeMarker,\n [styles.headerWrapperWithoutSwipeMarker]: !showSwipeMarker,\n [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,\n [colorStyle.hasContent]: hasContent,\n [styles.sticky]: sticky,\n })}\n contentClassName={cn(styles.title)}\n titleClassName={cn(colorStyle.title)}\n subtitleClassName={cn(styles.subtitle, colorStyle.subtitle)}\n colors={colors}\n >\n {children}\n </NavigationBarPrivate>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAsBA,MAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,QAAQ,EAAE,cAAc;CAClB;AAEH,MAAM,MAAM,GAAoB,CAAC,EACpC,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,QAAQ,EACR,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAC/D,UAAU,CAAC,gBAAgB,CAAC;IAEhC,SAAS,CAAC,MAAK;QACX,eAAe,CAAC,YAAY,CAAC;AACjC,KAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;AAE7C,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAA,GACb,SAAS,EACb,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;AACrB,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,eAAe;AACvC,YAAA,CAAC,MAAM,CAAC,+BAA+B,GAAG,CAAC,eAAe;YAC1D,CAAC,UAAU,CAAC,WAAW,GAAG,UAAU,IAAI,iBAAiB,IAAI,MAAM;AACnE,YAAA,CAAC,UAAU,CAAC,UAAU,GAAG,UAAU;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAClC,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACpC,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3D,MAAM,EAAE,MAAM,IAEb,QAAQ,CACU;AAE/B;;;;"}
1
+ {"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { type FC, type RefObject, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModalContext } from '@alfalab/core-components-base-modal';\nimport {\n NavigationBarPrivate,\n type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\n\nimport { type ColorType } from '../../types';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {\n headerRef: RefObject<HTMLDivElement>;\n headerOffset: number;\n colors?: ColorType;\n showSwipeMarker?: boolean;\n};\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport const Header: FC<HeaderProps> = ({\n className,\n colors = 'default',\n sticky,\n headerRef,\n headerOffset,\n showSwipeMarker,\n title,\n children,\n contentClassName,\n ...restProps\n}) => {\n const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } =\n useContext(BaseModalContext);\n\n useEffect(() => {\n setHeaderOffset(headerOffset);\n }, [headerOffset, setHeaderOffset]);\n\n useEffect(() => {\n setHasHeader(true);\n }, [setHasHeader]);\n\n const colorStyle = colorStyles[colors];\n const hasContent = Boolean(title || children);\n\n return (\n <NavigationBarPrivate\n {...restProps}\n ref={headerRef}\n title={title}\n onClose={onClose}\n sticky={sticky}\n view='mobile'\n className={cn(className, {\n [styles.headerWrapper]: showSwipeMarker,\n [styles.headerWrapperWithoutSwipeMarker]: !showSwipeMarker,\n [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,\n [colorStyle.hasContent]: hasContent,\n [styles.sticky]: sticky,\n })}\n contentClassName={cn(styles.title, contentClassName)}\n titleClassName={cn(colorStyle.title)}\n subtitleClassName={cn(styles.subtitle, colorStyle.subtitle)}\n colors={colors}\n >\n {children}\n </NavigationBarPrivate>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAsBA,MAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,QAAQ,EAAE,cAAc;CAClB;AAEH,MAAM,MAAM,GAAoB,CAAC,EACpC,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,GAAG,SAAS,EACf,KAAI;AACD,IAAA,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAC/D,UAAU,CAAC,gBAAgB,CAAC;IAEhC,SAAS,CAAC,MAAK;QACX,eAAe,CAAC,YAAY,CAAC;AACjC,KAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;IACtC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;AAE7C,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EAAA,GACb,SAAS,EACb,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;AACrB,YAAA,CAAC,MAAM,CAAC,aAAa,GAAG,eAAe;AACvC,YAAA,CAAC,MAAM,CAAC,+BAA+B,GAAG,CAAC,eAAe;YAC1D,CAAC,UAAU,CAAC,WAAW,GAAG,UAAU,IAAI,iBAAiB,IAAI,MAAM;AACnE,YAAA,CAAC,UAAU,CAAC,UAAU,GAAG,UAAU;AACnC,YAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;AAC1B,SAAA,CAAC,EACF,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,EACpD,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACpC,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3D,MAAM,EAAE,MAAM,IAEb,QAAQ,CACU;AAE/B;;;;"}
@@ -4,12 +4,12 @@
4
4
  } :root {
5
5
  --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
6
6
  --bottom-sheet-text-color: var(--color-light-text-primary);
7
- } .bottom-sheet__title_1bctu {
7
+ } .bottom-sheet__title_13z43 {
8
8
  color: var(--bottom-sheet-text-color);
9
- } .bottom-sheet__hasContent_1bctu {
9
+ } .bottom-sheet__hasContent_13z43 {
10
10
  background-color: inherit;
11
- } .bottom-sheet__subtitle_1bctu {
11
+ } .bottom-sheet__subtitle_13z43 {
12
12
  color: var(--bottom-sheet-text-color);
13
- } .bottom-sheet__highlighted_1bctu {
13
+ } .bottom-sheet__highlighted_13z43 {
14
14
  border-bottom: var(--bottom-sheet-header-border-bottom);
15
15
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultColors = {"title":"bottom-sheet__title_1bctu","hasContent":"bottom-sheet__hasContent_1bctu","subtitle":"bottom-sheet__subtitle_1bctu","highlighted":"bottom-sheet__highlighted_1bctu"};
3
+ const defaultColors = {"title":"bottom-sheet__title_13z43","hasContent":"bottom-sheet__hasContent_13z43","subtitle":"bottom-sheet__subtitle_13z43","highlighted":"bottom-sheet__highlighted_13z43"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map