@stack-spot/portal-layout 2.39.0 → 2.40.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 CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.40.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.39.0...portal-layout@v2.40.0) (2025-12-15)
4
+
5
+
6
+ ### Features
7
+
8
+ * layout Notification Uncommit ([#1901](https://github.com/stack-spot/portal-commons/issues/1901)) ([4157386](https://github.com/stack-spot/portal-commons/commit/41573866683a2b5011a7d3d0df50c9006a49e932))
9
+
3
10
  ## [2.39.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.38.1...portal-layout@v2.39.0) (2025-12-01)
4
11
 
5
12
 
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,iBAAiB,GAAI,kEAAkE,sBAAsB,4CA6BzH,CAAA"}
1
+ {"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,iBAAiB,GAAI,kEAAkE,sBAAsB,4CA8BzH,CAAA"}
@@ -8,7 +8,7 @@ import { NotificationPanelFooter } from './NotificationsPanelFooter.js';
8
8
  import { StyledBackdrop } from './styled.js';
9
9
  export const NotificationPanel = ({ filter, onFilter, loading, error, visible, onClose, ...props }) => {
10
10
  const controller = useNotificationController();
11
- return (_jsx(StyledBackdrop, { visible: visible, onClose: onClose, persistent: true, children: _jsx(AnimatedHeight, { className: "notification-panel", visible: visible, header: _jsx(NotificationPanelHeader, { filter: filter, onChangeFilter: onFilter, onClose: onClose }), footer: _jsx(NotificationPanelFooter, { onClose: onClose }), children: _jsx(ScrollView, { direction: "vertical", style: { maxHeight: 'calc(100vh - 300px)' }, children: error ? _jsx(ErrorFeedback, { code: error.code, direction: "column" }) : _jsx(NotificationList, { ...props, compact: true, loading: loading, onCommit: id => controller.markAsCommitted(id), onClickViewNotification: () => {
11
+ return (_jsx(StyledBackdrop, { visible: visible, onClose: onClose, persistent: true, children: _jsx(AnimatedHeight, { className: "notification-panel", visible: visible, header: _jsx(NotificationPanelHeader, { filter: filter, onChangeFilter: onFilter, onClose: onClose }), footer: _jsx(NotificationPanelFooter, { onClose: onClose }), children: _jsx(ScrollView, { direction: "vertical", style: { maxHeight: 'calc(100vh - 300px)' }, children: error ? _jsx(ErrorFeedback, { code: error.code, direction: "column" }) : _jsx(NotificationList, { ...props, compact: true, loading: loading, onCommit: id => controller.markAsCommitted(id), onUncommit: id => controller.markAsUncommitted(id), onClickViewNotification: () => {
12
12
  onClose();
13
13
  controller.config.onClickViewNotification?.();
14
14
  }, onClickAction: (id) => {
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationPanel.js","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAA;AACzG,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAA;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAA0B,EAAE,EAAE;IAC5H,MAAM,UAAU,GAAG,yBAAyB,EAAE,CAAA;IAC9C,OAAO,CACL,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,kBAC5D,KAAC,cAAc,IACb,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAC,uBAAuB,IAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,EAC/F,MAAM,EAAE,KAAC,uBAAuB,IAAC,OAAO,EAAE,OAAO,GAAI,YAErD,KAAC,UAAU,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,YACzE,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAC,gBAAgB,OAC7E,KAAK,EACT,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC,EAC9C,uBAAuB,EAAE,GAAG,EAAE;wBAC5B,OAAO,EAAE,CAAA;wBACT,UAAU,CAAC,MAAM,CAAC,uBAAuB,EAAE,EAAE,CAAA;oBAC/C,CAAC,EACD,aAAa,EAAE,CAAC,EAAE,EAAE,EAAE;wBACpB,OAAO,EAAE,CAAA;wBACT,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC,CAAA;oBACvC,CAAC,GACD,GACS,GACE,GACF,CAClB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"NotificationPanel.js","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAA;AACzG,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAA;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAA0B,EAAE,EAAE;IAC5H,MAAM,UAAU,GAAG,yBAAyB,EAAE,CAAA;IAC9C,OAAO,CACL,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,kBAC5D,KAAC,cAAc,IACb,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,KAAC,uBAAuB,IAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,EAC/F,MAAM,EAAE,KAAC,uBAAuB,IAAC,OAAO,EAAE,OAAO,GAAI,YAErD,KAAC,UAAU,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,YACzE,KAAK,CAAC,CAAC,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAC,gBAAgB,OAC7E,KAAK,EACT,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC,EAC9C,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAClD,uBAAuB,EAAE,GAAG,EAAE;wBAC5B,OAAO,EAAE,CAAA;wBACT,UAAU,CAAC,MAAM,CAAC,uBAAuB,EAAE,EAAE,CAAA;oBAC/C,CAAC,EACD,aAAa,EAAE,CAAC,EAAE,EAAE,EAAE;wBACpB,OAAO,EAAE,CAAA;wBACT,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,EAAE,CAAC,CAAA;oBACvC,CAAC,GACD,GACS,GACE,GACF,CAClB,CAAA;AACH,CAAC,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import { NotificationListProps } from '@stack-spot/portal-components/Notifications';
2
2
  export type NotificationFilter = 'ALL' | 'UNREAD' | 'HIGH' | 'MEDIUM' | 'LOW';
3
- export interface NotificationPanelProps extends Omit<NotificationListProps, 'compact' | 'onCommit'> {
3
+ export interface NotificationPanelProps extends Omit<NotificationListProps, 'compact' | 'onCommit' | 'onUncommit'> {
4
4
  filter: NotificationFilter;
5
5
  loading: boolean;
6
6
  error: any;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAEnF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;AAE7E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,UAAU,CAAC;IACjG,MAAM,EAAE,kBAAkB,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,kBAAkB,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationCenter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAEnF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;AAE7E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;IAChH,MAAM,EAAE,kBAAkB,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,kBAAkB,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stack-spot/portal-layout",
3
- "version": "2.39.0",
3
+ "version": "2.40.0",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -15,7 +15,7 @@
15
15
  "@citric/ui": "^6.10.1",
16
16
  "@stack-spot/portal-theme": "^1.1.1",
17
17
  "@stack-spot/portal-translate": "~2.1.0",
18
- "@stack-spot/portal-components": "^2.27.5",
18
+ "@stack-spot/portal-components": "^2.28.0",
19
19
  "react": "^18.2.0",
20
20
  "react-dom": "^18.2.0",
21
21
  "styled-components": "^6.1.10"
@@ -23,6 +23,7 @@ export const NotificationPanel = ({ filter, onFilter, loading, error, visible, o
23
23
  compact
24
24
  loading={loading}
25
25
  onCommit={id => controller.markAsCommitted(id)}
26
+ onUncommit={id => controller.markAsUncommitted(id)}
26
27
  onClickViewNotification={() => {
27
28
  onClose()
28
29
  controller.config.onClickViewNotification?.()
@@ -2,7 +2,7 @@ import { NotificationListProps } from '@stack-spot/portal-components/Notificatio
2
2
 
3
3
  export type NotificationFilter = 'ALL' | 'UNREAD' | 'HIGH' | 'MEDIUM' | 'LOW'
4
4
 
5
- export interface NotificationPanelProps extends Omit<NotificationListProps, 'compact' | 'onCommit'> {
5
+ export interface NotificationPanelProps extends Omit<NotificationListProps, 'compact' | 'onCommit' | 'onUncommit'> {
6
6
  filter: NotificationFilter,
7
7
  loading: boolean,
8
8
  error: any,