@gearbox-protocol/ui-kit 3.10.5 → 3.11.1

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.
Files changed (57) hide show
  1. package/dist/cjs/components/assets-list-cell/assets-list-cell.cjs +1 -1
  2. package/dist/cjs/components/block-sync/block-sync.cjs +1 -1
  3. package/dist/cjs/components/checkbox/checkbox-labeled.cjs +1 -1
  4. package/dist/cjs/components/client-adapters/styled-rounded-image/styled-rounded-image.cjs +1 -1
  5. package/dist/cjs/components/complex-input/complex-input.cjs +1 -1
  6. package/dist/cjs/components/composites/index.cjs +1 -1
  7. package/dist/cjs/components/composites/oracles-and-lt-table/index.cjs +1 -0
  8. package/dist/cjs/components/composites/oracles-and-lt-table/oracle-component.cjs +1 -0
  9. package/dist/cjs/components/composites/oracles-and-lt-table/oracles-and-lt-line-view.cjs +1 -0
  10. package/dist/cjs/components/composites/oracles-and-lt-table/oracles-and-lt-table-head.cjs +1 -0
  11. package/dist/cjs/components/composites/oracles-and-lt-table/oracles-and-lt-table.cjs +1 -0
  12. package/dist/cjs/components/composites/oracles-and-lt-table/oracles-list.cjs +1 -0
  13. package/dist/cjs/components/composites/oracles-and-lt-table/types.cjs +1 -0
  14. package/dist/cjs/components/composites/pool-credit-manager-info/pool-credit-manager-info.cjs +1 -1
  15. package/dist/cjs/components/compound-apy/compound-apy.cjs +1 -1
  16. package/dist/cjs/components/detailed-page-title/detailed-page-title.cjs +1 -1
  17. package/dist/cjs/components/index.cjs +1 -1
  18. package/dist/cjs/components/markdown-viewer/markdown-viewer.cjs +1 -1
  19. package/dist/cjs/components/time-to-liquidation/time-to-liquidation.cjs +1 -1
  20. package/dist/cjs/components/tokens-list-cell/tokens-list-cell.cjs +1 -1
  21. package/dist/cjs/components/with-copy/with-copy.cjs +1 -1
  22. package/dist/cjs/index.cjs +1 -1
  23. package/dist/cjs/locale/en.json.cjs +1 -1
  24. package/dist/esm/components/assets-list-cell/assets-list-cell.js +2 -2
  25. package/dist/esm/components/block-sync/block-sync.js +2 -2
  26. package/dist/esm/components/checkbox/checkbox-labeled.js +2 -2
  27. package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js +2 -2
  28. package/dist/esm/components/complex-input/complex-input.js +2 -2
  29. package/dist/esm/components/composites/index.js +41 -30
  30. package/dist/esm/components/composites/oracles-and-lt-table/index.js +13 -0
  31. package/dist/esm/components/composites/oracles-and-lt-table/oracle-component.js +37 -0
  32. package/dist/esm/components/composites/oracles-and-lt-table/oracles-and-lt-line-view.js +84 -0
  33. package/dist/esm/components/composites/oracles-and-lt-table/oracles-and-lt-table-head.js +21 -0
  34. package/dist/esm/components/composites/oracles-and-lt-table/oracles-and-lt-table.js +42 -0
  35. package/dist/esm/components/composites/oracles-and-lt-table/oracles-list.js +169 -0
  36. package/dist/esm/components/composites/oracles-and-lt-table/types.js +1 -0
  37. package/dist/esm/components/composites/pool-credit-manager-info/pool-credit-manager-info.js +7 -12
  38. package/dist/esm/components/compound-apy/compound-apy.js +2 -2
  39. package/dist/esm/components/detailed-page-title/detailed-page-title.js +2 -2
  40. package/dist/esm/components/index.js +615 -604
  41. package/dist/esm/components/markdown-viewer/markdown-viewer.js +2 -2
  42. package/dist/esm/components/time-to-liquidation/time-to-liquidation.js +2 -2
  43. package/dist/esm/components/tokens-list-cell/tokens-list-cell.js +2 -2
  44. package/dist/esm/components/with-copy/with-copy.js +2 -2
  45. package/dist/esm/index.js +829 -818
  46. package/dist/esm/locale/en.json.js +4 -0
  47. package/dist/types/components/composites/index.d.ts +1 -0
  48. package/dist/types/components/composites/oracles-and-lt-table/index.d.ts +5 -0
  49. package/dist/types/components/composites/oracles-and-lt-table/oracle-component.d.ts +16 -0
  50. package/dist/types/components/composites/oracles-and-lt-table/oracles-and-lt-line-view.d.ts +19 -0
  51. package/dist/types/components/composites/oracles-and-lt-table/oracles-and-lt-table-head.d.ts +3 -0
  52. package/dist/types/components/composites/oracles-and-lt-table/oracles-and-lt-table.d.ts +16 -0
  53. package/dist/types/components/composites/oracles-and-lt-table/oracles-list.d.ts +18 -0
  54. package/dist/types/components/composites/oracles-and-lt-table/types.d.ts +8 -0
  55. package/dist/types/locale/en.json.d.ts +6 -0
  56. package/dist/types/types/footer.d.ts +1 -1
  57. package/package.json +1 -1
@@ -75,6 +75,10 @@ const o = {
75
75
  "components.creditManagerInfo.info.debtLimit": "Debt limit",
76
76
  "components.creditManagerInfo.info.maxEnabledTokens": "Max tokens",
77
77
  "dialogs.oraclesAndLTInfo.filter.hide0Quota": "Hide 0-Quota",
78
+ "components.oraclesAndLTInfo.title": "Oracles and LTs",
79
+ "components.oraclesAndLTTable.head.token": "Token",
80
+ "components.oraclesAndLTTable.head.oracles": "Oracles",
81
+ "components.oraclesAndLTTable.head.lt": "LT",
78
82
  "components.poolTable.pool": "Market",
79
83
  "components.poolTable.market": "Market",
80
84
  "components.poolTable.description.universal": "Universal",
@@ -1,3 +1,4 @@
1
+ export * from './oracles-and-lt-table';
1
2
  export * from './pool-assets-table';
2
3
  export * from './pool-credit-manager-info';
3
4
  export * from './pool-credit-managers-table';
@@ -0,0 +1,5 @@
1
+ export * from './oracle-component';
2
+ export * from './oracles-and-lt-line-view';
3
+ export * from './oracles-and-lt-table';
4
+ export * from './oracles-and-lt-table-head';
5
+ export * from './oracles-list';
@@ -0,0 +1,16 @@
1
+ import { GearboxChain, PriceFeedContractType } from '@gearbox-protocol/sdk';
2
+ import { Address } from 'viem';
3
+ interface FeedInfo {
4
+ type: PriceFeedContractType;
5
+ name: string;
6
+ address: Address;
7
+ underlying: FeedInfo[];
8
+ }
9
+ /** Props for {@link OracleComponent}: one price-feed node with explorer link + tooltip label. */
10
+ export interface OracleProps {
11
+ info: FeedInfo;
12
+ explorerInfo: NonNullable<GearboxChain["blockExplorers"]>[string] | undefined;
13
+ }
14
+ /** Single oracle in the chain: icon (linked to explorer when possible) and human-readable name in a tooltip. */
15
+ export declare function OracleComponent({ info, explorerInfo }: OracleProps): import("react/jsx-runtime").JSX.Element;
16
+ export {};
@@ -0,0 +1,19 @@
1
+ import { GearboxSDK } from '@gearbox-protocol/sdk';
2
+ import { TokenData } from '@gearbox-protocol/sdk/common-utils';
3
+ import { default as React } from 'react';
4
+ import { Address } from 'viem';
5
+ import { OraclesListProps } from './oracles-list';
6
+ /** Props for {@link OraclesAndLTLineView}. */
7
+ export interface OraclesAndLTLineViewProps {
8
+ readonly last: boolean;
9
+ readonly sdk: GearboxSDK | undefined;
10
+ readonly explorerInfo: OraclesListProps["explorerInfo"];
11
+ readonly token: TokenData;
12
+ readonly pool: Address;
13
+ readonly lt: bigint;
14
+ }
15
+ /**
16
+ * One grid row: token symbol, oracle chain from SDK price feeds (when `sdk` + market exist), LT value.
17
+ * Below the mobile breakpoint the row becomes a compact `TableLineSm` with labeled cells.
18
+ */
19
+ export declare function OraclesAndLTLineView({ last, sdk, explorerInfo, token, lt, pool, }: OraclesAndLTLineViewProps): React.ReactElement | null;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ /** Desktop header row for the oracles / LT table (`components.oraclesAndLTTable.head.*` keys). */
3
+ export declare function OraclesAndLTTableHead(): React.ReactElement;
@@ -0,0 +1,16 @@
1
+ import { GearboxSDK } from '@gearbox-protocol/sdk';
2
+ import { default as React } from 'react';
3
+ import { OraclesAndLTLineViewProps } from './oracles-and-lt-line-view';
4
+ import { OraclesAndLTTableRowModel } from './types';
5
+ /** Props for {@link OraclesAndLTTableView}. */
6
+ export interface OraclesAndLTTableViewProps {
7
+ readonly sdk: GearboxSDK | undefined;
8
+ readonly explorerInfo: OraclesAndLTLineViewProps["explorerInfo"];
9
+ readonly rows: ReadonlyArray<OraclesAndLTTableRowModel>;
10
+ }
11
+ /**
12
+ * Token / oracles / LT grid: resolves main price feeds from `sdk` for each row’s pool + token.
13
+ * Collateral rows are supplied by the app (e.g. credit manager tokens + LTs).
14
+ */
15
+ export declare function OraclesAndLTTableView({ sdk, explorerInfo, rows, }: OraclesAndLTTableViewProps): React.ReactElement | null;
16
+ export type { OraclesAndLTTableRowModel } from './types';
@@ -0,0 +1,18 @@
1
+ import { PriceFeedRef } from '@gearbox-protocol/sdk';
2
+ import { OracleProps } from './oracle-component';
3
+ /** Props for {@link OraclesList}: recursive oracle tree + block explorer base URL. */
4
+ export interface OraclesListProps {
5
+ readonly info: OracleProps["info"];
6
+ readonly explorerInfo: OracleProps["explorerInfo"];
7
+ }
8
+ /**
9
+ * Renders a price-feed hierarchy (composite feeds with `underlying` chains use a chevron
10
+ * and recurse into nested {@link OraclesList} nodes).
11
+ */
12
+ export declare function OraclesList({ info, explorerInfo }: OraclesListProps): import("react/jsx-runtime").JSX.Element;
13
+ interface GetPriceFeedInfoProps {
14
+ pfRef: PriceFeedRef;
15
+ }
16
+ /** Maps SDK `PriceFeedRef` to the flat `FeedInfo` tree used by {@link OraclesList}. */
17
+ export declare function getPriceFeedInfo({ pfRef, }: GetPriceFeedInfoProps): OracleProps["info"];
18
+ export {};
@@ -0,0 +1,8 @@
1
+ import { TokenData } from '@gearbox-protocol/sdk/common-utils';
2
+ import { Address } from 'viem';
3
+ /** One row in {@link OraclesAndLTTableView}: collateral token, pool, and liquidation threshold. */
4
+ export interface OraclesAndLTTableRowModel {
5
+ readonly token: TokenData;
6
+ readonly pool: Address;
7
+ readonly lt: bigint;
8
+ }
@@ -94,6 +94,12 @@ declare const _default: {
94
94
 
95
95
  "dialogs.oraclesAndLTInfo.filter.hide0Quota": "Hide 0-Quota",
96
96
 
97
+ "components.oraclesAndLTInfo.title": "Oracles and LTs",
98
+
99
+ "components.oraclesAndLTTable.head.token": "Token",
100
+ "components.oraclesAndLTTable.head.oracles": "Oracles",
101
+ "components.oraclesAndLTTable.head.lt": "LT",
102
+
97
103
  "components.poolTable.pool": "Market",
98
104
  "components.poolTable.market": "Market",
99
105
  "components.poolTable.description.universal": "Universal",
@@ -8,7 +8,7 @@ export interface LastSyncBlock {
8
8
  export interface BlockByChain {
9
9
  [chainId: number]: {
10
10
  lastSyncBlock: LastSyncBlock;
11
- };
11
+ } | undefined;
12
12
  }
13
13
  export interface ExplorerInfo {
14
14
  url: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gearbox-protocol/ui-kit",
3
- "version": "3.10.5",
3
+ "version": "3.11.1",
4
4
  "description": "Internal UI components",
5
5
  "repository": "https://github.com/gearbox-protocol/ui-kit",
6
6
  "license": "MIT",