finsignal-feed-explore 2.3.4 → 2.4.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/README.md
CHANGED
|
@@ -2,9 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
News feed explorer components for React web applications. A comprehensive library for displaying and interacting with financial news feeds.
|
|
4
4
|
|
|
5
|
-
## Version 2.
|
|
5
|
+
## Version 2.4.0 - FilterButton Component 🎯
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
New in this version:
|
|
8
|
+
- ✨ **FilterButton** - Self-contained filter button component with three states
|
|
9
|
+
- 🔄 Seamless integration with FeedList for filter management
|
|
10
|
+
- 🎨 Customizable colors for icons and badge
|
|
11
|
+
- 📦 Fully typed with TypeScript
|
|
12
|
+
|
|
13
|
+
### Previous Updates (2.0.0) - Major Design Update 🎨
|
|
14
|
+
|
|
15
|
+
Version 2.0.0 included a complete redesign to match the native app UI:
|
|
8
16
|
- ✨ Larger, bolder titles (20px, 700 weight) for better readability
|
|
9
17
|
- 🎯 Improved source display with circular logos positioned after title
|
|
10
18
|
- 📐 Better content hierarchy and spacing matching native design
|
|
@@ -416,17 +424,45 @@ This ensures users always see content, even during development or API downtime.
|
|
|
416
424
|
|
|
417
425
|
## Development
|
|
418
426
|
|
|
427
|
+
### Building the package
|
|
428
|
+
|
|
419
429
|
```bash
|
|
420
430
|
# Install dependencies
|
|
421
431
|
npm install
|
|
422
432
|
|
|
423
|
-
# Build
|
|
433
|
+
# Build the package
|
|
424
434
|
npm run build
|
|
435
|
+
```
|
|
425
436
|
|
|
426
|
-
|
|
437
|
+
The build process:
|
|
438
|
+
1. Compiles TypeScript files to JavaScript
|
|
439
|
+
2. Generates type definitions (.d.ts files)
|
|
440
|
+
3. Copies all CSS files to dist directory
|
|
441
|
+
|
|
442
|
+
### Testing locally
|
|
443
|
+
|
|
444
|
+
Before publishing, test the package locally:
|
|
445
|
+
|
|
446
|
+
```bash
|
|
447
|
+
# In the package directory
|
|
448
|
+
npm link
|
|
449
|
+
|
|
450
|
+
# In your test project (e.g., trading-diary-master/frontend)
|
|
451
|
+
npm link finsignal-feed-explore
|
|
452
|
+
```
|
|
453
|
+
|
|
454
|
+
### Publishing
|
|
455
|
+
|
|
456
|
+
```bash
|
|
457
|
+
# Update version in package.json (e.g., 2.4.0 -> 2.4.1)
|
|
458
|
+
# Update CHANGELOG.md with new changes
|
|
459
|
+
|
|
460
|
+
# Build and publish (build runs automatically before publish)
|
|
427
461
|
npm publish
|
|
428
462
|
```
|
|
429
463
|
|
|
464
|
+
**Note:** The `prepublishOnly` script automatically runs `npm run build` before publishing.
|
|
465
|
+
|
|
430
466
|
## Peer Dependencies
|
|
431
467
|
|
|
432
468
|
- `react`: >=18.0.0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../src/components/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../src/components/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAIhC,aAAa,EAAE,OAAO,CAAC;IAKvB,WAAW,EAAE,MAAM,CAAC;IAKpB,OAAO,EAAE,MAAM,IAAI,CAAC;IAKpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAMxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAMzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAM9B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA4BD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiFpD,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import './FilterButton.css';
|
|
3
2
|
export const FilterButton = ({ isFiltersOpen, filterCount, onClick, className = '', closeIconColor = '#7863F6', filterIconColor = '#242429', badgeBackgroundColor = '#2d3339', badgeTextColor = '#ffffff' }) => {
|
|
4
3
|
if (isFiltersOpen) {
|
|
5
4
|
return (React.createElement("button", { onClick: onClick, className: `filter-button ${className}`, "aria-label": "Close filters" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../src/components/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../src/components/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0E1B,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,aAAa,EACb,WAAW,EACX,OAAO,EACP,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,SAAS,EAC1B,eAAe,GAAG,SAAS,EAC3B,oBAAoB,GAAG,SAAS,EAChC,cAAc,GAAG,SAAS,EAC3B,EAAE,EAAE;IAEH,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,iBAAiB,SAAS,EAAE,gBAC5B,eAAe;YAE1B,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,8BACE,CAAC,EAAC,sBAAsB,EACxB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACC,CACV,CAAC;IACJ,CAAC;IAGD,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;QACpB,OAAO,CACL,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,2CAA2C,SAAS,EAAE,gBACrD,iBAAiB,WAAW,WAAW;YAEnD,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,8BACE,CAAC,EAAC,iCAAiC,EACnC,MAAM,EAAE,eAAe,EACvB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YACN,6BACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE;oBACL,eAAe,EAAE,oBAAoB;oBACrC,KAAK,EAAE,cAAc;iBACtB;gBAED,8BAAM,SAAS,EAAC,2BAA2B,IACxC,WAAW,CACP,CACH,CACC,CACV,CAAC;IACJ,CAAC;IAGD,OAAO,CACL,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,iBAAiB,SAAS,EAAE,gBAC5B,cAAc;QAEzB,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC5F,8BACE,CAAC,EAAC,iCAAiC,EACnC,MAAM,EAAE,eAAe,EACvB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACC,CACV,CAAC;AACJ,CAAC,CAAC"}
|