@gearbox-protocol/ui-kit 3.14.0-next.40 → 3.14.0-next.42

package/dist/types/components/composites/index.d.ts

@@ -1,4 +1,5 @@
 export * from './credit-account-history';
+export * from './notification-center';
 export * from './oracles-and-lt-table';
 export * from './pool-assets-table';
 export * from './pool-credit-manager-info';

package/dist/types/components/composites/notification-center/index.d.ts

@@ -0,0 +1,2 @@
+export * from './notification-center';
+export * from './types';

package/dist/types/components/composites/notification-center/notification-center.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { NotificationCenterProps } from './types';
+/**
+ * Presentational notification center: a bell trigger with a request-count badge
+ * and a dropdown listing deferred ("Requests") and settled ("Recent")
+ * operations. Fully controlled and data-agnostic — the host builds the row view
+ * models (titles, status labels, timestamps) and wires the callbacks.
+ */
+export declare function NotificationCenter({ open, onOpenChange, deferredRows, successRows, deferredCount, hasReady, hasAny, onClear, }: NotificationCenterProps): React.ReactElement;

package/dist/types/components/composites/notification-center/types.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+/** A deferred (two-phase) request row shown in the "Requests" section. */
+export interface DeferredRowView {
+    readonly id: string;
+    readonly title: string;
+    readonly positionName: string;
+    readonly isReady: boolean;
+    readonly statusLabel: React.ReactNode;
+    /** Present only for reopenable (matured) rows; makes the row clickable. */
+    readonly onExecute?: () => void;
+}
+/** A settled operation row shown in the "Recent" section. */
+export interface SuccessRowView {
+    readonly id: string;
+    readonly label: string;
+    readonly timestampLabel: string;
+    readonly onView?: () => void;
+}
+export interface NotificationCenterProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly deferredRows: DeferredRowView[];
+    readonly successRows: SuccessRowView[];
+    readonly deferredCount: number;
+    /** At least one deferred request has matured (drives the badge/status color). */
+    readonly hasReady: boolean;
+    readonly hasAny: boolean;
+    /** Optional dev-only action: wipe all notifications. Hidden when omitted. */
+    readonly onClear?: () => void;
+}

package/dist/types/components/composites/tx-preview/confirm/stepper/ProgressStepper.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { StepStatus } from './transactionExecutionStepTypes';
+export interface ProgressStepperStep {
+    /** Stable identity used as the React key. */
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly status: StepStatus;
+    /**
+     * Marker centered on the connector that precedes this step — e.g. a delay
+     * clock shown between "Request" and "Withdraw". Ignored on the first step.
+     */
+    readonly connectorMarker?: React.ReactNode;
+    /** Render the connector that precedes this step as dashed. */
+    readonly connectorDashed?: boolean;
+}
+export interface ProgressStepperProps {
+    readonly steps: ReadonlyArray<ProgressStepperStep>;
+    readonly className?: string;
+}
+/**
+ * Generic progress stepper: a row of dots + labels joined by connectors.
+ *
+ * Layout mirrors {@link TransactionProgressStepper} exactly — each connector is
+ * two half-lines living in the same row as the dot, so the lines butt directly
+ * against the 9px dots. On top of that it supports an optional per-connector
+ * `marker` (centered on the connector midpoint, e.g. a waiting clock) and a
+ * `dashed` connector style, which `TransactionProgressStepper` does not.
+ */
+export declare function ProgressStepper({ steps, className, }: ProgressStepperProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/stepper/constants.d.ts

@@ -1,3 +1,6 @@
 export declare class TransactionProgressStepperTest {
     static root: string;
 }
+export declare class ProgressStepperTest {
+    static root: string;
+}

package/dist/types/components/composites/tx-preview/confirm/stepper/index.d.ts

@@ -1,3 +1,4 @@
 export * from './constants';
+export * from './ProgressStepper';
 export * from './TransactionProgressStepper';
 export * from './transactionExecutionStepTypes';

package/dist/types/locale/en.json.d.ts

@@ -26,6 +26,11 @@ declare const _default: {
   "components.creditAccountHistory.table.operation": "Operation",
   "components.creditAccountHistory.table.details": "Details",
 
+  "components.notificationCenter.empty": "No notifications yet",
+  "components.notificationCenter.requests": "Requests",
+  "components.notificationCenter.recent": "Recent",
+  "components.notificationCenter.clear": "Clear all",
+
   "components.liquidationPrice.check": "Check Area",
 
   "components.loading.loading": "Loading",

package/dist/types/test-ids/index.d.ts

@@ -6,6 +6,7 @@
  * tests run outside a bundler.
  */
 export * from './currency-button';
+export * from './notification-center';
 export * from './pool-credit-manager-info';
 export * from './pool-credit-managers-table';
 export * from './pool-table';

package/dist/types/test-ids/notification-center.d.ts

@@ -0,0 +1,13 @@
+export declare const notificationCenterTestIds: {
+    readonly root: "notification-center-root";
+    readonly trigger: "notification-center-trigger";
+    readonly badge: "notification-center-badge";
+    readonly panel: "notification-center-panel";
+    readonly requestsSection: "notification-center-requests";
+    readonly requestRow: "notification-center-request-row";
+    readonly requestExecute: "notification-center-request-execute";
+    readonly successSection: "notification-center-success";
+    readonly successRow: "notification-center-success-row";
+    readonly empty: "notification-center-empty";
+    readonly clear: "notification-center-clear";
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.40",
+  "version": "3.14.0-next.42",
   "description": "Internal UI components",
   "repository": {
     "type": "git",