@snack-uikit/notification 0.7.19-preview-5d3667ec.0 → 0.7.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,37 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 0.7.20 (2024-04-25)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **PDS-0000:** set default button type as button ([4ec64de](https://github.com/cloud-ru-tech/snack-uikit/commit/4ec64de508826df4a1e82fd8c75448d9919e563f))
12
+
13
+
14
+
15
+
16
+
17
+ ## 0.7.19 (2024-04-23)
18
+
19
+ ### Only dependencies have been changed
20
+ * [@snack-uikit/button@0.17.1](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/button/CHANGELOG.md)
21
+ * [@snack-uikit/chips@0.13.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/chips/CHANGELOG.md)
22
+ * [@snack-uikit/info-block@0.3.4](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/info-block/CHANGELOG.md)
23
+ * [@snack-uikit/link@0.11.7](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/link/CHANGELOG.md)
24
+ * [@snack-uikit/list@0.11.1](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
25
+ * [@snack-uikit/popover-private@0.13.2](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/popover-private/CHANGELOG.md)
26
+ * [@snack-uikit/scroll@0.5.3](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/scroll/CHANGELOG.md)
27
+ * [@snack-uikit/skeleton@0.3.4](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/skeleton/CHANGELOG.md)
28
+ * [@snack-uikit/tag@0.9.1](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/tag/CHANGELOG.md)
29
+ * [@snack-uikit/truncate-string@0.4.13](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
30
+ * [@snack-uikit/typography@0.6.2](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/typography/CHANGELOG.md)
31
+ * [@snack-uikit/utils@3.3.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/utils/CHANGELOG.md)
32
+
33
+
34
+
35
+
36
+
6
37
  ## 0.7.18 (2024-04-22)
7
38
 
8
39
  ### Only dependencies have been changed
@@ -29,7 +29,7 @@ import styles from './styles.module.css';
29
29
  export function NotificationPanel(_a) {
30
30
  var { title, settings, chips, readAllButton, footerButton, content, loading, skeletonsAmount = 2, scrollEndRef, scrollContainerRef, className } = _a, rest = __rest(_a, ["title", "settings", "chips", "readAllButton", "footerButton", "content", "loading", "skeletonsAmount", "scrollEndRef", "scrollContainerRef", "className"]);
31
31
  const skeletons = useMemo(() => Array.from({ length: skeletonsAmount }, (_, i) => i), [skeletonsAmount]);
32
- return (_jsxs("div", Object.assign({ className: cn(styles.wrapper, className) }, extractSupportProps(rest), { children: [_jsxs("div", { className: styles.notificationPanelHeader, children: [_jsxs("div", { className: styles.notificationPanelHeadline, children: [_jsx(Typography.SansHeadlineS, { className: styles.notificationPanelTitle, children: _jsx(TruncateString, { text: title, "data-test-id": TEST_IDS.title }) }), settings && _jsx(NotificationPanelSettings, Object.assign({}, settings))] }), _jsxs("div", { className: styles.notificationPanelHeaderFunctions, children: [_jsx("div", { className: styles.notificationPanelChips, children: chips === null || chips === void 0 ? void 0 : chips.map(chip => (_createElement(ChipToggle, Object.assign({}, chip, { key: chip.label, "data-test-id": `${TEST_IDS.chip}-${chip.label}`, size: 'xs', disabled: chip.disabled || loading })))) }), readAllButton && (_jsx(ButtonFunction, Object.assign({}, readAllButton, { disabled: readAllButton.disabled || loading, "data-test-id": TEST_IDS.readAll })))] })] }), _jsxs(Scroll, { size: 'm', className: styles.notificationPanelBody, ref: scrollContainerRef, children: [content, loading && (_jsx(SkeletonContextProvider, { loading: loading || false, children: skeletons.map(skeleton => (_jsx(WithSkeleton, { skeleton: _jsx(NotificationCardSkeleton, {}) }, skeleton))) })), _jsx("div", { className: styles.scrollStub, ref: scrollEndRef })] }), footerButton && (_jsx("button", { onClick: footerButton.onClick, className: styles.notificationPanelFooterButton, "data-test-id": TEST_IDS.footerButton, children: _jsx(Typography.SansLabelS, { children: footerButton.label }) }))] })));
32
+ return (_jsxs("div", Object.assign({ className: cn(styles.wrapper, className) }, extractSupportProps(rest), { children: [_jsxs("div", { className: styles.notificationPanelHeader, children: [_jsxs("div", { className: styles.notificationPanelHeadline, children: [_jsx(Typography.SansHeadlineS, { className: styles.notificationPanelTitle, children: _jsx(TruncateString, { text: title, "data-test-id": TEST_IDS.title }) }), settings && _jsx(NotificationPanelSettings, Object.assign({}, settings))] }), _jsxs("div", { className: styles.notificationPanelHeaderFunctions, children: [_jsx("div", { className: styles.notificationPanelChips, children: chips === null || chips === void 0 ? void 0 : chips.map(chip => (_createElement(ChipToggle, Object.assign({}, chip, { key: chip.label, "data-test-id": `${TEST_IDS.chip}-${chip.label}`, size: 'xs', disabled: chip.disabled || loading })))) }), readAllButton && (_jsx(ButtonFunction, Object.assign({}, readAllButton, { disabled: readAllButton.disabled || loading, "data-test-id": TEST_IDS.readAll })))] })] }), _jsxs(Scroll, { size: 'm', className: styles.notificationPanelBody, ref: scrollContainerRef, children: [content, loading && (_jsx(SkeletonContextProvider, { loading: loading || false, children: skeletons.map(skeleton => (_jsx(WithSkeleton, { skeleton: _jsx(NotificationCardSkeleton, {}) }, skeleton))) })), _jsx("div", { className: styles.scrollStub, ref: scrollEndRef })] }), footerButton && (_jsx("button", { type: 'button', onClick: footerButton.onClick, className: styles.notificationPanelFooterButton, "data-test-id": TEST_IDS.footerButton, children: _jsx(Typography.SansLabelS, { children: footerButton.label }) }))] })));
33
33
  }
34
34
  (function (NotificationPanel) {
35
35
  NotificationPanel.Blank = NotificationPanelBlank;
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Notification",
7
- "version": "0.7.19-preview-5d3667ec.0",
7
+ "version": "0.7.20",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -32,20 +32,20 @@
32
32
  "license": "Apache-2.0",
33
33
  "scripts": {},
34
34
  "dependencies": {
35
- "@snack-uikit/button": "0.17.0",
36
- "@snack-uikit/chips": "0.12.9",
35
+ "@snack-uikit/button": "0.17.1",
36
+ "@snack-uikit/chips": "0.13.1",
37
37
  "@snack-uikit/icons": "0.20.1",
38
- "@snack-uikit/info-block": "0.3.3",
39
- "@snack-uikit/link": "0.11.6",
40
- "@snack-uikit/list": "0.11.1-preview-5d3667ec.0",
41
- "@snack-uikit/popover-private": "0.13.1",
42
- "@snack-uikit/scroll": "0.5.2",
43
- "@snack-uikit/skeleton": "0.3.3",
44
- "@snack-uikit/tag": "0.9.0",
45
- "@snack-uikit/truncate-string": "0.4.12",
46
- "@snack-uikit/typography": "0.6.1",
47
- "@snack-uikit/utils": "3.2.0",
38
+ "@snack-uikit/info-block": "0.3.4",
39
+ "@snack-uikit/link": "0.11.7",
40
+ "@snack-uikit/list": "0.11.2",
41
+ "@snack-uikit/popover-private": "0.13.2",
42
+ "@snack-uikit/scroll": "0.5.3",
43
+ "@snack-uikit/skeleton": "0.3.4",
44
+ "@snack-uikit/tag": "0.9.1",
45
+ "@snack-uikit/truncate-string": "0.4.13",
46
+ "@snack-uikit/typography": "0.6.2",
47
+ "@snack-uikit/utils": "3.3.0",
48
48
  "classnames": "2.3.2"
49
49
  },
50
- "gitHead": "311bf31807d9b8cc975e80caf14ec35108256337"
50
+ "gitHead": "17bfcf1150776cd35c77d9cca8f45dde97472bf1"
51
51
  }
@@ -116,7 +116,12 @@ export function NotificationPanel({
116
116
  </Scroll>
117
117
 
118
118
  {footerButton && (
119
- <button onClick={footerButton.onClick} className={styles.notificationPanelFooterButton} data-test-id={TEST_IDS.footerButton}>
119
+ <button
120
+ type='button'
121
+ onClick={footerButton.onClick}
122
+ className={styles.notificationPanelFooterButton}
123
+ data-test-id={TEST_IDS.footerButton}
124
+ >
120
125
  <Typography.SansLabelS>{footerButton.label}</Typography.SansLabelS>
121
126
  </button>
122
127
  )}