@servicetitan/notifications 22.4.5 → 23.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/package.json +4 -4
- package/src/notifications.stories.tsx +45 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v23.0.0 (Fri Sep 09 2022)
|
|
2
|
+
|
|
3
|
+
#### 💥 Breaking Change
|
|
4
|
+
|
|
5
|
+
- DS-1141: Updating dependencies for design-system, tokens, formstate, etc [#150](https://github.com/servicetitan/anvil-uikit-contrib/pull/150) ([@rgdelato](https://github.com/rgdelato))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v22.5.0 (Wed Aug 31 2022)
|
|
14
|
+
|
|
15
|
+
#### 🏠 Internal
|
|
16
|
+
|
|
17
|
+
- FAR-981: Moving examples to contrib storybook [#133](https://github.com/servicetitan/anvil-uikit-contrib/pull/133) ([@rgdelato](https://github.com/rgdelato))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Ryan De La Torre ([@rgdelato](https://github.com/rgdelato))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v22.4.1 (Wed Jul 13 2022)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/notifications",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "23.0.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://docs.st.dev/docs/frontend/notifications-center",
|
|
6
6
|
"repository": {
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"react-shadow-dom-retarget-events": "~1.1.0"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@servicetitan/design-system": "
|
|
24
|
+
"@servicetitan/design-system": ">=12.4.1",
|
|
25
25
|
"@servicetitan/log-service": "~21.6.0",
|
|
26
26
|
"@servicetitan/react-ioc": "^21.6.0",
|
|
27
27
|
"@servicetitan/web-components": "^21.6.0",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"react-router-dom": "~5.3.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@servicetitan/design-system": "
|
|
39
|
+
"@servicetitan/design-system": ">=12.4.1",
|
|
40
40
|
"@servicetitan/log-service": ">21.0.0",
|
|
41
41
|
"@servicetitan/react-ioc": ">21.0.0",
|
|
42
42
|
"@servicetitan/web-components": ">21.0.0",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"cli": {
|
|
54
54
|
"webpack": false
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "c29a739a4437e2bb2a91805e01d34858fe0c7425"
|
|
57
57
|
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Text, Frame, Page } from '@servicetitan/design-system';
|
|
3
|
+
import { HashBrowserRouter } from '@servicetitan/hash-browser-router';
|
|
4
|
+
|
|
5
|
+
import {
|
|
6
|
+
BasicExample,
|
|
7
|
+
StatusVariationsExample,
|
|
8
|
+
DurationExample,
|
|
9
|
+
ActionButtonExample,
|
|
10
|
+
ProgressExample,
|
|
11
|
+
PreventDuplicatesExample,
|
|
12
|
+
MultilineMessageExample,
|
|
13
|
+
ServerDefaultExample,
|
|
14
|
+
ServerCustomExample,
|
|
15
|
+
} from '../dist/demo';
|
|
16
|
+
|
|
17
|
+
export default {
|
|
18
|
+
title: 'Notifications/Demos',
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export const Basic = wrap('Basic usage', BasicExample);
|
|
22
|
+
export const StatusVariations = wrap('Status Variations', StatusVariationsExample);
|
|
23
|
+
export const Duration = wrap('Duration', DurationExample);
|
|
24
|
+
export const ActionButton = wrap('Action Button', ActionButtonExample);
|
|
25
|
+
export const Progress = wrap('Progress', ProgressExample);
|
|
26
|
+
export const PreventDuplicates = wrap('Prevent Duplicates', PreventDuplicatesExample);
|
|
27
|
+
export const MultilineMessage = wrap('Multiline Message', MultilineMessageExample);
|
|
28
|
+
export const ServerDefault = wrap('Server Default', ServerDefaultExample);
|
|
29
|
+
export const ServerCustom = wrap('Server Custom', ServerCustomExample);
|
|
30
|
+
|
|
31
|
+
function wrap(name: string, Component: FC) {
|
|
32
|
+
return () => (
|
|
33
|
+
<HashBrowserRouter>
|
|
34
|
+
<Frame>
|
|
35
|
+
<Page>
|
|
36
|
+
<Text size={4} className="m-b-half">
|
|
37
|
+
{name}
|
|
38
|
+
</Text>
|
|
39
|
+
|
|
40
|
+
<Component />
|
|
41
|
+
</Page>
|
|
42
|
+
</Frame>
|
|
43
|
+
</HashBrowserRouter>
|
|
44
|
+
);
|
|
45
|
+
}
|