finsignal-feed-explore 2.1.6 → 2.2.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.
Files changed (4) hide show
  1. package/dist/filters/FiltersOverlay.css +30 -54
  2. package/dist/filters/FiltersOverlay.js +14 -13
  3. package/dist/filters/FiltersOverlay.js.map +1 -1
  4. package/package.json +1 -1
package/dist/filters/FiltersOverlay.css CHANGED
@@ -1,72 +1,39 @@
1
1
  .filters-overlay {
2
- position: fixed;
2
+ position: absolute;
3
3
  top: 0;
4
4
  left: 0;
5
5
  right: 0;
6
6
  bottom: 0;
7
- background: rgba(0, 0, 0, 0.5);
8
- display: flex;
9
- align-items: center;
10
- justify-content: center;
11
- z-index: 1000;
12
- animation: fadeIn 0.2s ease;
13
- }
14
-
15
- @keyframes fadeIn {
16
- from {
17
- opacity: 0;
18
- }
19
- to {
20
- opacity: 1;
21
- }
22
- }
23
-
24
- .filters-overlay__container {
25
7
  background: #ffffff;
26
- border-radius: 24px;
27
- width: 90%;
28
- max-width: 600px;
29
- max-height: 80vh;
30
8
  display: flex;
31
9
  flex-direction: column;
32
- box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
33
- animation: slideUp 0.3s ease;
10
+ z-index: 100;
11
+ animation: slideInFromRight 0.3s ease;
34
12
  }
35
13
 
36
- @keyframes slideUp {
14
+ @keyframes slideInFromRight {
37
15
  from {
38
- transform: translateY(20px);
39
- opacity: 0;
16
+ transform: translateX(100%);
40
17
  }
41
18
  to {
42
- transform: translateY(0);
43
- opacity: 1;
19
+ transform: translateX(0);
44
20
  }
45
21
  }
46
22
 
47
23
  .filters-overlay__header {
48
24
  display: flex;
49
25
  align-items: center;
50
- justify-content: space-between;
51
- padding: 20px 24px;
26
+ gap: 12px;
27
+ padding: 16px 16px;
52
28
  border-bottom: 1px solid rgba(4, 4, 5, 0.08);
29
+ flex-shrink: 0;
53
30
  }
54
31
 
55
- .filters-overlay__title {
56
- font-size: 24px;
57
- font-weight: 700;
58
- line-height: 32px;
59
- color: #040405;
60
- margin: 0;
61
- }
62
-
63
- .filters-overlay__close {
64
- width: 36px;
65
- height: 36px;
32
+ .filters-overlay__back {
33
+ width: 40px;
34
+ height: 40px;
66
35
  border: none;
67
36
  background: transparent;
68
- font-size: 32px;
69
- line-height: 1;
70
37
  color: #040405;
71
38
  cursor: pointer;
72
39
  display: flex;
@@ -74,34 +41,43 @@
74
41
  justify-content: center;
75
42
  border-radius: 8px;
76
43
  transition: background-color 0.2s ease;
44
+ padding: 0;
77
45
  }
78
46
 
79
- .filters-overlay__close:hover {
47
+ .filters-overlay__back:hover {
80
48
  background: rgba(4, 4, 5, 0.06);
81
49
  }
82
50
 
51
+ .filters-overlay__title {
52
+ font-size: 20px;
53
+ font-weight: 600;
54
+ line-height: 28px;
55
+ color: #040405;
56
+ margin: 0;
57
+ }
58
+
83
59
  .filters-overlay__content {
84
60
  flex: 1;
85
61
  overflow-y: auto;
86
- padding: 24px;
62
+ padding: 16px;
87
63
  display: flex;
88
64
  flex-direction: column;
89
- gap: 32px;
65
+ gap: 24px;
90
66
  }
91
67
 
92
68
  .filters-overlay__category {
93
69
  display: flex;
94
70
  flex-direction: column;
95
- gap: 20px;
71
+ gap: 12px;
96
72
  }
97
73
 
98
74
  .filters-overlay__category-title {
99
- font-size: 28px;
100
- font-weight: 700;
101
- line-height: 32px;
102
- color: rgba(4, 4, 5, 0.12);
75
+ font-size: 14px;
76
+ font-weight: 400;
77
+ line-height: 20px;
78
+ color: rgba(4, 4, 5, 0.56);
103
79
  margin: 0;
104
- padding: 0 8px;
80
+ padding: 0;
105
81
  }
106
82
 
107
83
  .filters-overlay__chips {
package/dist/filters/FiltersOverlay.js CHANGED
@@ -34,18 +34,19 @@ export const FiltersOverlay = ({ isOpen, selectedFilters, onClose, onApply, onRe
34
34
  onReset();
35
35
  }
36
36
  };
37
- return (React.createElement("div", { className: "filters-overlay", onClick: onClose },
38
- React.createElement("div", { className: "filters-overlay__container", onClick: (e) => e.stopPropagation() },
39
- React.createElement("div", { className: "filters-overlay__header" },
40
- React.createElement("h2", { className: "filters-overlay__title" }, "Filters"),
41
- React.createElement("button", { className: "filters-overlay__close", onClick: onClose, "aria-label": "Close" }, "\u00D7")),
42
- React.createElement("div", { className: "filters-overlay__content" }, Array.from(groupedEvents.entries()).map(([category, events]) => (React.createElement("div", { key: category, className: "filters-overlay__category" },
43
- React.createElement("h3", { className: "filters-overlay__category-title" }, category),
44
- React.createElement("div", { className: "filters-overlay__chips" }, events.map((event) => (React.createElement(Chip, { key: event.key, label: event.name, selected: localSelected.includes(event.key), onToggle: () => handleToggle(event.key) })))))))),
45
- React.createElement("div", { className: "filters-overlay__footer" },
46
- React.createElement("button", { className: "filters-overlay__btn filters-overlay__btn--reset", onClick: handleReset }, "Reset"),
47
- React.createElement("button", { className: "filters-overlay__btn filters-overlay__btn--apply", onClick: handleApply },
48
- "Apply ",
49
- localSelected.length > 0 && `(${localSelected.length})`)))));
37
+ return (React.createElement("div", { className: "filters-overlay" },
38
+ React.createElement("div", { className: "filters-overlay__header" },
39
+ React.createElement("button", { className: "filters-overlay__back", onClick: onClose, "aria-label": "Back" },
40
+ React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
41
+ React.createElement("path", { d: "M15 18L9 12L15 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))),
42
+ React.createElement("h2", { className: "filters-overlay__title" }, "Filters")),
43
+ React.createElement("div", { className: "filters-overlay__content" }, Array.from(groupedEvents.entries()).map(([category, events]) => (React.createElement("div", { key: category, className: "filters-overlay__category" },
44
+ React.createElement("h3", { className: "filters-overlay__category-title" }, category),
45
+ React.createElement("div", { className: "filters-overlay__chips" }, events.map((event) => (React.createElement(Chip, { key: event.key, label: event.name, selected: localSelected.includes(event.key), onToggle: () => handleToggle(event.key) })))))))),
46
+ React.createElement("div", { className: "filters-overlay__footer" },
47
+ React.createElement("button", { className: "filters-overlay__btn filters-overlay__btn--reset", onClick: handleReset }, "Reset"),
48
+ React.createElement("button", { className: "filters-overlay__btn filters-overlay__btn--apply", onClick: handleApply },
49
+ "Apply ",
50
+ localSelected.length > 0 && `(${localSelected.length})`))));
50
51
  };
51
52
  //# sourceMappingURL=FiltersOverlay.js.map
package/dist/filters/FiltersOverlay.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FiltersOverlay.js","sourceRoot":"","sources":["../../src/filters/FiltersOverlay.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FiltersOverlay.js","sourceRoot":"","sources":["../../src/filters/FiltersOverlay.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "finsignal-feed-explore",
3
- "version": "2.1.6",
3
+ "version": "2.2.0",
4
4
  "description": "News feed explorer components for React web applications",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",