@stack-spot/portal-components 2.10.3 → 2.11.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 +14 -0
- package/dist/components/BannerWarning.d.ts +2 -2
- package/dist/components/BannerWarning.d.ts.map +1 -1
- package/dist/components/BannerWarning.js +51 -4
- package/dist/components/BannerWarning.js.map +1 -1
- package/dist/components/LazyMarkdown/Markdown.d.ts +6 -1
- package/dist/components/LazyMarkdown/Markdown.d.ts.map +1 -1
- package/dist/components/LazyMarkdown/Markdown.js +1 -1
- package/dist/components/LazyMarkdown/Markdown.js.map +1 -1
- package/dist/components/LazyMarkdown/index.d.ts +3 -1
- package/dist/components/LazyMarkdown/index.d.ts.map +1 -1
- package/dist/components/LazyMarkdown/index.js +1 -1
- package/dist/components/LazyMarkdown/index.js.map +1 -1
- package/dist/components/notification/NotificationItem.d.ts.map +1 -1
- package/dist/components/notification/NotificationItem.js +4 -1
- package/dist/components/notification/NotificationItem.js.map +1 -1
- package/dist/components/notification/types.d.ts +1 -0
- package/dist/components/notification/types.d.ts.map +1 -1
- package/dist/components/notification/types.js.map +1 -1
- package/dist/context/notification/types.d.ts +2 -0
- package/dist/context/notification/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/BannerWarning.tsx +100 -22
- package/src/components/LazyMarkdown/Markdown.tsx +7 -3
- package/src/components/LazyMarkdown/index.tsx +5 -2
- package/src/components/notification/NotificationItem.tsx +11 -2
- package/src/components/notification/types.ts +1 -0
- package/src/context/notification/types.ts +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.11.0](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.10.4...portal-components@v2.11.0) (2024-12-27)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* update libs banner ([#604](https://github.com/stack-spot/portal-commons/issues/604)) ([f2bc440](https://github.com/stack-spot/portal-commons/commit/f2bc440db6c65461a2b1228d0efc08ed3d883d67))
|
|
9
|
+
|
|
10
|
+
## [2.10.4](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.10.3...portal-components@v2.10.4) (2024-12-12)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* markdown pt e ul notification"" ([#566](https://github.com/stack-spot/portal-commons/issues/566)) ([7d5bb43](https://github.com/stack-spot/portal-commons/commit/7d5bb438525d72e931e980f683a10ac2555db7e8))
|
|
16
|
+
|
|
3
17
|
## [2.10.3](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.10.2...portal-components@v2.10.3) (2024-12-11)
|
|
4
18
|
|
|
5
19
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* A styled and
|
|
2
|
+
* A styled and dismissible alert box for showing important warnings for the user.
|
|
3
3
|
*
|
|
4
4
|
* This renders a yellow box with an exclamation icon. The content passed as parameter is placed on the right of the icon.
|
|
5
5
|
* @param props an object containing the content (children) to show inside the alert box.
|
|
6
6
|
*/
|
|
7
7
|
export declare const BannerWarning: ({ children }: {
|
|
8
8
|
children: React.ReactNode;
|
|
9
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
10
|
//# sourceMappingURL=BannerWarning.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWarning.d.ts","sourceRoot":"","sources":["../../src/components/BannerWarning.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BannerWarning.d.ts","sourceRoot":"","sources":["../../src/components/BannerWarning.tsx"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,eAAO,MAAM,aAAa,iBAAkB;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,mDA4FxE,CAAA"}
|
|
@@ -1,12 +1,59 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
import {
|
|
2
|
+
/* eslint-disable comma-dangle */
|
|
3
|
+
import { Button, Flex, IconBox, Text } from '@citric/core';
|
|
4
|
+
import { ExclamationTriangle, TimesCircleFill } from '@citric/icons';
|
|
4
5
|
import { Alert } from '@citric/ui';
|
|
6
|
+
import { useState } from 'react';
|
|
5
7
|
/**
|
|
6
|
-
* A styled and
|
|
8
|
+
* A styled and dismissible alert box for showing important warnings for the user.
|
|
7
9
|
*
|
|
8
10
|
* This renders a yellow box with an exclamation icon. The content passed as parameter is placed on the right of the icon.
|
|
9
11
|
* @param props an object containing the content (children) to show inside the alert box.
|
|
10
12
|
*/
|
|
11
|
-
export const BannerWarning = ({ children }) =>
|
|
13
|
+
export const BannerWarning = ({ children }) => {
|
|
14
|
+
const bannerKey = 'bannerClosed';
|
|
15
|
+
const getCookie = (key) => document.cookie
|
|
16
|
+
.split('; ')
|
|
17
|
+
.find((row) => row.startsWith(`${key}=`))
|
|
18
|
+
?.split('=')[1];
|
|
19
|
+
const setCookie = (key, value, domain = '.stackspot.com') => {
|
|
20
|
+
document.cookie = `${key}=${value};path=/${location.host.endsWith(domain) ? `;domain=${domain}` : ''}`;
|
|
21
|
+
};
|
|
22
|
+
const [isVisible, setIsVisible] = useState(() => {
|
|
23
|
+
if (typeof window !== 'undefined') {
|
|
24
|
+
const isBannerValid = getCookie(bannerKey) !== 'expired';
|
|
25
|
+
const isBannerClosed = getCookie(bannerKey) === 'true';
|
|
26
|
+
return isBannerValid && !isBannerClosed;
|
|
27
|
+
}
|
|
28
|
+
return false;
|
|
29
|
+
});
|
|
30
|
+
const handleClose = () => {
|
|
31
|
+
setCookie(bannerKey, 'true');
|
|
32
|
+
setIsVisible(false);
|
|
33
|
+
};
|
|
34
|
+
if (!isVisible) {
|
|
35
|
+
return null;
|
|
36
|
+
}
|
|
37
|
+
return (_jsx(Flex, { id: "banner-warning", sx: { zIndex: '1', w: 12, mb: 7 }, children: _jsxs(Alert, { colorScheme: "warning", sx: {
|
|
38
|
+
height: '48px',
|
|
39
|
+
position: 'relative',
|
|
40
|
+
px: 3,
|
|
41
|
+
py: 1
|
|
42
|
+
}, children: [_jsxs(Flex, { sx: { display: 'flex', alignItems: 'center', flex: 1 }, children: [_jsx(IconBox, { size: "sm", colorIcon: "light.500", sx: {
|
|
43
|
+
display: ['flex', 'flex'],
|
|
44
|
+
mr: 2,
|
|
45
|
+
mb: 2
|
|
46
|
+
}, children: _jsx(ExclamationTriangle, {}) }), _jsx(Text, { sx: {
|
|
47
|
+
whiteSpace: 'pre-wrap'
|
|
48
|
+
}, appearance: "body2", colorScheme: "warning.contrastText", children: children })] }), _jsx(Button, { appearance: 'text', onClick: handleClose, sx: {
|
|
49
|
+
border: 'none',
|
|
50
|
+
outline: 'none',
|
|
51
|
+
':hover': {
|
|
52
|
+
boxShadow: 'none'
|
|
53
|
+
},
|
|
54
|
+
ml: 2
|
|
55
|
+
}, children: _jsx(IconBox, { size: "lg", colorIcon: "light.500", sx: {
|
|
56
|
+
display: ['flex', 'flex']
|
|
57
|
+
}, children: _jsx(TimesCircleFill, {}) }) })] }) }));
|
|
58
|
+
};
|
|
12
59
|
//# sourceMappingURL=BannerWarning.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWarning.js","sourceRoot":"","sources":["../../src/components/BannerWarning.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"BannerWarning.js","sourceRoot":"","sources":["../../src/components/BannerWarning.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
+
import { Components } from 'react-markdown';
|
|
1
2
|
interface MarkdownProps {
|
|
2
3
|
/**
|
|
3
4
|
* The markdown content to be rendered.
|
|
4
5
|
*/
|
|
5
6
|
children: string;
|
|
7
|
+
/**
|
|
8
|
+
* The markdown components to be rendered.
|
|
9
|
+
*/
|
|
10
|
+
components?: Components;
|
|
6
11
|
}
|
|
7
12
|
/**
|
|
8
13
|
* Renders a component that provides markdown content visualization using citric components.
|
|
9
14
|
*
|
|
10
15
|
* @param options the props for rendering the component: {@link MarkdownProps}.
|
|
11
16
|
*/
|
|
12
|
-
declare const Markdown: ({ children }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare const Markdown: ({ children, components }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
18
|
export default Markdown;
|
|
14
19
|
//# sourceMappingURL=Markdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/Markdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/Markdown.tsx"],"names":[],"mappings":"AAGA,OAAsB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAQ1D,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAyFD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,6BAA8B,aAAa,4CAIxD,CAAA;AAGD,eAAe,QAAQ,CAAA"}
|
|
@@ -90,7 +90,7 @@ const component = () => ({
|
|
|
90
90
|
*
|
|
91
91
|
* @param options the props for rendering the component: {@link MarkdownProps}.
|
|
92
92
|
*/
|
|
93
|
-
const Markdown = ({ children }) => (_jsx(ReactMarkdown, { rehypePlugins: [rehypeRaw], remarkPlugins: [remarkGfm, remarkBreaks], components: component(), children: children }));
|
|
93
|
+
const Markdown = ({ children, components }) => (_jsx(ReactMarkdown, { rehypePlugins: [rehypeRaw], remarkPlugins: [remarkGfm, remarkBreaks], components: { ...component(), ...components }, children: children }));
|
|
94
94
|
// eslint-disable-next-line import/no-default-export
|
|
95
95
|
export default Markdown;
|
|
96
96
|
//# sourceMappingURL=Markdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/Markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,
|
|
1
|
+
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/Markdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { Components } from 'react-markdown';
|
|
1
2
|
import { MarkdownButton } from './MarkdownButton.js';
|
|
2
3
|
interface Props {
|
|
3
4
|
children: string;
|
|
4
5
|
language?: string;
|
|
6
|
+
components?: Components;
|
|
5
7
|
}
|
|
6
|
-
declare const LazyMarkdown: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const LazyMarkdown: ({ children, components }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export { LazyMarkdown, MarkdownButton };
|
|
8
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,YAAY,6BAA8B,KAAK,4CAIpD,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -3,6 +3,6 @@ import { Skeleton } from '@citric/ui';
|
|
|
3
3
|
import { Suspense, lazy } from 'react';
|
|
4
4
|
import { MarkdownButton } from './MarkdownButton.js';
|
|
5
5
|
const Markdown = lazy(() => import('./Markdown.js'));
|
|
6
|
-
const LazyMarkdown = ({ children }) => (_jsx(Suspense, { fallback: _jsx(Skeleton, {}), children: _jsx(Markdown, { children: children }) }));
|
|
6
|
+
const LazyMarkdown = ({ children, components }) => (_jsx(Suspense, { fallback: _jsx(Skeleton, {}), children: _jsx(Markdown, { components: components, children: children }) }));
|
|
7
7
|
export { LazyMarkdown, MarkdownButton };
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LazyMarkdown/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;AAQjD,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAS,EAAE,EAAE,CAAC,CACxD,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,QAAQ,KAAG,YAC9B,KAAC,QAAQ,IAAC,UAAU,EAAE,UAAU,YAAG,QAAQ,GAAY,GAC9C,CACZ,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationItem.d.ts","sourceRoot":"","sources":["../../../src/components/notification/NotificationItem.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAA;AAexD,UAAU,KAAK;IACb,YAAY,EAAE,8BAA8B,CAAC;IAC7C,SAAS,EAAE,OAAO,CAAC;IAEnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;
|
|
1
|
+
{"version":3,"file":"NotificationItem.d.ts","sourceRoot":"","sources":["../../../src/components/notification/NotificationItem.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAA;AAexD,UAAU,KAAK;IACb,YAAY,EAAE,8BAA8B,CAAC;IAC7C,SAAS,EAAE,OAAO,CAAC;IAEnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAkID,UAAU,+BAAgC,SAAQ,KAAK;IACrD;;;;;;;;;;OAUG;IACH,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,GAAG,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/F;AAED,UAAU,wBAAyB,SAAQ,KAAK;IAC9C;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,KAAK,qBAAqB,GAAG,+BAA+B,GAAG,wBAAwB,CAAA;AAEvF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,0CAA2C,qBAAqB,4CA2C5F,CAAA"}
|
|
@@ -53,7 +53,10 @@ const NotificationContent = ({ notification, isSummary }) => {
|
|
|
53
53
|
const t = useTranslate(dictionary);
|
|
54
54
|
const { description } = useGetNotificationTitleAndDescription(notification);
|
|
55
55
|
const daysAgo = getDaysAgo(notification.trigger_at);
|
|
56
|
-
|
|
56
|
+
const components = () => ({
|
|
57
|
+
ul: (props) => _jsx(Text, { as: "ul", appearance: "body2", colorScheme: "light.700", sx: { listStyleType: 'disc', marginLeft: '1rem' }, ...props }),
|
|
58
|
+
});
|
|
59
|
+
return (_jsxs(_Fragment, { children: [!isSummary && _jsx(Flex, { mt: 4, mb: 3, flexDirection: "column", children: _jsx(LazyMarkdown, { components: components(), children: description }) }), _jsxs(Flex, { children: [_jsx(Text, { appearance: "microtext1", colorScheme: "light.700", children: t[notification.context] }), _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", mx: "2", children: "\u2022" }), !isSummary && _jsxs(_Fragment, { children: [_jsx(Text, { appearance: "microtext1", colorScheme: "light.700", children: formatDate(notification.trigger_at) }), _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", mx: "2", children: "\u2022" })] }), _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", children: daysAgo > 0 ? daysAgo + ' ' + t.daysAgo : t.today })] })] }));
|
|
57
60
|
};
|
|
58
61
|
/**
|
|
59
62
|
* NotificationFooter component that renders the footer of a notification.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationItem.js","sourceRoot":"","sources":["../../../src/components/notification/NotificationItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAiD,IAAI,EAAE,MAAM,cAAc,CAAA;AAC9G,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,qCAAqC,EAAE,MAAM,kCAAkC,CAAA;AACxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,CAAC,KAAa,EAAE,MAAe,EAAE,EAAE,CAAC,CAAC;QACzC,UAAU,EAAE,aAAa,KAAK,EAAE;QAChC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KAC1B,CAAC;CACgD,CAAA;AAEpD,MAAM,aAAa,GAAkD;IACnE,GAAG,EAAE,aAAa;IAClB,MAAM,EAAE,aAAa;IACrB,IAAI,EAAE,YAAY;CACnB,CAAA;AASD,MAAM,KAAK,GAAW;IACpB,OAAO,EAAE;QACP,UAAU,EAAE;YACV,GAAG,EAAE,KAAK;SACX;KACF;CACF,CAAA;AAED;;;;GAIG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAyC,EAAE,EAAE,CAAC,CAC1F,KAAC,IAAI,IAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAC,QAAQ,YAC3G,KAAC,IAAI,IAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,cAAc,kBAC5D,KAAK,GACD,GACF,CACR,CAAA;AAED;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CAAC,UAAkB,EAAU,EAAE;IAChD,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,OAAO,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;AAC3C,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,mBAAmB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAS,EAAE,EAAE;IACjE,MAAM,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACzC,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,EAAE,WAAW,EAAE,GAAG,qCAAqC,CAAC,YAAY,CAAC,CAAA;IAC3E,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"NotificationItem.js","sourceRoot":"","sources":["../../../src/components/notification/NotificationItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/notification/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AAExD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAA;AAI3E,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,2BAA2B,CAAC;KAC5C,CAAC;IACF,eAAe,EAAE,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;IACpE,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/notification/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AAExD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAA;AAI3E,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,2BAA2B,CAAC;KAC5C,CAAC;IACF,eAAe,EAAE,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;IACpE,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,MAAM,MAAM,2CAA2C,GAAG;IACxD,KAAK,EAAE,8BAA8B,EAAE,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,GAAG,UAAU,CAAA;AAEnE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;CACpB;AAID,oBAAY,UAAU;IACpB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC;CAChD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/notification/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/notification/types.ts"],"names":[],"mappings":"AAkDA,iIAAiI;AACjI,gDAAgD;AAChD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,+BAAiB,CAAA;AACnB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}
|
|
@@ -7,9 +7,11 @@ export interface LoadNotificationsFilters {
|
|
|
7
7
|
search?: string;
|
|
8
8
|
context?: NotificationContext;
|
|
9
9
|
size?: number;
|
|
10
|
+
isBanner?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export interface LoadNotificationsOptions extends LoadNotificationsFilters {
|
|
12
13
|
page: number;
|
|
14
|
+
isBanner?: boolean;
|
|
13
15
|
}
|
|
14
16
|
export type LazyNotificationListener = (notifications: GetTenantNotificationsResponse[], hasMore: boolean) => void;
|
|
15
17
|
export interface NotificationConfig {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/context/notification/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,2CAA2C,EAAE,MAAM,qBAAqB,CAAA;AAEjH,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;AAE5D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;AAEpE,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/context/notification/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,2CAA2C,EAAE,MAAM,qBAAqB,CAAA;AAEjH,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;AAE5D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;AAEpE,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,CAAC,aAAa,EAAE,8BAA8B,EAAE,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;AAElH,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,IAAI,CAAC,OAAO,EAAE,wBAAwB,GAAG,OAAO,CAAC,2CAA2C,CAAC,CAAC;IAC9F;;;;OAIG;IACH,gCAAgC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAChE;;;OAGG;IACH,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,MAAM,0BAA0B,GAAG,CAAC,qBAAqB,EAAE,OAAO,KAAK,IAAI,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,27 +1,105 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
/* eslint-disable comma-dangle */
|
|
2
|
+
import { Button, Flex, IconBox, Text } from '@citric/core'
|
|
3
|
+
import { ExclamationTriangle, TimesCircleFill } from '@citric/icons'
|
|
3
4
|
import { Alert } from '@citric/ui'
|
|
5
|
+
import { useState } from 'react'
|
|
4
6
|
|
|
5
7
|
/**
|
|
6
|
-
* A styled and
|
|
7
|
-
*
|
|
8
|
-
* This renders a yellow box with an exclamation icon. The content passed as parameter is placed on the right of the icon.
|
|
8
|
+
* A styled and dismissible alert box for showing important warnings for the user.
|
|
9
|
+
*
|
|
10
|
+
* This renders a yellow box with an exclamation icon. The content passed as parameter is placed on the right of the icon.
|
|
9
11
|
* @param props an object containing the content (children) to show inside the alert box.
|
|
10
12
|
*/
|
|
11
|
-
export const BannerWarning = ({ children }: { children: React.ReactNode }) =>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
)
|
|
13
|
+
export const BannerWarning = ({ children }: { children: React.ReactNode }) => {
|
|
14
|
+
const bannerKey = 'bannerClosed'
|
|
15
|
+
|
|
16
|
+
const getCookie = (key: string): string | undefined =>
|
|
17
|
+
document.cookie
|
|
18
|
+
.split('; ')
|
|
19
|
+
.find((row) => row.startsWith(`${key}=`))
|
|
20
|
+
?.split('=')[1]
|
|
21
|
+
|
|
22
|
+
const setCookie = (key: string, value: string, domain = '.stackspot.com') => {
|
|
23
|
+
document.cookie = `${key}=${value};path=/${
|
|
24
|
+
location.host.endsWith(domain) ? `;domain=${domain}` : ''
|
|
25
|
+
}`
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
const [isVisible, setIsVisible] = useState(() => {
|
|
29
|
+
if (typeof window !== 'undefined') {
|
|
30
|
+
const isBannerValid = getCookie(bannerKey) !== 'expired'
|
|
31
|
+
const isBannerClosed = getCookie(bannerKey) === 'true'
|
|
32
|
+
return isBannerValid && !isBannerClosed
|
|
33
|
+
}
|
|
34
|
+
return false
|
|
35
|
+
})
|
|
36
|
+
|
|
37
|
+
const handleClose = () => {
|
|
38
|
+
setCookie(bannerKey, 'true')
|
|
39
|
+
setIsVisible(false)
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
if (!isVisible) {
|
|
43
|
+
return null
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
return (
|
|
47
|
+
<Flex id="banner-warning" sx={{ zIndex: '1', w: 12, mb: 7 }}>
|
|
48
|
+
<Alert
|
|
49
|
+
colorScheme="warning"
|
|
50
|
+
sx={{
|
|
51
|
+
height: '48px',
|
|
52
|
+
position: 'relative',
|
|
53
|
+
px: 3,
|
|
54
|
+
py: 1
|
|
55
|
+
}}
|
|
56
|
+
>
|
|
57
|
+
<Flex sx={{ display: 'flex', alignItems: 'center', flex: 1 }}>
|
|
58
|
+
<IconBox
|
|
59
|
+
size="sm"
|
|
60
|
+
colorIcon="light.500"
|
|
61
|
+
sx={{
|
|
62
|
+
display: ['flex', 'flex'],
|
|
63
|
+
mr: 2,
|
|
64
|
+
mb: 2
|
|
65
|
+
}}
|
|
66
|
+
>
|
|
67
|
+
<ExclamationTriangle />
|
|
68
|
+
</IconBox>
|
|
69
|
+
|
|
70
|
+
<Text
|
|
71
|
+
sx={{
|
|
72
|
+
whiteSpace: 'pre-wrap'
|
|
73
|
+
}}
|
|
74
|
+
appearance="body2"
|
|
75
|
+
colorScheme="warning.contrastText"
|
|
76
|
+
>
|
|
77
|
+
{children}
|
|
78
|
+
</Text>
|
|
79
|
+
</Flex>
|
|
80
|
+
<Button
|
|
81
|
+
appearance={'text'}
|
|
82
|
+
onClick={handleClose}
|
|
83
|
+
sx={{
|
|
84
|
+
border: 'none',
|
|
85
|
+
outline: 'none',
|
|
86
|
+
':hover': {
|
|
87
|
+
boxShadow: 'none'
|
|
88
|
+
},
|
|
89
|
+
ml: 2
|
|
90
|
+
}}
|
|
91
|
+
>
|
|
92
|
+
<IconBox
|
|
93
|
+
size="lg"
|
|
94
|
+
colorIcon="light.500"
|
|
95
|
+
sx={{
|
|
96
|
+
display: ['flex', 'flex']
|
|
97
|
+
}}
|
|
98
|
+
>
|
|
99
|
+
<TimesCircleFill />
|
|
100
|
+
</IconBox>
|
|
101
|
+
</Button>
|
|
102
|
+
</Alert>
|
|
103
|
+
</Flex>
|
|
104
|
+
)
|
|
105
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Box, Image, Link, Text } from '@citric/core'
|
|
2
2
|
import { SxProp } from '@citric/core/dist/component-style'
|
|
3
3
|
import { Table, Tbody, Td, Th, Thead, Tr } from '@citric/ui'
|
|
4
|
-
import ReactMarkdown from 'react-markdown'
|
|
4
|
+
import ReactMarkdown, { Components } from 'react-markdown'
|
|
5
5
|
import rehypeRaw from 'rehype-raw'
|
|
6
6
|
import remarkBreaks from 'remark-breaks'
|
|
7
7
|
import remarkGfm from 'remark-gfm'
|
|
@@ -14,6 +14,10 @@ interface MarkdownProps {
|
|
|
14
14
|
* The markdown content to be rendered.
|
|
15
15
|
*/
|
|
16
16
|
children: string,
|
|
17
|
+
/**
|
|
18
|
+
* The markdown components to be rendered.
|
|
19
|
+
*/
|
|
20
|
+
components?: Components,
|
|
17
21
|
}
|
|
18
22
|
|
|
19
23
|
const styles: Record<string, SxProp | Record<string, SxProp>> = {
|
|
@@ -108,8 +112,8 @@ const component = () => ({
|
|
|
108
112
|
*
|
|
109
113
|
* @param options the props for rendering the component: {@link MarkdownProps}.
|
|
110
114
|
*/
|
|
111
|
-
const Markdown = ({ children }: MarkdownProps) => (
|
|
112
|
-
<ReactMarkdown rehypePlugins={[rehypeRaw]} remarkPlugins={[remarkGfm, remarkBreaks]} components={component()}>
|
|
115
|
+
const Markdown = ({ children, components }: MarkdownProps) => (
|
|
116
|
+
<ReactMarkdown rehypePlugins={[rehypeRaw]} remarkPlugins={[remarkGfm, remarkBreaks]} components={{ ...component(), ...components }}>
|
|
113
117
|
{children}
|
|
114
118
|
</ReactMarkdown>
|
|
115
119
|
)
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Skeleton } from '@citric/ui'
|
|
2
2
|
import { Suspense, lazy } from 'react'
|
|
3
|
+
import { Components } from 'react-markdown'
|
|
3
4
|
import { MarkdownButton } from './MarkdownButton'
|
|
4
5
|
|
|
5
6
|
const Markdown = lazy(() => import('./Markdown'))
|
|
@@ -7,12 +8,14 @@ const Markdown = lazy(() => import('./Markdown'))
|
|
|
7
8
|
interface Props {
|
|
8
9
|
children: string,
|
|
9
10
|
language?: string,
|
|
11
|
+
components?: Components,
|
|
10
12
|
}
|
|
11
13
|
|
|
12
|
-
const LazyMarkdown = ({ children }: Props) => (
|
|
14
|
+
const LazyMarkdown = ({ children, components }: Props) => (
|
|
13
15
|
<Suspense fallback={<Skeleton />}>
|
|
14
|
-
<Markdown>{children}</Markdown>
|
|
16
|
+
<Markdown components={components}>{children}</Markdown>
|
|
15
17
|
</Suspense>
|
|
16
18
|
)
|
|
17
19
|
|
|
18
20
|
export { LazyMarkdown, MarkdownButton }
|
|
21
|
+
|
|
@@ -72,11 +72,20 @@ const NotificationContent = ({ notification, isSummary }: Props) => {
|
|
|
72
72
|
const t = useTranslate(dictionary)
|
|
73
73
|
const { description } = useGetNotificationTitleAndDescription(notification)
|
|
74
74
|
const daysAgo = getDaysAgo(notification.trigger_at)
|
|
75
|
+
const components = () => ({
|
|
76
|
+
ul: (props: any) => <Text
|
|
77
|
+
as="ul"
|
|
78
|
+
appearance="body2"
|
|
79
|
+
colorScheme="light.700"
|
|
80
|
+
sx={{ listStyleType: 'disc', marginLeft: '1rem' }}
|
|
81
|
+
{...props}
|
|
82
|
+
/>,
|
|
83
|
+
})
|
|
75
84
|
|
|
76
85
|
return (
|
|
77
86
|
<>
|
|
78
|
-
{!isSummary && <Flex mt={4} mb={3}>
|
|
79
|
-
<LazyMarkdown>{description}</LazyMarkdown>
|
|
87
|
+
{!isSummary && <Flex mt={4} mb={3} flexDirection="column">
|
|
88
|
+
<LazyMarkdown components={components()}>{description}</LazyMarkdown>
|
|
80
89
|
</Flex>}
|
|
81
90
|
<Flex>
|
|
82
91
|
<Text appearance="microtext1" colorScheme="light.700">
|
|
@@ -10,10 +10,12 @@ export interface LoadNotificationsFilters {
|
|
|
10
10
|
search?: string,
|
|
11
11
|
context?: NotificationContext,
|
|
12
12
|
size?: number,
|
|
13
|
+
isBanner?: boolean,
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
export interface LoadNotificationsOptions extends LoadNotificationsFilters {
|
|
16
17
|
page: number,
|
|
18
|
+
isBanner?: boolean,
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
export type LazyNotificationListener = (notifications: GetTenantNotificationsResponse[], hasMore: boolean) => void
|