@stack-spot/portal-layout 2.5.4 → 2.5.5
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
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.5.5](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.5.4...portal-layout@v2.5.5) (2024-08-16)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* ccessibility 396 notification panel header tag ([0bed7dd](https://github.com/stack-spot/portal-commons/commit/0bed7dd2f4bc555c803f6409b9317de103e3028b))
|
|
9
|
+
|
|
3
10
|
## [2.5.4](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.5.3...portal-layout@v2.5.4) (2024-08-14)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -11,6 +11,6 @@ const FilterButton = ({ current, onChangeFilter, value }) => {
|
|
|
11
11
|
};
|
|
12
12
|
export const NotificationPanelHeader = ({ filter, onChangeFilter, onClose }) => {
|
|
13
13
|
const t = useNotificationsDictionary();
|
|
14
|
-
return (_jsxs(Flex, { flexDirection: "column", children: [_jsxs(Flex, { justifyContent: "space-between", children: [_jsx(Text, { appearance: "h4", children: t.notifications }), _jsx(IconButton, { id: CLOSE_OVERLAY_ID, "aria-label": t.close, onClick: onClose, children: _jsx(IconBox, { size: "xs", children: _jsx(TimesMini, {}) }) })] }), _jsxs("ul", { className: "filter-list", children: [_jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "ALL" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "UNREAD" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "HIGH" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "MEDIUM" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "LOW" }) })] })] }));
|
|
14
|
+
return (_jsxs(Flex, { flexDirection: "column", children: [_jsxs(Flex, { justifyContent: "space-between", children: [_jsx(Text, { appearance: "h4", as: "h2", children: t.notifications }), _jsx(IconButton, { id: CLOSE_OVERLAY_ID, "aria-label": t.close, onClick: onClose, children: _jsx(IconBox, { size: "xs", children: _jsx(TimesMini, {}) }) })] }), _jsxs("ul", { className: "filter-list", children: [_jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "ALL" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "UNREAD" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "HIGH" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "MEDIUM" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "LOW" }) })] })] }));
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=NotificationPanelHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationPanelHeader.js","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationPanelHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAA;AAGzD,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAqB,EAAE,EAAE;IAC7E,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAA;IACtC,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,CAAA;IAEhC,OAAO,CACL,KAAC,MAAM,IACL,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,QAAQ,gBACD,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC,kBACrB,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,SAAS,EAAC,YAAY,YAEtB,KAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,UAAU,EAAC,QAAQ,YAClE,KAAC,IAAI,IAAC,WAAW,EAAC,SAAS,EAAC,UAAU,EAAC,YAAY,YAChD,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,GACf,GACF,GACA,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAgC,EAAE,EAAE;IAC3G,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAA;IACtC,OAAO,CACL,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,aAC1B,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,aAClC,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"NotificationPanelHeader.js","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationPanelHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAA;AAGzD,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAqB,EAAE,EAAE;IAC7E,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAA;IACtC,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,CAAA;IAEhC,OAAO,CACL,KAAC,MAAM,IACL,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,QAAQ,gBACD,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC,kBACrB,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,SAAS,EAAC,YAAY,YAEtB,KAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,UAAU,EAAC,QAAQ,YAClE,KAAC,IAAI,IAAC,WAAW,EAAC,SAAS,EAAC,UAAU,EAAC,YAAY,YAChD,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,GACf,GACF,GACA,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAgC,EAAE,EAAE;IAC3G,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAA;IACtC,OAAO,CACL,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,aAC1B,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,aAClC,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,YAC1B,CAAC,CAAC,aAAa,GACX,EACP,KAAC,UAAU,IAAC,EAAE,EAAE,gBAAgB,gBAAc,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,YACrE,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,YAChB,KAAC,SAAS,KAAG,GACL,GACC,IACR,EACP,cAAI,SAAS,EAAC,aAAa,aACzB,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,KAAK,GAAG,GAAK,EACtF,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,QAAQ,GAAG,GAAK,EACzF,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,GAAG,GAAK,EACvF,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,QAAQ,GAAG,GAAK,EACzF,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,KAAK,GAAG,GAAK,IACnF,IACA,CACR,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -32,7 +32,7 @@ export const NotificationPanelHeader = ({ filter, onChangeFilter, onClose }: Not
|
|
|
32
32
|
return (
|
|
33
33
|
<Flex flexDirection="column">
|
|
34
34
|
<Flex justifyContent="space-between">
|
|
35
|
-
<Text appearance="h4">
|
|
35
|
+
<Text appearance="h4" as="h2">
|
|
36
36
|
{t.notifications}
|
|
37
37
|
</Text>
|
|
38
38
|
<IconButton id={CLOSE_OVERLAY_ID} aria-label={t.close} onClick={onClose}>
|