datastake-daf 0.6.185 → 0.6.186

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/components/index.js +10 -13
  2. package/package.json +1 -1
  3. package/src/@daf/core/components/Dashboard/Globe/index.jsx +11 -10
  4. package/src/@daf/core/components/Dashboard/Globe/style.js +1 -4
package/dist/components/index.js CHANGED
@@ -18715,8 +18715,7 @@ const Style$A = dt.div`
18715
18715
  flex-direction: row;
18716
18716
  position: relative;
18717
18717
  width: 100%;
18718
- height: 100%;
18719
- min-height: 400px;
18718
+ height: 472px;
18720
18719
 
18721
18720
  .filter-cont {
18722
18721
  position: absolute;
@@ -18807,8 +18806,6 @@ const Style$A = dt.div`
18807
18806
  flex: 1;
18808
18807
  background: rgb(0, 0, 0);
18809
18808
  z-index: 1;
18810
- width: 100%;
18811
- height: 100%;
18812
18809
 
18813
18810
  /* Mapbox GL JS specific styles */
18814
18811
  .mapboxgl-ctrl-top-right {
@@ -20122,20 +20119,20 @@ function Globe(_ref) {
20122
20119
  }
20123
20120
  }, [isCollapsed, forceResize]);
20124
20121
 
20125
- // Add window resize listener as backup
20122
+ // Force resize when window width changes (handles sidebar width changes)
20126
20123
  React.useEffect(() => {
20127
- const handleWindowResize = () => {
20128
- if (forceResize) {
20124
+ if (forceResize) {
20125
+ const handleResize = () => {
20129
20126
  // Small delay to ensure DOM has updated
20130
20127
  setTimeout(() => {
20131
20128
  forceResize();
20132
20129
  }, 100);
20133
- }
20134
- };
20135
- window.addEventListener('resize', handleWindowResize);
20136
- return () => {
20137
- window.removeEventListener('resize', handleWindowResize);
20138
- };
20130
+ };
20131
+ window.addEventListener('resize', handleResize);
20132
+ return () => {
20133
+ window.removeEventListener('resize', handleResize);
20134
+ };
20135
+ }
20139
20136
  }, [forceResize]);
20140
20137
  return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
20141
20138
  children: /*#__PURE__*/jsxRuntime.jsxs(Style$A, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datastake-daf",
3
- "version": "0.6.185",
3
+ "version": "0.6.186",
4
4
  "dependencies": {
5
5
  "@ant-design/icons": "^5.2.5",
6
6
  "@antv/g2": "^5.1.1",
package/src/@daf/core/components/Dashboard/Globe/index.jsx CHANGED
@@ -187,24 +187,25 @@ function Globe({
187
187
  }
188
188
  }, [isCollapsed, forceResize]);
189
189
 
190
- // Add window resize listener as backup
190
+ // Force resize when window width changes (handles sidebar width changes)
191
191
  useEffect(() => {
192
- const handleWindowResize = () => {
193
- if (forceResize) {
192
+ if (forceResize) {
193
+ const handleResize = () => {
194
194
  // Small delay to ensure DOM has updated
195
195
  setTimeout(() => {
196
196
  forceResize();
197
197
  }, 100);
198
- }
199
- };
198
+ };
200
199
 
201
- window.addEventListener('resize', handleWindowResize);
202
-
203
- return () => {
204
- window.removeEventListener('resize', handleWindowResize);
205
- };
200
+ window.addEventListener('resize', handleResize);
201
+
202
+ return () => {
203
+ window.removeEventListener('resize', handleResize);
204
+ };
205
+ }
206
206
  }, [forceResize]);
207
207
 
208
+
208
209
  return (
209
210
  <ComponentWithFocus>
210
211
  <Style className={formatClassname([showSider && activeMarker && "with-sider"])}>
package/src/@daf/core/components/Dashboard/Globe/style.js CHANGED
@@ -5,8 +5,7 @@ const Style = styled.div`
5
5
  flex-direction: row;
6
6
  position: relative;
7
7
  width: 100%;
8
- height: 100%;
9
- min-height: 400px;
8
+ height: 472px;
10
9
 
11
10
  .filter-cont {
12
11
  position: absolute;
@@ -97,8 +96,6 @@ const Style = styled.div`
97
96
  flex: 1;
98
97
  background: rgb(0, 0, 0);
99
98
  z-index: 1;
100
- width: 100%;
101
- height: 100%;
102
99
 
103
100
  /* Mapbox GL JS specific styles */
104
101
  .mapboxgl-ctrl-top-right {