@stack-spot/portal-components 2.3.1 → 2.3.3
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 +15 -0
- package/dist/components/TimelineSection.d.ts.map +1 -1
- package/dist/components/TimelineSection.js +12 -2
- package/dist/components/TimelineSection.js.map +1 -1
- package/dist/containers/NotificationsPage.js +1 -1
- package/dist/containers/NotificationsPage.js.map +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/src/components/TimelineSection.tsx +15 -3
- package/src/containers/NotificationsPage.tsx +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.3.3](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.3.2...portal-components@v2.3.3) (2024-08-19)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* readme ([ccce2dc](https://github.com/stack-spot/portal-commons/commit/ccce2dc1df82754fa84fe64ad2c3b4e07a18c425))
|
|
9
|
+
* notifications title ([7efc48b](https://github.com/stack-spot/portal-commons/pull/289/commits/7efc48b72dfbe279bb4ca678f1b9bf4aee2e6be7))
|
|
10
|
+
|
|
11
|
+
## [2.3.2](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.3.1...portal-components@v2.3.2) (2024-08-16)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* accessibility 409 Notifications date ([8c87685](https://github.com/stack-spot/portal-commons/commit/8c876856d9eef750a4e5d5ece475e3500ed04f2d))
|
|
17
|
+
|
|
3
18
|
## [2.3.1](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.3.0...portal-components@v2.3.1) (2024-08-02)
|
|
4
19
|
|
|
5
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineSection.d.ts","sourceRoot":"","sources":["../../src/components/TimelineSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"TimelineSection.d.ts","sourceRoot":"","sources":["../../src/components/TimelineSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAoC,MAAM,8BAA8B,CAAA;AAGtF,UAAU,KAAK;IACb;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IACb;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAAgD,KAAK,4CAgBhF,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Text } from '@citric/core';
|
|
3
|
-
import { useMonthDictionary } from '@stack-spot/portal-translate';
|
|
3
|
+
import { useMonthDictionary, useTranslate } from '@stack-spot/portal-translate';
|
|
4
4
|
import { styled } from 'styled-components';
|
|
5
5
|
const Styled = styled.div `
|
|
6
6
|
display: flex;
|
|
@@ -22,6 +22,16 @@ const Styled = styled.div `
|
|
|
22
22
|
*/
|
|
23
23
|
export const TimelineSection = ({ children, day, month, className, style }) => {
|
|
24
24
|
const months = useMonthDictionary();
|
|
25
|
-
|
|
25
|
+
const t = useTranslate(locale);
|
|
26
|
+
const ariaLabel = t.dayMonth.replace('%d', `${day}`).replace('%m', months[month]);
|
|
27
|
+
return (_jsxs(Styled, { style: style, className: className, children: [_jsxs("div", { className: "timeline-section-header", children: [_jsx(Text, { appearance: "h2", "aria-label": ariaLabel, children: day >= 10 ? day : `0${day}` }), _jsx(Text, { appearance: "subtitle4", "aria-hidden": "true", children: months[month].toUpperCase().substring(0, 3) })] }), _jsx("div", { className: "timeline-section-content", children: children })] }));
|
|
28
|
+
};
|
|
29
|
+
const locale = {
|
|
30
|
+
pt: {
|
|
31
|
+
dayMonth: '%d de %m',
|
|
32
|
+
},
|
|
33
|
+
en: {
|
|
34
|
+
dayMonth: '%m %d',
|
|
35
|
+
},
|
|
26
36
|
};
|
|
27
37
|
//# sourceMappingURL=TimelineSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineSection.js","sourceRoot":"","sources":["../../src/components/TimelineSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAS,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"TimelineSection.js","sourceRoot":"","sources":["../../src/components/TimelineSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAS,kBAAkB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAmB1C,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAaxB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAS,EAAE,EAAE;IACnF,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAA;IACnC,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IAE9B,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IACjF,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,aACxC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,gBAAa,SAAS,YAAG,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,GAAQ,EACjF,KAAC,IAAI,IAAC,UAAU,EAAC,WAAW,iBAAa,MAAM,YAAE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAQ,IAChG,EACN,cAAK,SAAS,EAAC,0BAA0B,YACtC,QAAQ,GACL,IACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU;KACrB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,OAAO;KAClB;CACF,CAAA"}
|
|
@@ -42,7 +42,7 @@ const dictionary = {
|
|
|
42
42
|
'context.WORKSPACE': 'Workspace',
|
|
43
43
|
},
|
|
44
44
|
pt: {
|
|
45
|
-
title: '
|
|
45
|
+
title: 'Notificações',
|
|
46
46
|
description: 'Todas as notificações que você recebeu são mostradas aqui.',
|
|
47
47
|
filter: 'Filtrar',
|
|
48
48
|
allCriticalities: 'Todas as criticidades',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsPage.js","sourceRoot":"","sources":["../../src/containers/NotificationsPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAA;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAEnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAE5D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS3B,CAAA;AAED,MAAM,aAAa,GAA2B,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA;AACvE,MAAM,QAAQ,GAA0B,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAA;AAE1E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,UAAU,GAAG,yBAAyB,EAAE,CAAA;IAC9C,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAEhG,OAAO,CAAC,8BACN,2BAAQ,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,YAAE,CAAC,CAAC,KAAK,GAAQ,GAAS,EAC/D,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,EAAC,WAAW,EAAC,WAAW,YAC7C,CAAC,CAAC,WAAW,GACT,EACP,MAAC,SAAS,eACR,KAAC,WAAW,IAAC,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC,GAAI,EACjH,KAAC,MAAM,IACL,KAAK,EAAE,OAAO,CAAC,WAAW,EAC1B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC,EACtD,WAAW,EAAE,CAAC,CAAC,gBAAgB,EAC/B,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,GACvC,EACF,KAAC,MAAM,IACL,KAAK,EAAE,OAAO,CAAC,OAAO,EACtB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAC9C,WAAW,EAAE,CAAC,CAAC,WAAW,EAC1B,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,GACnC,IACQ,EACZ,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,MAAM,KAAK,SAAS,EAC7B,YAAY,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,EAAE,WAAW,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"NotificationsPage.js","sourceRoot":"","sources":["../../src/containers/NotificationsPage.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -51,7 +51,7 @@ focus according to accessibility rules.
|
|
|
51
51
|
#### Cookie
|
|
52
52
|
- `setupCookies(domainRegex)`: setup a domain regex for the cookies. Use this if the domain is different than localhost or *.stackspot.com.
|
|
53
53
|
- `getCookies()`: retrieves an object with all the cookies.
|
|
54
|
-
- `getCookie(name)`: same as `getCookies()[name]`.
|
|
54
|
+
- `getCookie(name)`: same as `getCookies()[name]`.
|
|
55
55
|
- `setCookie(name, value)`: sets the value of a cookie.
|
|
56
56
|
- `removeCookie(name)`: removes a cookie.
|
|
57
57
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Text } from '@citric/core'
|
|
2
|
-
import { Month, useMonthDictionary } from '@stack-spot/portal-translate'
|
|
2
|
+
import { Month, useMonthDictionary, useTranslate } from '@stack-spot/portal-translate'
|
|
3
3
|
import { styled } from 'styled-components'
|
|
4
4
|
|
|
5
5
|
interface Props {
|
|
@@ -40,11 +40,14 @@ const Styled = styled.div`
|
|
|
40
40
|
*/
|
|
41
41
|
export const TimelineSection = ({ children, day, month, className, style }: Props) => {
|
|
42
42
|
const months = useMonthDictionary()
|
|
43
|
+
const t = useTranslate(locale)
|
|
44
|
+
|
|
45
|
+
const ariaLabel = t.dayMonth.replace('%d', `${day}`).replace('%m', months[month])
|
|
43
46
|
return (
|
|
44
47
|
<Styled style={style} className={className}>
|
|
45
48
|
<div className="timeline-section-header">
|
|
46
|
-
<Text appearance="h2">{day >= 10 ? day : `0${day}`}</Text>
|
|
47
|
-
<Text appearance="subtitle4">{months[month].toUpperCase().substring(0, 3)}</Text>
|
|
49
|
+
<Text appearance="h2" aria-label={ariaLabel}>{day >= 10 ? day : `0${day}`}</Text>
|
|
50
|
+
<Text appearance="subtitle4" aria-hidden="true">{months[month].toUpperCase().substring(0, 3)}</Text>
|
|
48
51
|
</div>
|
|
49
52
|
<div className="timeline-section-content">
|
|
50
53
|
{children}
|
|
@@ -52,3 +55,12 @@ export const TimelineSection = ({ children, day, month, className, style }: Prop
|
|
|
52
55
|
</Styled>
|
|
53
56
|
)
|
|
54
57
|
}
|
|
58
|
+
|
|
59
|
+
const locale = {
|
|
60
|
+
pt: {
|
|
61
|
+
dayMonth: '%d de %m',
|
|
62
|
+
},
|
|
63
|
+
en: {
|
|
64
|
+
dayMonth: '%m %d',
|
|
65
|
+
},
|
|
66
|
+
}
|
|
@@ -54,7 +54,7 @@ export const NotificationsPage = () => {
|
|
|
54
54
|
<AsyncContent
|
|
55
55
|
error={error}
|
|
56
56
|
loading={status === 'startup'}
|
|
57
|
-
errorDetails={{ errorComponent: () => <ErrorFeedback code={error.code} />, reportError: () => {} }}
|
|
57
|
+
errorDetails={{ errorComponent: () => <ErrorFeedback code={error.code} />, reportError: () => { } }}
|
|
58
58
|
>
|
|
59
59
|
<NotificationList
|
|
60
60
|
items={items}
|
|
@@ -83,7 +83,7 @@ const dictionary = {
|
|
|
83
83
|
'context.WORKSPACE': 'Workspace',
|
|
84
84
|
},
|
|
85
85
|
pt: {
|
|
86
|
-
title: '
|
|
86
|
+
title: 'Notificações',
|
|
87
87
|
description: 'Todas as notificações que você recebeu são mostradas aqui.',
|
|
88
88
|
filter: 'Filtrar',
|
|
89
89
|
allCriticalities: 'Todas as criticidades',
|