@gearbox-protocol/ui-kit 3.14.0-next.41 → 3.14.0-next.42
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/dist/cjs/components/assets-list-cell/assets-list-cell.cjs +1 -1
- package/dist/cjs/components/block-sync/block-sync.cjs +1 -1
- package/dist/cjs/components/block-sync-pill/block-sync-pill.cjs +1 -1
- package/dist/cjs/components/checkbox/checkbox-labeled.cjs +1 -1
- package/dist/cjs/components/client-adapters/styled-rounded-image/styled-rounded-image.cjs +1 -1
- package/dist/cjs/components/complex-input/complex-input.cjs +1 -1
- package/dist/cjs/components/composites/index.cjs +1 -1
- package/dist/cjs/components/composites/notification-center/index.cjs +1 -0
- package/dist/cjs/components/composites/notification-center/notification-center.cjs +1 -0
- package/dist/cjs/components/composites/notification-center/types.cjs +1 -0
- package/dist/cjs/components/composites/pool-table/columns.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/preview/OperationPreviewContent.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/stepper/ProgressStepper.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/operations/OperationsCard.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/operations/PoolDepositView.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/operations/PoolWithdrawView.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/state-change/BalanceChangeGroup.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/state-change/StateChangeCard.cjs +1 -1
- package/dist/cjs/components/compound-apy/compound-apy.cjs +1 -1
- package/dist/cjs/components/detailed-page-title/detailed-page-title.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/components/markdown-viewer/markdown-viewer.cjs +1 -1
- package/dist/cjs/components/time-to-liquidation/time-to-liquidation.cjs +1 -1
- package/dist/cjs/components/tokens-list-cell/tokens-list-cell.cjs +1 -1
- package/dist/cjs/components/with-copy/with-copy.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/locale/en.json.cjs +1 -1
- package/dist/cjs/test-ids/index.cjs +1 -1
- package/dist/cjs/test-ids/notification-center.cjs +1 -0
- package/dist/esm/components/assets-list-cell/assets-list-cell.js +3 -3
- package/dist/esm/components/block-sync/block-sync.js +3 -3
- package/dist/esm/components/block-sync-pill/block-sync-pill.js +3 -3
- package/dist/esm/components/checkbox/checkbox-labeled.js +3 -3
- package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js +3 -3
- package/dist/esm/components/complex-input/complex-input.js +3 -3
- package/dist/esm/components/composites/index.js +81 -79
- package/dist/esm/components/composites/notification-center/index.js +4 -0
- package/dist/esm/components/composites/notification-center/notification-center.js +208 -0
- package/dist/esm/components/composites/notification-center/types.js +1 -0
- package/dist/esm/components/composites/pool-table/columns.js +5 -5
- package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js +3 -3
- package/dist/esm/components/composites/tx-preview/confirm/preview/OperationPreviewContent.js +3 -3
- package/dist/esm/components/composites/tx-preview/confirm/stepper/ProgressStepper.js +37 -27
- package/dist/esm/components/composites/tx-preview/operations/OperationsCard.js +3 -3
- package/dist/esm/components/composites/tx-preview/operations/PoolDepositView.js +3 -3
- package/dist/esm/components/composites/tx-preview/operations/PoolWithdrawView.js +3 -3
- package/dist/esm/components/composites/tx-preview/state-change/BalanceChangeGroup.js +3 -3
- package/dist/esm/components/composites/tx-preview/state-change/StateChangeCard.js +3 -3
- package/dist/esm/components/compound-apy/compound-apy.js +3 -3
- package/dist/esm/components/detailed-page-title/detailed-page-title.js +3 -3
- package/dist/esm/components/index.js +671 -669
- package/dist/esm/components/markdown-viewer/markdown-viewer.js +3 -3
- package/dist/esm/components/time-to-liquidation/time-to-liquidation.js +3 -3
- package/dist/esm/components/tokens-list-cell/tokens-list-cell.js +3 -3
- package/dist/esm/components/with-copy/with-copy.js +3 -3
- package/dist/esm/index.js +837 -833
- package/dist/esm/locale/en.json.js +4 -0
- package/dist/esm/test-ids/index.js +14 -12
- package/dist/esm/test-ids/notification-center.js +16 -0
- package/dist/globals.css +1 -1
- package/dist/types/components/composites/index.d.ts +1 -0
- package/dist/types/components/composites/notification-center/index.d.ts +2 -0
- package/dist/types/components/composites/notification-center/notification-center.d.ts +9 -0
- package/dist/types/components/composites/notification-center/types.d.ts +30 -0
- package/dist/types/locale/en.json.d.ts +5 -0
- package/dist/types/test-ids/index.d.ts +1 -0
- package/dist/types/test-ids/notification-center.d.ts +13 -0
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { NotificationCenterProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Presentational notification center: a bell trigger with a request-count badge
|
|
5
|
+
* and a dropdown listing deferred ("Requests") and settled ("Recent")
|
|
6
|
+
* operations. Fully controlled and data-agnostic — the host builds the row view
|
|
7
|
+
* models (titles, status labels, timestamps) and wires the callbacks.
|
|
8
|
+
*/
|
|
9
|
+
export declare function NotificationCenter({ open, onOpenChange, deferredRows, successRows, deferredCount, hasReady, hasAny, onClear, }: NotificationCenterProps): React.ReactElement;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/** A deferred (two-phase) request row shown in the "Requests" section. */
|
|
3
|
+
export interface DeferredRowView {
|
|
4
|
+
readonly id: string;
|
|
5
|
+
readonly title: string;
|
|
6
|
+
readonly positionName: string;
|
|
7
|
+
readonly isReady: boolean;
|
|
8
|
+
readonly statusLabel: React.ReactNode;
|
|
9
|
+
/** Present only for reopenable (matured) rows; makes the row clickable. */
|
|
10
|
+
readonly onExecute?: () => void;
|
|
11
|
+
}
|
|
12
|
+
/** A settled operation row shown in the "Recent" section. */
|
|
13
|
+
export interface SuccessRowView {
|
|
14
|
+
readonly id: string;
|
|
15
|
+
readonly label: string;
|
|
16
|
+
readonly timestampLabel: string;
|
|
17
|
+
readonly onView?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export interface NotificationCenterProps {
|
|
20
|
+
readonly open: boolean;
|
|
21
|
+
readonly onOpenChange: (open: boolean) => void;
|
|
22
|
+
readonly deferredRows: DeferredRowView[];
|
|
23
|
+
readonly successRows: SuccessRowView[];
|
|
24
|
+
readonly deferredCount: number;
|
|
25
|
+
/** At least one deferred request has matured (drives the badge/status color). */
|
|
26
|
+
readonly hasReady: boolean;
|
|
27
|
+
readonly hasAny: boolean;
|
|
28
|
+
/** Optional dev-only action: wipe all notifications. Hidden when omitted. */
|
|
29
|
+
readonly onClear?: () => void;
|
|
30
|
+
}
|
|
@@ -26,6 +26,11 @@ declare const _default: {
|
|
|
26
26
|
"components.creditAccountHistory.table.operation": "Operation",
|
|
27
27
|
"components.creditAccountHistory.table.details": "Details",
|
|
28
28
|
|
|
29
|
+
"components.notificationCenter.empty": "No notifications yet",
|
|
30
|
+
"components.notificationCenter.requests": "Requests",
|
|
31
|
+
"components.notificationCenter.recent": "Recent",
|
|
32
|
+
"components.notificationCenter.clear": "Clear all",
|
|
33
|
+
|
|
29
34
|
"components.liquidationPrice.check": "Check Area",
|
|
30
35
|
|
|
31
36
|
"components.loading.loading": "Loading",
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const notificationCenterTestIds: {
|
|
2
|
+
readonly root: "notification-center-root";
|
|
3
|
+
readonly trigger: "notification-center-trigger";
|
|
4
|
+
readonly badge: "notification-center-badge";
|
|
5
|
+
readonly panel: "notification-center-panel";
|
|
6
|
+
readonly requestsSection: "notification-center-requests";
|
|
7
|
+
readonly requestRow: "notification-center-request-row";
|
|
8
|
+
readonly requestExecute: "notification-center-request-execute";
|
|
9
|
+
readonly successSection: "notification-center-success";
|
|
10
|
+
readonly successRow: "notification-center-success-row";
|
|
11
|
+
readonly empty: "notification-center-empty";
|
|
12
|
+
readonly clear: "notification-center-clear";
|
|
13
|
+
};
|