@vellumlabs/cexplorer-sdk 1.1.8 → 1.1.10
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/index.es.js +1 -1
- package/dist/providers/GlobalSearchContext.d.ts +1 -1
- package/dist/providers/GlobalSearchContext.d.ts.map +1 -1
- package/dist/stories/dataDisplay/BlockCell.stories.d.ts +43 -0
- package/dist/stories/dataDisplay/BlockCell.stories.d.ts.map +1 -0
- package/dist/stories/dataDisplay/DateCell.stories.d.ts +2 -1
- package/dist/stories/dataDisplay/DateCell.stories.d.ts.map +1 -1
- package/dist/stories/dataDisplay/EpochCell.stories.d.ts +51 -0
- package/dist/stories/dataDisplay/EpochCell.stories.d.ts.map +1 -0
- package/dist/stories/dataDisplay/MintedByCard.stories.d.ts +4 -0
- package/dist/stories/dataDisplay/MintedByCard.stories.d.ts.map +1 -1
- package/dist/stories/dataDisplay/ProBadge.stories.d.ts +10 -2
- package/dist/stories/dataDisplay/ProBadge.stories.d.ts.map +1 -1
- package/dist/stories/feedback/SensitiveContentWarning.stories.d.ts +35 -0
- package/dist/stories/feedback/SensitiveContentWarning.stories.d.ts.map +1 -0
- package/dist/style.css +1 -1
- package/dist/ui/blockCell/index.d.ts +111 -0
- package/dist/ui/blockCell/index.d.ts.map +1 -0
- package/dist/ui/dateCell/index.d.ts +19 -1
- package/dist/ui/dateCell/index.d.ts.map +1 -1
- package/dist/ui/epochCell/index.d.ts +156 -0
- package/dist/ui/epochCell/index.d.ts.map +1 -0
- package/dist/ui/formatStringComponent/index.d.ts +8 -0
- package/dist/ui/formatStringComponent/index.d.ts.map +1 -0
- package/dist/ui/globalSearch/index.d.ts.map +1 -1
- package/dist/ui/header/index.d.ts +5 -1
- package/dist/ui/header/index.d.ts.map +1 -1
- package/dist/ui/headerBannerSubtitle/index.d.ts +4 -4
- package/dist/ui/headerBannerSubtitle/index.d.ts.map +1 -1
- package/dist/ui/index.d.ts +4 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/poolCell/index.d.ts.map +1 -1
- package/dist/ui/proBadge/index.d.ts +26 -1
- package/dist/ui/proBadge/index.d.ts.map +1 -1
- package/dist/ui/sensitiveContentWarning/index.d.ts +131 -0
- package/dist/ui/sensitiveContentWarning/index.d.ts.map +1 -0
- package/dist/ui/truncatedText/index.d.ts.map +1 -1
- package/dist/utils/format.d.ts +31 -6
- package/dist/utils/format.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { MiscSearch, MiscSearchResponse } from '../types/miscTypes';
|
|
2
2
|
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
|
3
|
+
import { Locales } from '../types/commonTypes';
|
|
3
4
|
import { getCategories } from '../utils/search/getCategories';
|
|
4
5
|
import { UseQueryResult } from '@tanstack/react-query';
|
|
5
|
-
import { Locales } from '../types/commonTypes';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Available search categories for Cardano blockchain entities.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalSearchContext.d.ts","sourceRoot":"","sources":["../../src/providers/GlobalSearchContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKjE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"GlobalSearchContext.d.ts","sourceRoot":"","sources":["../../src/providers/GlobalSearchContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAChB,KAAK,GACL,IAAI,GACJ,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,OAAO,GACP,WAAW,GACX,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,qBAAqB,CAAC;AAsB1B;;;;GAIG;AACH,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC7C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACpD,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9C,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CAC/C;AAMD;;;;GAIG;AACH,UAAU,yBAAyB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;OAQG;IACH,kBAAkB,EAAE,CAClB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,QAAQ,CAAC,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,OAAO,KACb,cAAc,CACjB,kBAAkB,GAAG;QACnB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;KAChC,EACD,OAAO,CACR,CAAC;IACF;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0JpE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,QAAO,wBAQlC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { BlockCell } from '../../ui/blockCell';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof BlockCell>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof meta>;
|
|
7
|
+
/**
|
|
8
|
+
* Default block cell with formatted number
|
|
9
|
+
*/
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Recent block with lower number
|
|
13
|
+
*/
|
|
14
|
+
export declare const RecentBlock: Story;
|
|
15
|
+
/**
|
|
16
|
+
* Very large block number
|
|
17
|
+
*/
|
|
18
|
+
export declare const LargeBlockNumber: Story;
|
|
19
|
+
/**
|
|
20
|
+
* Small block number (early blockchain)
|
|
21
|
+
*/
|
|
22
|
+
export declare const SmallBlockNumber: Story;
|
|
23
|
+
/**
|
|
24
|
+
* Example showing blocks in a transaction table
|
|
25
|
+
*/
|
|
26
|
+
export declare const InTransactionTable: Story;
|
|
27
|
+
/**
|
|
28
|
+
* Example showing blocks in an epoch detail view
|
|
29
|
+
*/
|
|
30
|
+
export declare const InEpochDetail: Story;
|
|
31
|
+
/**
|
|
32
|
+
* Examples showing different alignment options
|
|
33
|
+
*/
|
|
34
|
+
export declare const AlignmentOptions: Story;
|
|
35
|
+
/**
|
|
36
|
+
* Example in a block explorer dashboard
|
|
37
|
+
*/
|
|
38
|
+
export declare const InDashboard: Story;
|
|
39
|
+
/**
|
|
40
|
+
* Example showing block references in different contexts
|
|
41
|
+
*/
|
|
42
|
+
export declare const MultipleContexts: Story;
|
|
43
|
+
//# sourceMappingURL=BlockCell.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlockCell.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/BlockCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA4ChC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgEhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAyE3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA+B9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KA0CzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAC"}
|
|
@@ -14,5 +14,6 @@ declare const TransactionTimestamp: Story;
|
|
|
14
14
|
declare const EpochEndTime: Story;
|
|
15
15
|
declare const WithoutTabularNums: Story;
|
|
16
16
|
declare const Undefined: Story;
|
|
17
|
-
|
|
17
|
+
declare const WithoutTooltip: Story;
|
|
18
|
+
export { RecentBlock, FiveMinutesAgo, OneHourAgo, OneDayAgo, OneWeekAgo, OneMonthAgo, TransactionTimestamp, EpochEndTime, WithoutTabularNums, WithoutTooltip, Undefined, };
|
|
18
19
|
//# sourceMappingURL=DateCell.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateCell.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/DateCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,
|
|
1
|
+
{"version":3,"file":"DateCell.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/DateCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAsC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,WAAW,EAAE,KAQlB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAQrB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAQjB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAQhB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAQjB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAQlB,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,KAS3B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAQnB,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAQzB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAKhB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KASrB,CAAC;AAEF,OAAO,EACL,WAAW,EACX,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACX,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,SAAS,GACV,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { EpochCell } from '../../ui/epochCell';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof EpochCell>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof meta>;
|
|
7
|
+
/**
|
|
8
|
+
* Default epoch cell displaying a past epoch as a clickable link
|
|
9
|
+
*/
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Current epoch with animated pulse dot indicator
|
|
13
|
+
*/
|
|
14
|
+
export declare const CurrentEpoch: Story;
|
|
15
|
+
/**
|
|
16
|
+
* Past epoch with pulse dot spacing (for table alignment)
|
|
17
|
+
*/
|
|
18
|
+
export declare const PastEpochWithPulseDot: Story;
|
|
19
|
+
/**
|
|
20
|
+
* Future epoch displayed as plain text (not clickable)
|
|
21
|
+
*/
|
|
22
|
+
export declare const FutureEpoch: Story;
|
|
23
|
+
/**
|
|
24
|
+
* Display difference from current epoch (e.g., "5 epochs ago")
|
|
25
|
+
*/
|
|
26
|
+
export declare const SubtractedFromCurrent: Story;
|
|
27
|
+
/**
|
|
28
|
+
* Undefined epoch showing placeholder
|
|
29
|
+
*/
|
|
30
|
+
export declare const UndefinedEpoch: Story;
|
|
31
|
+
/**
|
|
32
|
+
* Example showing epochs in a table with pulse indicator
|
|
33
|
+
*/
|
|
34
|
+
export declare const InTable: Story;
|
|
35
|
+
/**
|
|
36
|
+
* Example showing epoch differences in a rewards table
|
|
37
|
+
*/
|
|
38
|
+
export declare const InRewardsTable: Story;
|
|
39
|
+
/**
|
|
40
|
+
* Examples showing different alignment options
|
|
41
|
+
*/
|
|
42
|
+
export declare const AlignmentOptions: Story;
|
|
43
|
+
/**
|
|
44
|
+
* Example showing mixed epoch states (past, current, future)
|
|
45
|
+
*/
|
|
46
|
+
export declare const AllStates: Story;
|
|
47
|
+
/**
|
|
48
|
+
* Example in governance proposal context
|
|
49
|
+
*/
|
|
50
|
+
export declare const InGovernanceProposal: Story;
|
|
51
|
+
//# sourceMappingURL=EpochCell.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EpochCell.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/EpochCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA6DhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA4CrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAyD5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KA6CvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KA2ClC,CAAC"}
|
|
@@ -24,4 +24,8 @@ export declare const PoolWithoutMetadata: Story;
|
|
|
24
24
|
* Minimal information (no VRF, no protocol version)
|
|
25
25
|
*/
|
|
26
26
|
export declare const MinimalInfo: Story;
|
|
27
|
+
/**
|
|
28
|
+
* Pool with operational certificate counter
|
|
29
|
+
*/
|
|
30
|
+
export declare const WithOpCounter: Story;
|
|
27
31
|
//# sourceMappingURL=MintedByCard.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MintedByCard.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/MintedByCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAWrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CA+EnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}
|
|
1
|
+
{"version":3,"file":"MintedByCard.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/MintedByCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAWrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CA+EnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC"}
|
|
@@ -5,9 +5,17 @@ declare const meta: Meta<typeof ProBadge>;
|
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof meta>;
|
|
7
7
|
/**
|
|
8
|
-
* Default PRO badge with
|
|
8
|
+
* Default PRO badge with short text
|
|
9
9
|
*/
|
|
10
10
|
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Call-to-action variant with "Get PRO" text
|
|
13
|
+
*/
|
|
14
|
+
export declare const GetPro: Story;
|
|
15
|
+
/**
|
|
16
|
+
* Comparison of both text variants
|
|
17
|
+
*/
|
|
18
|
+
export declare const BothVariants: Story;
|
|
11
19
|
/**
|
|
12
20
|
* PRO badge in a feature list context
|
|
13
21
|
*/
|
|
@@ -17,7 +25,7 @@ export declare const InFeatureList: Story;
|
|
|
17
25
|
*/
|
|
18
26
|
export declare const WithLockedFeature: Story;
|
|
19
27
|
/**
|
|
20
|
-
* PRO badge in header navigation
|
|
28
|
+
* PRO badge in header navigation with "Get PRO" call-to-action
|
|
21
29
|
*/
|
|
22
30
|
export declare const InNavigation: Story;
|
|
23
31
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProBadge.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/ProBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,
|
|
1
|
+
{"version":3,"file":"ProBadge.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/ProBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA6B/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SensitiveContentWarning } from '../../ui/sensitiveContentWarning';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof SensitiveContentWarning>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof meta>;
|
|
7
|
+
/**
|
|
8
|
+
* Default warning with standard text and behavior
|
|
9
|
+
*/
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
/**
|
|
12
|
+
* Custom title and description for NFT metadata warning
|
|
13
|
+
*/
|
|
14
|
+
export declare const NFTMetadata: Story;
|
|
15
|
+
/**
|
|
16
|
+
* Transaction memo warning with custom text
|
|
17
|
+
*/
|
|
18
|
+
export declare const TransactionMemo: Story;
|
|
19
|
+
/**
|
|
20
|
+
* Pool metadata warning
|
|
21
|
+
*/
|
|
22
|
+
export declare const PoolMetadata: Story;
|
|
23
|
+
/**
|
|
24
|
+
* Interactive example showing state management and content reveal
|
|
25
|
+
*/
|
|
26
|
+
export declare const WithContentReveal: Story;
|
|
27
|
+
/**
|
|
28
|
+
* Example in a card context showing typical usage pattern
|
|
29
|
+
*/
|
|
30
|
+
export declare const InCard: Story;
|
|
31
|
+
/**
|
|
32
|
+
* Example showing multiple content warnings in a list
|
|
33
|
+
*/
|
|
34
|
+
export declare const InList: Story;
|
|
35
|
+
//# sourceMappingURL=SensitiveContentWarning.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SensitiveContentWarning.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/feedback/SensitiveContentWarning.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAuD9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAwC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAgDpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAkDpB,CAAC"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base{:root{--white:#FFFFFF;--black:#000000;/* CexDark */ --cexdark-500:#424951;--cexdark-600:#374048;--cexdark-700:#2A2F36;--cexdark-800:#232930;--cexdark-900:#20252B;--cexdark-950:#1F242A;/* Gray colors */ --gray-25:#FCFCFD;--gray-50:#F9FAFB;--gray-100:#F2F4F7;--gray-200:#E4E7EC;--gray-300:#D0D5DD;--gray-400:#98A2B3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#182230;--gray-900:#101828;--gray-950:#0C111D;/* Brand colors */ --brand-25:#F7FCFF;--brand-50:#EFFAFF;--brand-100:#DEF4FF;--brand-200:#B6EBFF;--brand-300:#75DEFF;--brand-400:#2CCEFF;--brand-500:#00A9E3;--brand-600:#0094D4;--brand-700:#0075AB;--brand-800:#00638D;--brand-900:#065274;--brand-950:#04344D;/* Error colors */ --error-25:#FFFBFA;--error-50:#FEF3F2;--error-100:#FEE4E2;--error-200:#FECDCA;--error-300:#FDA29B;--error-400:#F97066;--error-500:#F04438;--error-600:#D92D20;--error-700:#B42318;--error-800:#912018;--error-900:#7A271A;--error-950:#55160C;/* Warning colors */ --warning-25:#FFFCF5;--warning-50:#FFFAEB;--warning-100:#FEF0C7;--warning-200:#FEDF89;--warning-300:#FEC84B;--warning-400:#FDB022;--warning-500:#F79009;--warning-600:#DC6803;--warning-700:#B54708;--warning-800:#93370D;--warning-900:#7A2E0E;--warning-950:#4E1D09;/* Success colors */ --success-25:#F6FEF9;--success-50:#ECFDF3;--success-100:#DCFAE6;--success-200:#A9EFC5;--success-300:#75E0A7;--success-400:#47CD89;--success-500:#17B26A;--success-600:#079455;--success-700:#067647;--success-800:#085D3A;--success-900:#074D31;--success-950:#053321;/* Green colors */ --green-25:#F6FEF9;--green-50:#EDFCF2;--green-100:#D3F8DF;--green-200:#AAF0C4;--green-300:#73E2A3;--green-400:#3CCB7F;--green-500:#16B364;--green-600:#099250;--green-700:#087443;--green-800:#095C37;--green-900:#084C2E;--green-950:#052E1C;/* Gray blue colors */ --gray-blue-25:#FCFCFD;--gray-blue-50:#F8F9FC;--gray-blue-100:#EAECF5;--gray-blue-200:#D5D9EB;--gray-blue-300:#B3B8DB;--gray-blue-400:#717BBC;--gray-blue-500:#4E5BA6;--gray-blue-600:#3E4784;--gray-blue-700:#363F72;--gray-blue-800:#293056;--gray-blue-900:#101323;--gray-blue-950:#0D0F1C;/* Blue light colors */ --blue-light-25:#F5FBFF;--blue-light-50:#F0F9FF;--blue-light-100:#E0F2FE;--blue-light-200:#B9E6FE;--blue-light-300:#7CD4FD;--blue-light-400:#36BFFA;--blue-light-500:#0BA5EC;--blue-light-600:#0086C9;--blue-light-700:#026AA2;--blue-light-800:#065986;--blue-light-900:#0B4A6F;--blue-light-950:#062C41;/* Blue colors */ --blue-25:#F5FAFF;--blue-50:#EFF8FF;--blue-100:#D1E9FF;--blue-200:#B2DDFF;--blue-300:#84CAFF;--blue-400:#53B1FD;--blue-500:#2E90FA;--blue-600:#1570EF;--blue-700:#175CD3;--blue-800:#1849A9;--blue-900:#194185;--blue-950:#102A56;/* Indigo colors */ --indigo-25:#F5F8FF;--indigo-50:#EEF4FF;--indigo-100:#E0EAFF;--indigo-200:#C7D7FE;--indigo-300:#A4BCFD;--indigo-400:#8098F9;--indigo-500:#6172F3;--indigo-600:#444CE7;--indigo-700:#3538CD;--indigo-800:#2D31A6;--indigo-900:#2D3282;--indigo-950:#1F235B;/* Purple colors */ --purple-25:#FAFAFF;--purple-50:#F4F3FF;--purple-100:#EBE9FE;--purple-200:#D9D6FE;--purple-300:#BDB4FE;--purple-400:#9B8AFB;--purple-500:#7A5AF8;--purple-600:#6938EF;--purple-700:#5925DC;--purple-800:#4A1FB8;--purple-900:#3E1C96;--purple-950:#27115F;/* Yellow colors */ --yellow-25:#FEFDF0;--yellow-50:#FEFBE8;--yellow-100:#FEF7C3;--yellow-200:#FEEE95;--yellow-300:#FDE272;--yellow-400:#FAC515;--yellow-500:#EAAA08;--yellow-600:#CA8504;--yellow-700:#A15C07;--yellow-800:#854A0E;--yellow-900:#713B12;--yellow-950:#542C0D;/* Orange colors */ --orange-25:#FEFAF5;--orange-50:#FEF6EE;--orange-100:#FDEAD7;--orange-200:#F9DBAF;--orange-300:#F7B27A;--orange-400:#F38744;--orange-500:#EF6820;--orange-600:#E04F16;--orange-700:#B93815;--orange-800:#932F19;--orange-900:#772917;--orange-950:#511C10;}:root[data-theme="dark"]{--text:var(--white);--background:var(--cexdark-950);--cardBg:var(--cexdark-800);--darker:var(--cexdark-900);--primary:var(--brand-300);--darkBlue:#1ba3e0;--secondaryText:#b0dff4;--secondaryBg:#b0def412;--border:var(--cexdark-500);--borderDarker:#4d555e;--borderFaded:var(--cexdark-600);--grayTextPrimary:var(--gray-200);--grayTextSecondary:var(--gray-400);--scrollbar:#ffffff87;--shimmer:#ffffff0d;--completed:#079455;--inProgress:#fdb022;--notStarted:#f04438;--all:#667085;--bannerGradient:#1f242a;--purpleText:#9f70f7;--redText:var(--error-500);--yellowText:var(--warning-300);--greenText:var(--green-500);--hoverHighlight:var(--cexdark-700);--hoverHighlight:var(--yellow-400);--tableHover:#242a31;}:root[data-theme="light"]{--text:var(--gray-900);--background:var(--gray-25);--cardBg:var(--white);--darker:var(--gray-50);--primary:var(--brand-600);--darkBlue:#0094d4;--secondaryText:#0094d4;--secondaryBg:#effaff;--borderFaded:var(--gray-200);--border:var(--gray-300);--borderDarker:#c0c5cc;--grayTextPrimary:var(--gray-600);--grayTextSecondary:var(--gray-500);--scrollbar:#13294a91;--shimmer:#2828280d;--completed:#abefc6;--inProgress:#fedf89;--notStarted:#fecdca;--all:#e4e7ec;--bannerGradient:#f0f0f6;--purpleText:#7d41ed;--redText:var(--error-500);--yellowText:var(--warning-300);--greenText:var(--green-500);--hoverHighlight:var(--yellow-400);--highlightBorder:var(--yellow-500);--tableHover:#EDF0F5;}}@layer base{:root{/* Font weights */ --font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;/* Display 2xl */ --font-size-display-2xl:72px;--line-height-display-2xl:90px;--letter-spacing-display-2xl:-0.02em;/* Display xl */ --font-size-display-xl:60px;--line-height-display-xl:72px;--letter-spacing-display-xl:-0.02em;/* Display lg */ --font-size-display-lg:48px;--line-height-display-lg:60px;--letter-spacing-display-lg:-0.02em;/* Display md */ --font-size-display-md:36px;--line-height-display-md:44px;--letter-spacing-display-md:-0.02em;/* Display sm */ --font-size-display-sm:30px;--line-height-display-sm:38px;/* Display xs */ --font-size-display-xs:24px;--line-height-display-xs:32px;/* Text xl */ --font-size-text-xl:20px;--line-height-text-xl:30px;/* Text lg */ --font-size-text-lg:18px;--line-height-text-lg:28px;/* Text md */ --font-size-text-md:16px;--line-height-text-md:24px;/* Text sm */ --font-size-text-sm:14px;--line-height-text-sm:20px;/* Text xs */ --font-size-text-xs:12px;--line-height-text-xs:18px;}}:root{--shadow-xs:0px 1px 2px 0px #1018280D;--shadow-sm:0px 1px 2px 0px #1018280F,0px 1px 3px 0px #1018281A;--shadow-md:0px 2px 4px -2px #1018280F,0px 4px 8px -2px #1018281A;--shadow-lg:0px 4px 6px -2px #10182808,0px 12px 16px -4px #10182814;--shadow-xl:0px 24px 48px -12px #1018282E;--shadow-2xl:0px 24px 48px -12px #1018282E;--shadow-3xl:0px 32px 64px -12px #10182824;}:root{--spacing-0:0;--spacing-0_25:2px;--spacing-0_5:4px;--spacing-1:8px;--spacing-1_5:12px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-11:88px;--spacing-12:96px;--spacing-13:104px;--spacing-14:112px;--spacing-15:120px;--spacing-16:128px;}:root{--radius-none:0;--radius-xs:6px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:20px;--radius-max:500px;}@tailwind base;@tailwind components;@tailwind utilities;@layer loader{.loader{border-radius:50%;animation:spin 1s cubic-bezier(0.68,-0.55,0.27,1.55) infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}}body,html{background:var(--background);color:var(--text);font-family:Inter;}pre{background:transparent !important;}a{&:hover{color:var(--secondaryText);}}h1{@media screen and (min-width:768px){font-size:34px;}font-size:26px;font-weight:600;}h2{@media screen and (min-width:768px){font-size:24px;}font-size:20px;font-weight:600;}h3{@media screen and (min-width:768px){font-size:18px;}font-size:16px;font-weight:600;}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin-block:5px;}::-webkit-scrollbar-thumb{background:var(--scrollbar);opacity:0.5;border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}.shimmer{animation:fadeIn 500ms ease-out forwards,shimmer 2s linear infinite;animation-delay:0s,500ms;background:linear-gradient( to right,transparent 0%,var(--shimmer) 25%,transparent 50% );background-size:200% 100%;}.shimmer-no-fade{animation:shimmer 3s linear infinite;background:linear-gradient( to right,transparent 0%,var(--shimmer) 25%,transparent 50% );background-size:200% 100%;}.gold-shimmer{animation:shimmer 6s linear infinite;background:linear-gradient( to right,transparent 0%,#f8e65fcd 20%,transparent 5% );background-size:200% 100%;}.react-flow__handle{opacity:0;}[data-sonner-toast][data-styled="true"] [data-button]{background:transparent !important;}.react-syntax-highlighter-line-number{padding-right:10px !important;min-width:20px !important;}.sso-button{background-color:white;width:100%;margin-bottom:10px;border:1px solid var(--grey10);border-radius:10px;}.AccordionTrigger[data-state="open"] > .AccordionChevron{transform:rotate(180deg);}.react-flow__attribution{display:none !important;}::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');}.react-grid-placeholder{border-radius:var(--radius-s);background-color:var(--primary) !important;}.react-grid-item.cssTransforms{transition-property:none !important;}.customize-grid .react-grid-item.cssTransforms{transition-property:transform !important;}@keyframes loading-dots{0%{opacity:0.2;}100%{opacity:1;}}@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}.range-slider-input{position:relative;z-index:10;width:100%;height:8px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none;}.range-slider-input::-webkit-slider-runnable-track{width:100%;height:8px;appearance:none;-webkit-appearance:none;border-radius:9999px;background:transparent;}.range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);border:1px solid var(--primary);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);margin-top:-8px;}.range-slider-input::-moz-range-track{width:100%;height:8px;border-radius:9999px;background:transparent;}.range-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);border:1px solid var(--primary);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:none;}
|
|
1
|
+
@layer base{:root{--white:#FFFFFF;--black:#000000;/* CexDark */ --cexdark-500:#424951;--cexdark-600:#374048;--cexdark-700:#2A2F36;--cexdark-800:#232930;--cexdark-900:#20252B;--cexdark-950:#1F242A;/* Gray colors */ --gray-25:#FCFCFD;--gray-50:#F9FAFB;--gray-100:#F2F4F7;--gray-200:#E4E7EC;--gray-300:#D0D5DD;--gray-400:#98A2B3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#182230;--gray-900:#101828;--gray-950:#0C111D;/* Brand colors */ --brand-25:#F7FCFF;--brand-50:#EFFAFF;--brand-100:#DEF4FF;--brand-200:#B6EBFF;--brand-300:#75DEFF;--brand-400:#2CCEFF;--brand-500:#00A9E3;--brand-600:#0094D4;--brand-700:#0075AB;--brand-800:#00638D;--brand-900:#065274;--brand-950:#04344D;/* Error colors */ --error-25:#FFFBFA;--error-50:#FEF3F2;--error-100:#FEE4E2;--error-200:#FECDCA;--error-300:#FDA29B;--error-400:#F97066;--error-500:#F04438;--error-600:#D92D20;--error-700:#B42318;--error-800:#912018;--error-900:#7A271A;--error-950:#55160C;/* Warning colors */ --warning-25:#FFFCF5;--warning-50:#FFFAEB;--warning-100:#FEF0C7;--warning-200:#FEDF89;--warning-300:#FEC84B;--warning-400:#FDB022;--warning-500:#F79009;--warning-600:#DC6803;--warning-700:#B54708;--warning-800:#93370D;--warning-900:#7A2E0E;--warning-950:#4E1D09;/* Success colors */ --success-25:#F6FEF9;--success-50:#ECFDF3;--success-100:#DCFAE6;--success-200:#A9EFC5;--success-300:#75E0A7;--success-400:#47CD89;--success-500:#17B26A;--success-600:#079455;--success-700:#067647;--success-800:#085D3A;--success-900:#074D31;--success-950:#053321;/* Green colors */ --green-25:#F6FEF9;--green-50:#EDFCF2;--green-100:#D3F8DF;--green-200:#AAF0C4;--green-300:#73E2A3;--green-400:#3CCB7F;--green-500:#16B364;--green-600:#099250;--green-700:#087443;--green-800:#095C37;--green-900:#084C2E;--green-950:#052E1C;/* Gray blue colors */ --gray-blue-25:#FCFCFD;--gray-blue-50:#F8F9FC;--gray-blue-100:#EAECF5;--gray-blue-200:#D5D9EB;--gray-blue-300:#B3B8DB;--gray-blue-400:#717BBC;--gray-blue-500:#4E5BA6;--gray-blue-600:#3E4784;--gray-blue-700:#363F72;--gray-blue-800:#293056;--gray-blue-900:#101323;--gray-blue-950:#0D0F1C;/* Blue light colors */ --blue-light-25:#F5FBFF;--blue-light-50:#F0F9FF;--blue-light-100:#E0F2FE;--blue-light-200:#B9E6FE;--blue-light-300:#7CD4FD;--blue-light-400:#36BFFA;--blue-light-500:#0BA5EC;--blue-light-600:#0086C9;--blue-light-700:#026AA2;--blue-light-800:#065986;--blue-light-900:#0B4A6F;--blue-light-950:#062C41;/* Blue colors */ --blue-25:#F5FAFF;--blue-50:#EFF8FF;--blue-100:#D1E9FF;--blue-200:#B2DDFF;--blue-300:#84CAFF;--blue-400:#53B1FD;--blue-500:#2E90FA;--blue-600:#1570EF;--blue-700:#175CD3;--blue-800:#1849A9;--blue-900:#194185;--blue-950:#102A56;/* Indigo colors */ --indigo-25:#F5F8FF;--indigo-50:#EEF4FF;--indigo-100:#E0EAFF;--indigo-200:#C7D7FE;--indigo-300:#A4BCFD;--indigo-400:#8098F9;--indigo-500:#6172F3;--indigo-600:#444CE7;--indigo-700:#3538CD;--indigo-800:#2D31A6;--indigo-900:#2D3282;--indigo-950:#1F235B;/* Purple colors */ --purple-25:#FAFAFF;--purple-50:#F4F3FF;--purple-100:#EBE9FE;--purple-200:#D9D6FE;--purple-300:#BDB4FE;--purple-400:#9B8AFB;--purple-500:#7A5AF8;--purple-600:#6938EF;--purple-700:#5925DC;--purple-800:#4A1FB8;--purple-900:#3E1C96;--purple-950:#27115F;/* Yellow colors */ --yellow-25:#FEFDF0;--yellow-50:#FEFBE8;--yellow-100:#FEF7C3;--yellow-200:#FEEE95;--yellow-300:#FDE272;--yellow-400:#FAC515;--yellow-500:#EAAA08;--yellow-600:#CA8504;--yellow-700:#A15C07;--yellow-800:#854A0E;--yellow-900:#713B12;--yellow-950:#542C0D;/* Orange colors */ --orange-25:#FEFAF5;--orange-50:#FEF6EE;--orange-100:#FDEAD7;--orange-200:#F9DBAF;--orange-300:#F7B27A;--orange-400:#F38744;--orange-500:#EF6820;--orange-600:#E04F16;--orange-700:#B93815;--orange-800:#932F19;--orange-900:#772917;--orange-950:#511C10;}:root[data-theme="dark"]{--text:var(--white);--background:var(--cexdark-950);--cardBg:var(--cexdark-800);--darker:var(--cexdark-900);--primary:var(--brand-300);--darkBlue:#1ba3e0;--secondaryText:#b0dff4;--secondaryBg:#b0def412;--border:var(--cexdark-500);--borderDarker:#4d555e;--borderFaded:var(--cexdark-600);--grayTextPrimary:var(--gray-200);--grayTextSecondary:var(--gray-400);--scrollbar:#ffffff87;--shimmer:#ffffff0d;--completed:#079455;--inProgress:#fdb022;--notStarted:#f04438;--all:#667085;--bannerGradient:#1f242a;--purpleText:#9f70f7;--redText:var(--error-500);--yellowText:var(--warning-300);--greenText:var(--green-500);--hoverHighlight:var(--cexdark-700);--hoverHighlight:var(--yellow-400);--tableHover:#242a31;}:root[data-theme="light"]{--text:var(--gray-900);--background:var(--gray-25);--cardBg:var(--white);--darker:var(--gray-50);--primary:var(--brand-600);--darkBlue:#0094d4;--secondaryText:#0094d4;--secondaryBg:#effaff;--borderFaded:var(--gray-200);--border:var(--gray-300);--borderDarker:#c0c5cc;--grayTextPrimary:var(--gray-600);--grayTextSecondary:var(--gray-500);--scrollbar:#13294a91;--shimmer:#2828280d;--completed:#abefc6;--inProgress:#fedf89;--notStarted:#fecdca;--all:#e4e7ec;--bannerGradient:#f0f0f6;--purpleText:#7d41ed;--redText:var(--error-500);--yellowText:var(--warning-300);--greenText:var(--green-500);--hoverHighlight:var(--yellow-400);--highlightBorder:var(--yellow-500);--tableHover:#EDF0F5;}}@layer base{:root{/* Font weights */ --font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;/* Display 2xl */ --font-size-display-2xl:72px;--line-height-display-2xl:90px;--letter-spacing-display-2xl:-0.02em;/* Display xl */ --font-size-display-xl:60px;--line-height-display-xl:72px;--letter-spacing-display-xl:-0.02em;/* Display lg */ --font-size-display-lg:48px;--line-height-display-lg:60px;--letter-spacing-display-lg:-0.02em;/* Display md */ --font-size-display-md:36px;--line-height-display-md:44px;--letter-spacing-display-md:-0.02em;/* Display sm */ --font-size-display-sm:30px;--line-height-display-sm:38px;/* Display xs */ --font-size-display-xs:24px;--line-height-display-xs:32px;/* Text xl */ --font-size-text-xl:20px;--line-height-text-xl:30px;/* Text lg */ --font-size-text-lg:18px;--line-height-text-lg:28px;/* Text md */ --font-size-text-md:16px;--line-height-text-md:24px;/* Text sm */ --font-size-text-sm:14px;--line-height-text-sm:20px;/* Text xs */ --font-size-text-xs:12px;--line-height-text-xs:18px;}}:root{--shadow-xs:0px 1px 2px 0px #1018280D;--shadow-sm:0px 1px 2px 0px #1018280F,0px 1px 3px 0px #1018281A;--shadow-md:0px 2px 4px -2px #1018280F,0px 4px 8px -2px #1018281A;--shadow-lg:0px 4px 6px -2px #10182808,0px 12px 16px -4px #10182814;--shadow-xl:0px 24px 48px -12px #1018282E;--shadow-2xl:0px 24px 48px -12px #1018282E;--shadow-3xl:0px 32px 64px -12px #10182824;}:root{--spacing-0:0;--spacing-0_25:2px;--spacing-0_5:4px;--spacing-1:8px;--spacing-1_5:12px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-11:88px;--spacing-12:96px;--spacing-13:104px;--spacing-14:112px;--spacing-15:120px;--spacing-16:128px;}:root{--radius-none:0;--radius-xs:6px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:20px;--radius-max:500px;}@tailwind base;@tailwind components;@tailwind utilities;@layer loader{.loader{border-radius:50%;animation:spin 1s cubic-bezier(0.68,-0.55,0.27,1.55) infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}}body,html{background:var(--background);color:var(--text);font-family:Inter;}pre{background:transparent !important;}a{&:hover{color:var(--secondaryText);}}h1{@media screen and (min-width:768px){font-size:34px;}font-size:26px;font-weight:600;}h2{@media screen and (min-width:768px){font-size:24px;}font-size:20px;font-weight:600;}h3{@media screen and (min-width:768px){font-size:18px;}font-size:16px;font-weight:600;}li{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin-block:5px;}::-webkit-scrollbar-thumb{background:var(--scrollbar);opacity:0.5;border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}.shimmer{animation:fadeIn 500ms ease-out forwards,shimmer 2s linear infinite;animation-delay:0s,500ms;background:linear-gradient( to right,transparent 0%,var(--shimmer) 25%,transparent 50% );background-size:200% 100%;}.shimmer-no-fade{animation:shimmer 3s linear infinite;background:linear-gradient( to right,transparent 0%,var(--shimmer) 25%,transparent 50% );background-size:200% 100%;}.gold-shimmer{animation:shimmer 6s linear infinite;background:linear-gradient( to right,transparent 0%,#f8e65fcd 20%,transparent 5% );background-size:200% 100%;}.react-flow__handle{opacity:0;}[data-sonner-toast][data-styled="true"] [data-button]{background:transparent !important;}.react-syntax-highlighter-line-number{padding-right:10px !important;min-width:20px !important;}.sso-button{background-color:white;width:100%;margin-bottom:10px;border:1px solid var(--grey10);border-radius:10px;}.AccordionTrigger[data-state="open"] > .AccordionChevron{transform:rotate(180deg);}.react-flow__attribution{display:none !important;}::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');}.react-grid-placeholder{border-radius:var(--radius-s);background-color:var(--primary) !important;}.react-grid-item.cssTransforms{transition-property:none !important;}.customize-grid .react-grid-item.cssTransforms{transition-property:transform !important;}@keyframes loading-dots{0%{opacity:0.2;}100%{opacity:1;}}@keyframes marquee{0%{transform:translateX(0);}45%{transform:translateX(var(--scroll-distance));}55%{transform:translateX(var(--scroll-distance));}100%{transform:translateX(0);}}.range-slider-input{position:relative;z-index:10;width:100%;height:8px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none;}.range-slider-input::-webkit-slider-runnable-track{width:100%;height:8px;appearance:none;-webkit-appearance:none;border-radius:9999px;background:transparent;}.range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);border:1px solid var(--primary);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);margin-top:-8px;}.range-slider-input::-moz-range-track{width:100%;height:8px;border-radius:9999px;background:transparent;}.range-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);border:1px solid var(--primary);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:none;}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Props for the BlockCell component
|
|
3
|
+
*/
|
|
4
|
+
export interface BlockCellProps {
|
|
5
|
+
/**
|
|
6
|
+
* Block hash used for routing to block detail page.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <BlockCell hash="5f20df933584822601f9e3f8c024eb5eb252fe8cefb24d1317dc3d432e940ebb" no={10234567} />
|
|
10
|
+
*/
|
|
11
|
+
hash: string;
|
|
12
|
+
/**
|
|
13
|
+
* Block number to display.
|
|
14
|
+
* Will be formatted with thousand separators (e.g., "10,234,567").
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* <BlockCell hash="5f20..." no={10234567} />
|
|
18
|
+
* // Displays: "10,234,567"
|
|
19
|
+
*/
|
|
20
|
+
no: number;
|
|
21
|
+
/**
|
|
22
|
+
* Horizontal alignment of the block cell content.
|
|
23
|
+
*
|
|
24
|
+
* @default "end"
|
|
25
|
+
* @example
|
|
26
|
+
* // Right-aligned (default, for tables)
|
|
27
|
+
* <BlockCell hash="5f20..." no={10234567} justify="end" />
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* // Left-aligned
|
|
31
|
+
* <BlockCell hash="5f20..." no={10234567} justify="start" />
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* // Center-aligned
|
|
35
|
+
* <BlockCell hash="5f20..." no={10234567} justify="center" />
|
|
36
|
+
*/
|
|
37
|
+
justify?: "start" | "center" | "end";
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* BlockCell displays a Cardano block number as a formatted, clickable link.
|
|
41
|
+
*
|
|
42
|
+
* This component renders block numbers with automatic thousand separators and
|
|
43
|
+
* routing to block detail pages using the block hash. It's designed primarily
|
|
44
|
+
* for use in tables and lists where block information is displayed.
|
|
45
|
+
*
|
|
46
|
+
* **Key Features:**
|
|
47
|
+
* - Automatic link generation to `/block/$hash` route
|
|
48
|
+
* - Number formatting with thousand separators (10,234,567)
|
|
49
|
+
* - Configurable alignment (start, center, end) - right-aligned by default for tables
|
|
50
|
+
* - Type-safe routing with TanStack Router
|
|
51
|
+
*
|
|
52
|
+
* **Common Use Cases:**
|
|
53
|
+
* - Display block numbers in transaction tables
|
|
54
|
+
* - Show block information in epoch detail views
|
|
55
|
+
* - List recent blocks in dashboards
|
|
56
|
+
* - Display block references in governance proposals
|
|
57
|
+
* - Show block numbers in stake pool statistics
|
|
58
|
+
*
|
|
59
|
+
* @component
|
|
60
|
+
* @example
|
|
61
|
+
* ```tsx
|
|
62
|
+
* // Basic usage
|
|
63
|
+
* <BlockCell
|
|
64
|
+
* hash="5f20df933584822601f9e3f8c024eb5eb252fe8cefb24d1317dc3d432e940ebb"
|
|
65
|
+
* no={10234567}
|
|
66
|
+
* />
|
|
67
|
+
* // Renders: <Link to="/block/5f20...">10,234,567</Link>
|
|
68
|
+
* ```
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* ```tsx
|
|
72
|
+
* // In a transaction table
|
|
73
|
+
* <table>
|
|
74
|
+
* {transactions.map(tx => (
|
|
75
|
+
* <tr key={tx.hash}>
|
|
76
|
+
* <td>
|
|
77
|
+
* <BlockCell hash={tx.block_hash} no={tx.block_no} />
|
|
78
|
+
* </td>
|
|
79
|
+
* <td>{tx.hash}</td>
|
|
80
|
+
* </tr>
|
|
81
|
+
* ))}
|
|
82
|
+
* </table>
|
|
83
|
+
* ```
|
|
84
|
+
*
|
|
85
|
+
* @example
|
|
86
|
+
* ```tsx
|
|
87
|
+
* // Left-aligned for non-table contexts
|
|
88
|
+
* <BlockCell
|
|
89
|
+
* hash="5f20df933584822601f9e3f8c024eb5eb252fe8cefb24d1317dc3d432e940ebb"
|
|
90
|
+
* no={10234567}
|
|
91
|
+
* justify="start"
|
|
92
|
+
* />
|
|
93
|
+
* ```
|
|
94
|
+
*
|
|
95
|
+
* @example
|
|
96
|
+
* ```tsx
|
|
97
|
+
* // In an epoch detail view
|
|
98
|
+
* <div className="epoch-info">
|
|
99
|
+
* <span>Latest Block:</span>
|
|
100
|
+
* <BlockCell hash={latestBlock.hash} no={latestBlock.no} />
|
|
101
|
+
* </div>
|
|
102
|
+
* ```
|
|
103
|
+
*
|
|
104
|
+
* @param {BlockCellProps} props - Component props
|
|
105
|
+
* @param {string} props.hash - Block hash for routing
|
|
106
|
+
* @param {number} props.no - Block number to display
|
|
107
|
+
* @param {"start" | "center" | "end"} [props.justify="end"] - Horizontal alignment of content
|
|
108
|
+
* @returns {JSX.Element} A formatted block number link
|
|
109
|
+
*/
|
|
110
|
+
export declare const BlockCell: ({ hash, no, justify }: BlockCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
111
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/blockCell/index.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;;;;OAOG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,eAAO,MAAM,SAAS,GAAI,uBAA+B,cAAc,4CAUtE,CAAC"}
|
|
@@ -36,6 +36,15 @@ interface DateCellProps {
|
|
|
36
36
|
* @default false
|
|
37
37
|
*/
|
|
38
38
|
withoutConvert?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Show tooltip with persistent/absolute time on hover.
|
|
41
|
+
* Displays both absolute time (e.g., "14:43:57 Nov 27 2025")
|
|
42
|
+
* and relative time (e.g., "4y 5mo ago").
|
|
43
|
+
*
|
|
44
|
+
* @optional
|
|
45
|
+
* @default true
|
|
46
|
+
*/
|
|
47
|
+
showTooltip?: boolean;
|
|
39
48
|
}
|
|
40
49
|
/**
|
|
41
50
|
* Date display component showing relative time with automatic updates.
|
|
@@ -83,9 +92,18 @@ interface DateCellProps {
|
|
|
83
92
|
* />
|
|
84
93
|
* ```
|
|
85
94
|
*
|
|
95
|
+
* @example
|
|
96
|
+
* ```tsx
|
|
97
|
+
* // With tooltip disabled
|
|
98
|
+
* <DateCell
|
|
99
|
+
* time="2024-01-15T10:30:00Z"
|
|
100
|
+
* showTooltip={false}
|
|
101
|
+
* />
|
|
102
|
+
* ```
|
|
103
|
+
*
|
|
86
104
|
* @param {DateCellProps} props - Component props
|
|
87
105
|
* @returns {JSX.Element} Rendered date cell with relative time
|
|
88
106
|
*/
|
|
89
|
-
export declare const DateCell: ({ time, className, tabularNums, withoutConvert, }: DateCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
107
|
+
export declare const DateCell: ({ time, className, tabularNums, withoutConvert, showTooltip, }: DateCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
90
108
|
export {};
|
|
91
109
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dateCell/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dateCell/index.tsx"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,UAAU,aAAa;IACrB;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,eAAO,MAAM,QAAQ,GAAI,gEAMtB,aAAa,4CA2Cf,CAAC"}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Props for the EpochCell component
|
|
3
|
+
*/
|
|
4
|
+
export interface EpochCellProps {
|
|
5
|
+
/**
|
|
6
|
+
* Epoch number to display.
|
|
7
|
+
* If undefined, displays "-" placeholder.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* <EpochCell no={450} currentEpoch={455} />
|
|
11
|
+
*/
|
|
12
|
+
no: number | undefined;
|
|
13
|
+
/**
|
|
14
|
+
* Current epoch number for comparison and calculations.
|
|
15
|
+
* Used to determine if epoch is current and for subtraction logic.
|
|
16
|
+
*
|
|
17
|
+
* @optional
|
|
18
|
+
* @example
|
|
19
|
+
* <EpochCell no={450} currentEpoch={455} />
|
|
20
|
+
*/
|
|
21
|
+
currentEpoch?: number;
|
|
22
|
+
/**
|
|
23
|
+
* When true, displays the difference between currentEpoch and no instead of the epoch number.
|
|
24
|
+
* Requires currentEpoch to be provided.
|
|
25
|
+
*
|
|
26
|
+
* @default false
|
|
27
|
+
* @example
|
|
28
|
+
* // Shows "5" as a link (if currentEpoch is 455 and no is 450)
|
|
29
|
+
* <EpochCell no={450} currentEpoch={455} substractFromCurrent />
|
|
30
|
+
*/
|
|
31
|
+
substractFromCurrent?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* When true, shows a pulse dot next to the current epoch number.
|
|
34
|
+
* Shows an empty space for past epochs to maintain alignment.
|
|
35
|
+
*
|
|
36
|
+
* @default false
|
|
37
|
+
* @example
|
|
38
|
+
* <EpochCell no={455} currentEpoch={455} showPulseDot />
|
|
39
|
+
*/
|
|
40
|
+
showPulseDot?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Horizontal alignment of the epoch cell content.
|
|
43
|
+
*
|
|
44
|
+
* @default "end"
|
|
45
|
+
* @example
|
|
46
|
+
* // Right-aligned (default, for tables)
|
|
47
|
+
* <EpochCell no={450} currentEpoch={455} justify="end" />
|
|
48
|
+
*
|
|
49
|
+
* @example
|
|
50
|
+
* // Left-aligned
|
|
51
|
+
* <EpochCell no={450} currentEpoch={455} justify="start" />
|
|
52
|
+
*
|
|
53
|
+
* @example
|
|
54
|
+
* // Center-aligned
|
|
55
|
+
* <EpochCell no={450} currentEpoch={455} justify="center" />
|
|
56
|
+
*/
|
|
57
|
+
justify?: "start" | "center" | "end";
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* EpochCell displays a Cardano epoch number as a clickable link with optional pulse indicator.
|
|
61
|
+
*
|
|
62
|
+
* This component renders epoch numbers with automatic routing to epoch detail pages.
|
|
63
|
+
* It supports showing a pulse dot for the current epoch, displaying epoch differences,
|
|
64
|
+
* and handling future/past epochs differently.
|
|
65
|
+
*
|
|
66
|
+
* **Key Features:**
|
|
67
|
+
* - Automatic link generation to `/epoch/$no` route
|
|
68
|
+
* - Pulse dot indicator for current epoch
|
|
69
|
+
* - Option to display epoch difference (currentEpoch - no)
|
|
70
|
+
* - Handles undefined/null epochs gracefully
|
|
71
|
+
* - Future epochs displayed as plain text (not clickable)
|
|
72
|
+
* - Configurable alignment (start, center, end) - right-aligned by default for tables
|
|
73
|
+
*
|
|
74
|
+
* **Epoch Display Logic:**
|
|
75
|
+
* 1. If `no` is undefined → displays "-"
|
|
76
|
+
* 2. If `no` > `currentEpoch` → displays as plain text (future epoch)
|
|
77
|
+
* 3. If `substractFromCurrent` → displays difference as link
|
|
78
|
+
* 4. Otherwise → displays epoch number as link
|
|
79
|
+
* 5. If `showPulseDot` and is current epoch → shows animated pulse dot
|
|
80
|
+
*
|
|
81
|
+
* **Common Use Cases:**
|
|
82
|
+
* - Display epoch numbers in block/transaction tables
|
|
83
|
+
* - Show current epoch with pulse indicator in dashboards
|
|
84
|
+
* - Display relative epochs (e.g., "5 epochs ago" as just "5")
|
|
85
|
+
* - Epoch listings in governance proposals
|
|
86
|
+
* - Stake snapshot epoch displays
|
|
87
|
+
*
|
|
88
|
+
* @component
|
|
89
|
+
* @example
|
|
90
|
+
* ```tsx
|
|
91
|
+
* // Basic usage
|
|
92
|
+
* <EpochCell no={450} currentEpoch={455} />
|
|
93
|
+
* // Renders: <Link to="/epoch/450">450</Link>
|
|
94
|
+
* ```
|
|
95
|
+
*
|
|
96
|
+
* @example
|
|
97
|
+
* ```tsx
|
|
98
|
+
* // Current epoch with pulse dot
|
|
99
|
+
* <EpochCell no={455} currentEpoch={455} showPulseDot />
|
|
100
|
+
* // Renders: <PulseDot /> <Link to="/epoch/455">455</Link>
|
|
101
|
+
* ```
|
|
102
|
+
*
|
|
103
|
+
* @example
|
|
104
|
+
* ```tsx
|
|
105
|
+
* // Show difference from current epoch
|
|
106
|
+
* <EpochCell no={450} currentEpoch={455} substractFromCurrent />
|
|
107
|
+
* // Renders: <Link to="/epoch/5">5</Link> (455 - 450)
|
|
108
|
+
* ```
|
|
109
|
+
*
|
|
110
|
+
* @example
|
|
111
|
+
* ```tsx
|
|
112
|
+
* // Future epoch (not clickable)
|
|
113
|
+
* <EpochCell no={460} currentEpoch={455} />
|
|
114
|
+
* // Renders: <span>460</span>
|
|
115
|
+
* ```
|
|
116
|
+
*
|
|
117
|
+
* @example
|
|
118
|
+
* ```tsx
|
|
119
|
+
* // Left-aligned epoch (for non-table contexts)
|
|
120
|
+
* <EpochCell no={450} currentEpoch={455} justify="start" />
|
|
121
|
+
* ```
|
|
122
|
+
*
|
|
123
|
+
* @example
|
|
124
|
+
* ```tsx
|
|
125
|
+
* // Center-aligned epoch
|
|
126
|
+
* <EpochCell no={450} currentEpoch={455} justify="center" />
|
|
127
|
+
* ```
|
|
128
|
+
*
|
|
129
|
+
* @example
|
|
130
|
+
* ```tsx
|
|
131
|
+
* // In a table with current epoch indicator
|
|
132
|
+
* <table>
|
|
133
|
+
* {epochs.map(epoch => (
|
|
134
|
+
* <tr key={epoch.no}>
|
|
135
|
+
* <td>
|
|
136
|
+
* <EpochCell
|
|
137
|
+
* no={epoch.no}
|
|
138
|
+
* currentEpoch={currentEpoch}
|
|
139
|
+
* showPulseDot
|
|
140
|
+
* />
|
|
141
|
+
* </td>
|
|
142
|
+
* </tr>
|
|
143
|
+
* ))}
|
|
144
|
+
* </table>
|
|
145
|
+
* ```
|
|
146
|
+
*
|
|
147
|
+
* @param {EpochCellProps} props - Component props
|
|
148
|
+
* @param {number | undefined} props.no - Epoch number to display
|
|
149
|
+
* @param {number} [props.currentEpoch] - Current epoch for comparison
|
|
150
|
+
* @param {boolean} [props.substractFromCurrent=false] - Display difference instead of epoch number
|
|
151
|
+
* @param {boolean} [props.showPulseDot=false] - Show pulse dot for current epoch
|
|
152
|
+
* @param {"start" | "center" | "end"} [props.justify="end"] - Horizontal alignment of content
|
|
153
|
+
* @returns {JSX.Element} An epoch link or text with optional pulse indicator
|
|
154
|
+
*/
|
|
155
|
+
export declare const EpochCell: ({ no, currentEpoch, substractFromCurrent, showPulseDot, justify, }: EpochCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
156
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/epochCell/index.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IAEvB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;OAQG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,eAAO,MAAM,SAAS,GAAI,oEAMvB,cAAc,4CAoDhB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface FormatStringComponentProps {
|
|
2
|
+
text: string;
|
|
3
|
+
truncated: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const FormatStringComponent: ({ text, truncated, className, }: FormatStringComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/formatStringComponent/index.tsx"],"names":[],"mappings":"AAEA,UAAU,0BAA0B;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,GAAI,iCAInC,0BAA0B,4CAsD5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/globalSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/globalSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkO9C,CAAC"}
|
|
@@ -62,6 +62,10 @@ export interface HeaderProps {
|
|
|
62
62
|
* Whether this is a custom page variant with centered title and no search.
|
|
63
63
|
*/
|
|
64
64
|
customPage?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Removes search input
|
|
67
|
+
*/
|
|
68
|
+
withoutSearch?: boolean;
|
|
65
69
|
}
|
|
66
70
|
/**
|
|
67
71
|
* Page header component with breadcrumbs, title, search, and ads.
|
|
@@ -123,5 +127,5 @@ export interface HeaderProps {
|
|
|
123
127
|
* />
|
|
124
128
|
* ```
|
|
125
129
|
*/
|
|
126
|
-
export declare const Header: ({ breadcrumbItems, breadcrumbSeparator, title, subTitle, badge, qrCode, isHomepage, miscBasic: miscBasicQuery, useFetchMiscSearch, locale, homepageAd, customPage, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
130
|
+
export declare const Header: ({ breadcrumbItems, breadcrumbSeparator, title, subTitle, badge, qrCode, isHomepage, miscBasic: miscBasicQuery, useFetchMiscSearch, locale, homepageAd, customPage, withoutSearch, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
127
131
|
//# sourceMappingURL=index.d.ts.map
|