@alfalab/core-components-notification 6.2.21 → 7.0.1

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 (24) hide show
  1. package/Component.js +1 -1
  2. package/browser-a216f694.d.ts +6 -0
  3. package/cssm/browser-a216f694.d.ts +6 -0
  4. package/cssm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  5. package/cssm/utils/getNotificationTestIds.d.ts +5 -0
  6. package/cssm/utils/getNotificationTestIds.js +20 -0
  7. package/esm/Component.js +1 -1
  8. package/esm/browser-a216f694.d.ts +6 -0
  9. package/esm/index.css +9 -9
  10. package/esm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  11. package/esm/utils/getNotificationTestIds.d.ts +5 -0
  12. package/esm/utils/getNotificationTestIds.js +16 -0
  13. package/index.css +9 -9
  14. package/modern/Component.js +1 -1
  15. package/modern/browser-a216f694.d.ts +6 -0
  16. package/modern/index.css +9 -9
  17. package/modern/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  18. package/modern/utils/getNotificationTestIds.d.ts +5 -0
  19. package/modern/utils/getNotificationTestIds.js +16 -0
  20. package/package.json +2 -2
  21. package/src/utils/getNotificationTestIds.ts +8 -0
  22. package/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
  23. package/utils/getNotificationTestIds.d.ts +5 -0
  24. package/utils/getNotificationTestIds.js +20 -0
package/Component.js CHANGED
@@ -20,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
21
  var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
22
22
 
23
- var styles = {"notificationComponent":"notification__notificationComponent_1gj2z","isVisible":"notification__isVisible_1gj2z","isClosing":"notification__isClosing_1gj2z","toastContent":"notification__toastContent_1gj2z","actionSection":"notification__actionSection_1gj2z"};
23
+ var styles = {"notificationComponent":"notification__notificationComponent_x5voa","isVisible":"notification__isVisible_x5voa","isClosing":"notification__isClosing_x5voa","toastContent":"notification__toastContent_x5voa","actionSection":"notification__actionSection_x5voa"};
24
24
  require('./index.css')
25
25
 
26
26
  var notificationClassNameSelector = ".".concat(styles.notificationComponent);
package/browser-a216f694.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ declare function isWebkitBased(): boolean;
2
+ declare const browser: {
3
+ getScrollbarSize: () => number;
4
+ isWebkitBased: typeof isWebkitBased;
5
+ };
6
+ export { browser };
package/cssm/browser-a216f694.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ declare function isWebkitBased(): boolean;
2
+ declare const browser: {
3
+ getScrollbarSize: () => number;
4
+ isWebkitBased: typeof isWebkitBased;
5
+ };
6
+ export { browser };
package/cssm/useCustomWebkitScrollbar-a216f694.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare function useCustomWebkitScrollbar(): boolean;
2
+ export { useCustomWebkitScrollbar };
package/cssm/utils/getNotificationTestIds.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getNotificationTestIds(dataTestId: string): {
2
+ badge: string;
3
+ component: string;
4
+ };
5
+ export { getNotificationTestIds };
package/cssm/utils/getNotificationTestIds.js ADDED
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('react');
6
+ require('@alfalab/hooks');
7
+
8
+ function getDataTestId(dataTestId, element) {
9
+ var elementPart = element ? "-".concat(element.toLowerCase()) : '';
10
+ return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
11
+ }
12
+
13
+ function getNotificationTestIds(dataTestId) {
14
+ return {
15
+ badge: getDataTestId(dataTestId, 'badge'),
16
+ component: getDataTestId(dataTestId, 'component'),
17
+ };
18
+ }
19
+
20
+ exports.getNotificationTestIds = getNotificationTestIds;
package/esm/Component.js CHANGED
@@ -9,7 +9,7 @@ import { stackingOrder, Stack } from '@alfalab/core-components-stack/esm';
9
9
  import { ToastPlateDesktop } from '@alfalab/core-components-toast-plate/esm/desktop';
10
10
  import { useClickOutside } from './utils/index.js';
11
11
 
12
- var styles = {"notificationComponent":"notification__notificationComponent_1gj2z","isVisible":"notification__isVisible_1gj2z","isClosing":"notification__isClosing_1gj2z","toastContent":"notification__toastContent_1gj2z","actionSection":"notification__actionSection_1gj2z"};
12
+ var styles = {"notificationComponent":"notification__notificationComponent_x5voa","isVisible":"notification__isVisible_x5voa","isClosing":"notification__isClosing_x5voa","toastContent":"notification__toastContent_x5voa","actionSection":"notification__actionSection_x5voa"};
13
13
  require('./index.css')
14
14
 
15
15
  var notificationClassNameSelector = ".".concat(styles.notificationComponent);
package/esm/browser-a216f694.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ declare function isWebkitBased(): boolean;
2
+ declare const browser: {
3
+ getScrollbarSize: () => number;
4
+ isWebkitBased: typeof isWebkitBased;
5
+ };
6
+ export { browser };
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: rfvly */
1
+ /* hash: 122qd */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  --notification-desktop-content-width: 278px;
24
- } .notification__notificationComponent_1gj2z {
24
+ } .notification__notificationComponent_x5voa {
25
25
  visibility: hidden;
26
26
  right: var(--gap-s);
27
27
  transform: translate(0, -500px);
@@ -30,26 +30,26 @@
30
30
  -webkit-user-select: none;
31
31
  user-select: none;
32
32
  transition: transform 0.4s ease-out
33
- } @media screen and (min-width: 600px) { .notification__notificationComponent_1gj2z {
33
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_x5voa {
34
34
  right: var(--gap-4xl);
35
35
  width: auto;
36
36
  transform: translate(calc(100% + var(--gap-4xl)), 0)
37
37
  }
38
- } .notification__notificationComponent_1gj2z.notification__isVisible_1gj2z {
38
+ } .notification__notificationComponent_x5voa.notification__isVisible_x5voa {
39
39
  visibility: visible;
40
40
  transform: translate(0, 0);
41
- } .notification__notificationComponent_1gj2z.notification__isClosing_1gj2z {
41
+ } .notification__notificationComponent_x5voa.notification__isClosing_x5voa {
42
42
  transition: transform 0.1s ease-out;
43
43
  transform: translate(100vw, 0)
44
- } @media screen and (min-width: 600px) { .notification__notificationComponent_1gj2z.notification__isClosing_1gj2z {
44
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_x5voa.notification__isClosing_x5voa {
45
45
  transform: translate(calc(100% + var(--gap-4xl)), 0)
46
46
  }
47
- } .notification__notificationComponent_1gj2z.notification__notificationComponent_1gj2z {
47
+ } .notification__notificationComponent_x5voa.notification__notificationComponent_x5voa {
48
48
  position: fixed;
49
- } @media screen and (min-width: 600px) { .notification__toastContent_1gj2z {
49
+ } @media screen and (min-width: 600px) { .notification__toastContent_x5voa {
50
50
  width: var(--notification-desktop-content-width)
51
51
  }
52
- } .notification__actionSection_1gj2z {
52
+ } .notification__actionSection_x5voa {
53
53
  min-width: 104px;
54
54
  min-height: 48px;
55
55
  padding: 0 var(--gap-xs);
package/esm/useCustomWebkitScrollbar-a216f694.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare function useCustomWebkitScrollbar(): boolean;
2
+ export { useCustomWebkitScrollbar };
package/esm/utils/getNotificationTestIds.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getNotificationTestIds(dataTestId: string): {
2
+ badge: string;
3
+ component: string;
4
+ };
5
+ export { getNotificationTestIds };
package/esm/utils/getNotificationTestIds.js ADDED
@@ -0,0 +1,16 @@
1
+ import 'react';
2
+ import '@alfalab/hooks';
3
+
4
+ function getDataTestId(dataTestId, element) {
5
+ var elementPart = element ? "-".concat(element.toLowerCase()) : '';
6
+ return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
7
+ }
8
+
9
+ function getNotificationTestIds(dataTestId) {
10
+ return {
11
+ badge: getDataTestId(dataTestId, 'badge'),
12
+ component: getDataTestId(dataTestId, 'component'),
13
+ };
14
+ }
15
+
16
+ export { getNotificationTestIds };
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: rfvly */
1
+ /* hash: 122qd */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  --notification-desktop-content-width: 278px;
24
- } .notification__notificationComponent_1gj2z {
24
+ } .notification__notificationComponent_x5voa {
25
25
  visibility: hidden;
26
26
  right: var(--gap-s);
27
27
  transform: translate(0, -500px);
@@ -30,26 +30,26 @@
30
30
  -webkit-user-select: none;
31
31
  user-select: none;
32
32
  transition: transform 0.4s ease-out
33
- } @media screen and (min-width: 600px) { .notification__notificationComponent_1gj2z {
33
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_x5voa {
34
34
  right: var(--gap-4xl);
35
35
  width: auto;
36
36
  transform: translate(calc(100% + var(--gap-4xl)), 0)
37
37
  }
38
- } .notification__notificationComponent_1gj2z.notification__isVisible_1gj2z {
38
+ } .notification__notificationComponent_x5voa.notification__isVisible_x5voa {
39
39
  visibility: visible;
40
40
  transform: translate(0, 0);
41
- } .notification__notificationComponent_1gj2z.notification__isClosing_1gj2z {
41
+ } .notification__notificationComponent_x5voa.notification__isClosing_x5voa {
42
42
  transition: transform 0.1s ease-out;
43
43
  transform: translate(100vw, 0)
44
- } @media screen and (min-width: 600px) { .notification__notificationComponent_1gj2z.notification__isClosing_1gj2z {
44
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_x5voa.notification__isClosing_x5voa {
45
45
  transform: translate(calc(100% + var(--gap-4xl)), 0)
46
46
  }
47
- } .notification__notificationComponent_1gj2z.notification__notificationComponent_1gj2z {
47
+ } .notification__notificationComponent_x5voa.notification__notificationComponent_x5voa {
48
48
  position: fixed;
49
- } @media screen and (min-width: 600px) { .notification__toastContent_1gj2z {
49
+ } @media screen and (min-width: 600px) { .notification__toastContent_x5voa {
50
50
  width: var(--notification-desktop-content-width)
51
51
  }
52
- } .notification__actionSection_1gj2z {
52
+ } .notification__actionSection_x5voa {
53
53
  min-width: 104px;
54
54
  min-height: 48px;
55
55
  padding: 0 var(--gap-xs);
package/modern/Component.js CHANGED
@@ -8,7 +8,7 @@ import { Stack, stackingOrder } from '@alfalab/core-components-stack/modern';
8
8
  import { ToastPlateDesktop } from '@alfalab/core-components-toast-plate/modern/desktop';
9
9
  import { useClickOutside } from './utils/index.js';
10
10
 
11
- const styles = {"notificationComponent":"notification__notificationComponent_1gj2z","isVisible":"notification__isVisible_1gj2z","isClosing":"notification__isClosing_1gj2z","toastContent":"notification__toastContent_1gj2z","actionSection":"notification__actionSection_1gj2z"};
11
+ const styles = {"notificationComponent":"notification__notificationComponent_x5voa","isVisible":"notification__isVisible_x5voa","isClosing":"notification__isClosing_x5voa","toastContent":"notification__toastContent_x5voa","actionSection":"notification__actionSection_x5voa"};
12
12
  require('./index.css')
13
13
 
14
14
  const notificationClassNameSelector = `.${styles.notificationComponent}`;
package/modern/browser-a216f694.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ declare function isWebkitBased(): boolean;
2
+ declare const browser: {
3
+ getScrollbarSize: () => number;
4
+ isWebkitBased: typeof isWebkitBased;
5
+ };
6
+ export { browser };
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: rfvly */
1
+ /* hash: 122qd */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,7 +21,7 @@
21
21
  } :root {
22
22
  } :root {
23
23
  --notification-desktop-content-width: 278px;
24
- } .notification__notificationComponent_1gj2z {
24
+ } .notification__notificationComponent_x5voa {
25
25
  visibility: hidden;
26
26
  right: var(--gap-s);
27
27
  transform: translate(0, -500px);
@@ -30,26 +30,26 @@
30
30
  -webkit-user-select: none;
31
31
  user-select: none;
32
32
  transition: transform 0.4s ease-out
33
- } @media screen and (min-width: 600px) { .notification__notificationComponent_1gj2z {
33
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_x5voa {
34
34
  right: var(--gap-4xl);
35
35
  width: auto;
36
36
  transform: translate(calc(100% + var(--gap-4xl)), 0)
37
37
  }
38
- } .notification__notificationComponent_1gj2z.notification__isVisible_1gj2z {
38
+ } .notification__notificationComponent_x5voa.notification__isVisible_x5voa {
39
39
  visibility: visible;
40
40
  transform: translate(0, 0);
41
- } .notification__notificationComponent_1gj2z.notification__isClosing_1gj2z {
41
+ } .notification__notificationComponent_x5voa.notification__isClosing_x5voa {
42
42
  transition: transform 0.1s ease-out;
43
43
  transform: translate(100vw, 0)
44
- } @media screen and (min-width: 600px) { .notification__notificationComponent_1gj2z.notification__isClosing_1gj2z {
44
+ } @media screen and (min-width: 600px) { .notification__notificationComponent_x5voa.notification__isClosing_x5voa {
45
45
  transform: translate(calc(100% + var(--gap-4xl)), 0)
46
46
  }
47
- } .notification__notificationComponent_1gj2z.notification__notificationComponent_1gj2z {
47
+ } .notification__notificationComponent_x5voa.notification__notificationComponent_x5voa {
48
48
  position: fixed;
49
- } @media screen and (min-width: 600px) { .notification__toastContent_1gj2z {
49
+ } @media screen and (min-width: 600px) { .notification__toastContent_x5voa {
50
50
  width: var(--notification-desktop-content-width)
51
51
  }
52
- } .notification__actionSection_1gj2z {
52
+ } .notification__actionSection_x5voa {
53
53
  min-width: 104px;
54
54
  min-height: 48px;
55
55
  padding: 0 var(--gap-xs);
package/modern/useCustomWebkitScrollbar-a216f694.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare function useCustomWebkitScrollbar(): boolean;
2
+ export { useCustomWebkitScrollbar };
package/modern/utils/getNotificationTestIds.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getNotificationTestIds(dataTestId: string): {
2
+ badge: string;
3
+ component: string;
4
+ };
5
+ export { getNotificationTestIds };
package/modern/utils/getNotificationTestIds.js ADDED
@@ -0,0 +1,16 @@
1
+ import 'react';
2
+ import '@alfalab/hooks';
3
+
4
+ function getDataTestId(dataTestId, element) {
5
+ const elementPart = element ? `-${element.toLowerCase()}` : '';
6
+ return dataTestId ? `${dataTestId}${elementPart}` : undefined;
7
+ }
8
+
9
+ function getNotificationTestIds(dataTestId) {
10
+ return {
11
+ badge: getDataTestId(dataTestId, 'badge'),
12
+ component: getDataTestId(dataTestId, 'component'),
13
+ };
14
+ }
15
+
16
+ export { getNotificationTestIds };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-notification",
3
- "version": "6.2.21",
3
+ "version": "7.0.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,7 +16,7 @@
16
16
  "dependencies": {
17
17
  "@alfalab/core-components-portal": "^3.2.0",
18
18
  "@alfalab/core-components-stack": "^4.1.0",
19
- "@alfalab/core-components-toast-plate": "^6.3.7",
19
+ "@alfalab/core-components-toast-plate": "^7.0.1",
20
20
  "classnames": "^2.3.1",
21
21
  "element-closest": "^3.0.2",
22
22
  "react-merge-refs": "^1.1.0",
package/src/utils/getNotificationTestIds.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { getDataTestId } from '@alfalab/core-components-shared';
2
+
3
+ export function getNotificationTestIds(dataTestId: string) {
4
+ return {
5
+ badge: getDataTestId(dataTestId, 'badge'),
6
+ component: getDataTestId(dataTestId, 'component'),
7
+ };
8
+ }
package/useCustomWebkitScrollbar-a216f694.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare function useCustomWebkitScrollbar(): boolean;
2
+ export { useCustomWebkitScrollbar };
package/utils/getNotificationTestIds.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getNotificationTestIds(dataTestId: string): {
2
+ badge: string;
3
+ component: string;
4
+ };
5
+ export { getNotificationTestIds };
package/utils/getNotificationTestIds.js ADDED
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('react');
6
+ require('@alfalab/hooks');
7
+
8
+ function getDataTestId(dataTestId, element) {
9
+ var elementPart = element ? "-".concat(element.toLowerCase()) : '';
10
+ return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
11
+ }
12
+
13
+ function getNotificationTestIds(dataTestId) {
14
+ return {
15
+ badge: getDataTestId(dataTestId, 'badge'),
16
+ component: getDataTestId(dataTestId, 'component'),
17
+ };
18
+ }
19
+
20
+ exports.getNotificationTestIds = getNotificationTestIds;