datastake-daf 0.6.717 → 0.6.719

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 (7) hide show
  1. package/dist/components/index.js +10 -37
  2. package/dist/hooks/index.js +19 -4658
  3. package/dist/pages/index.js +10 -37
  4. package/dist/style/datastake/mapbox-gl.css +330 -0
  5. package/dist/utils/index.js +0 -1
  6. package/package.json +1 -1
  7. package/src/@daf/core/components/Dashboard/Widget/index.jsx +5 -25
package/dist/pages/index.js CHANGED
@@ -7136,7 +7136,6 @@ function Widget({
7136
7136
  addedHeaderFirst = false,
7137
7137
  expandable = false,
7138
7138
  defaultExpanded,
7139
- isCollapsable = false,
7140
7139
  defaultCollapsed = false,
7141
7140
  onExpandChange,
7142
7141
  description
@@ -7166,11 +7165,8 @@ function Widget({
7166
7165
  onExpandChange(isExpanded);
7167
7166
  }
7168
7167
  }, [isExpanded, expandable, onExpandChange]);
7169
- const handleCollapseToggle = () => {
7170
- setIsCollapsed(!isCollapsed);
7171
- };
7172
7168
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
7173
- className: formatClassname(["daf-widget", "flex-1", className, !!tabsConfig && "with-tabs", isCollapsable && isCollapsed && "collapsed-widget"]),
7169
+ className: formatClassname(["daf-widget", "flex-1", className, !!tabsConfig && "with-tabs", isCollapsed && "collapsed-widget"]),
7174
7170
  children: [loading && fullWidgetLoading && /*#__PURE__*/jsxRuntime.jsx(Loader, {
7175
7171
  background: "white"
7176
7172
  }), !noTitle && /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -7213,27 +7209,8 @@ function Widget({
7213
7209
  },
7214
7210
  onClick: () => setShowFilters(p => !p)
7215
7211
  })
7216
- }), addedHeaderFirst && addedHeader, isCollapsable && /*#__PURE__*/jsxRuntime.jsx("div", {
7217
- className: "flex justify-content-end",
7218
- children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
7219
- className: "squareIconButton no-min-width",
7220
- style: {
7221
- height: '32px',
7222
- width: '32px'
7223
- },
7224
- onClick: handleCollapseToggle,
7225
- icon: isCollapsed ? /*#__PURE__*/jsxRuntime.jsx(icons.RightOutlined, {
7226
- style: {
7227
- width: 16
7228
- }
7229
- }) : /*#__PURE__*/jsxRuntime.jsx(icons.DownOutlined, {
7230
- style: {
7231
- width: 16
7232
- }
7233
- })
7234
- })
7235
- }), expandable ? /*#__PURE__*/jsxRuntime.jsx("div", {
7236
- className: formatClassname([!(filtersConfig || addedHeaderFirst || isCollapsable) && "flex-1", "flex justify-content-end"]),
7212
+ }), addedHeaderFirst && addedHeader, expandable ? /*#__PURE__*/jsxRuntime.jsx("div", {
7213
+ className: formatClassname([!(filtersConfig || addedHeaderFirst) && "flex-1", "flex justify-content-end"]),
7237
7214
  children: /*#__PURE__*/jsxRuntime.jsx("div", {
7238
7215
  className: "flex flex-column",
7239
7216
  ...getToggleProps(),
@@ -7241,21 +7218,18 @@ function Widget({
7241
7218
  className: "squareIconButton no-min-width",
7242
7219
  style: {
7243
7220
  height: '32px',
7244
- width: '32px'
7221
+ width: '32px',
7222
+ justifyContent: 'center',
7223
+ alignItems: 'center',
7224
+ display: 'flex'
7245
7225
  },
7246
7226
  icon: !isExpanded ? /*#__PURE__*/jsxRuntime.jsx(icons.RightOutlined, {
7247
7227
  style: {
7248
- width: 16,
7249
- paddingTop: "4px"
7228
+ width: 16
7250
7229
  }
7251
- }) :
7252
- /*#__PURE__*/
7253
- //<PlusOutlined style={{width: 10}} />
7254
- //<MinusOutlined style={{ width: 10 }} />
7255
- jsxRuntime.jsx(icons.DownOutlined, {
7230
+ }) : /*#__PURE__*/jsxRuntime.jsx(icons.DownOutlined, {
7256
7231
  style: {
7257
- width: 16,
7258
- paddingTop: "4px"
7232
+ width: 16
7259
7233
  }
7260
7234
  })
7261
7235
  })
@@ -7300,7 +7274,6 @@ Widget.propTypes = {
7300
7274
  expandable: PropTypes__default["default"].any,
7301
7275
  defaultExpanded: PropTypes__default["default"].any,
7302
7276
  addedHeaderFirst: PropTypes__default["default"].bool,
7303
- isCollapsable: PropTypes__default["default"].bool,
7304
7277
  defaultCollapsed: PropTypes__default["default"].bool,
7305
7278
  onExpandChange: PropTypes__default["default"].func,
7306
7279
  description: PropTypes__default["default"].string
package/dist/style/datastake/mapbox-gl.css ADDED
@@ -0,0 +1,330 @@
1
+ /* Isolated Mapbox GL CSS - Scoped to prevent Leaflet conflicts */
2
+
3
+ /* Mapbox GL Core Styles - Scoped with .mapbox-gl-scope */
4
+ .mapbox-gl-scope .mapboxgl-map {
5
+ font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
6
+ overflow: hidden;
7
+ position: relative;
8
+ -webkit-tap-highlight-color: rgb(0 0 0/0);
9
+ }
10
+
11
+ .mapbox-gl-scope .mapboxgl-canvas {
12
+ left: 0;
13
+ position: absolute;
14
+ top: 0;
15
+ }
16
+
17
+ .mapbox-gl-scope .mapboxgl-map:-webkit-full-screen {
18
+ height: 100%;
19
+ width: 100%;
20
+ }
21
+
22
+ .mapbox-gl-scope .mapboxgl-canary {
23
+ background-color: salmon;
24
+ }
25
+
26
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive,
27
+ .mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
28
+ cursor: grab;
29
+ -webkit-user-select: none;
30
+ user-select: none;
31
+ }
32
+
33
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
34
+ cursor: pointer;
35
+ }
36
+
37
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive:active,
38
+ .mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
39
+ cursor: grabbing;
40
+ }
41
+
42
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
43
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
44
+ touch-action: pan-x pan-y;
45
+ }
46
+
47
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
48
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
49
+ touch-action: pinch-zoom;
50
+ }
51
+
52
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
53
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
54
+ touch-action: none;
55
+ }
56
+
57
+ /* Control positioning */
58
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom,
59
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-left,
60
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-right,
61
+ .mapbox-gl-scope .mapboxgl-ctrl-left,
62
+ .mapbox-gl-scope .mapboxgl-ctrl-right,
63
+ .mapbox-gl-scope .mapboxgl-ctrl-top,
64
+ .mapbox-gl-scope .mapboxgl-ctrl-top-left,
65
+ .mapbox-gl-scope .mapboxgl-ctrl-top-right {
66
+ pointer-events: none;
67
+ position: absolute;
68
+ z-index: 2;
69
+ }
70
+
71
+ .mapbox-gl-scope .mapboxgl-ctrl-top-left {
72
+ left: 0;
73
+ top: 0;
74
+ }
75
+
76
+ .mapbox-gl-scope .mapboxgl-ctrl-top {
77
+ left: 50%;
78
+ top: 0;
79
+ transform: translateX(-50%);
80
+ }
81
+
82
+ .mapbox-gl-scope .mapboxgl-ctrl-top-right {
83
+ right: 0;
84
+ top: 0;
85
+ }
86
+
87
+ .mapbox-gl-scope .mapboxgl-ctrl-right {
88
+ right: 0;
89
+ top: 50%;
90
+ transform: translateY(-50%);
91
+ }
92
+
93
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-right {
94
+ bottom: 0;
95
+ right: 0;
96
+ }
97
+
98
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom {
99
+ bottom: 0;
100
+ left: 50%;
101
+ transform: translateX(-50%);
102
+ }
103
+
104
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-left {
105
+ bottom: 0;
106
+ left: 0;
107
+ }
108
+
109
+ .mapbox-gl-scope .mapboxgl-ctrl-left {
110
+ left: 0;
111
+ top: 50%;
112
+ transform: translateY(-50%);
113
+ }
114
+
115
+ .mapbox-gl-scope .mapboxgl-ctrl {
116
+ clear: both;
117
+ pointer-events: auto;
118
+ transform: translate(0);
119
+ }
120
+
121
+ .mapbox-gl-scope .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
122
+ float: left;
123
+ margin: 10px 0 0 10px;
124
+ }
125
+
126
+ .mapbox-gl-scope .mapboxgl-ctrl-top .mapboxgl-ctrl {
127
+ float: left;
128
+ margin: 10px 0;
129
+ }
130
+
131
+ .mapbox-gl-scope .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
132
+ float: right;
133
+ margin: 10px 10px 0 0;
134
+ }
135
+
136
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
137
+ .mapbox-gl-scope .mapboxgl-ctrl-right .mapboxgl-ctrl {
138
+ float: right;
139
+ margin: 0 10px 10px 0;
140
+ }
141
+
142
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom .mapboxgl-ctrl {
143
+ float: left;
144
+ margin: 10px 0;
145
+ }
146
+
147
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
148
+ .mapbox-gl-scope .mapboxgl-ctrl-left .mapboxgl-ctrl {
149
+ float: left;
150
+ margin: 0 0 10px 10px;
151
+ }
152
+
153
+ /* Control group styling */
154
+ .mapbox-gl-scope .mapboxgl-ctrl-group {
155
+ background: #fff;
156
+ border-radius: 4px;
157
+ }
158
+
159
+ .mapbox-gl-scope .mapboxgl-ctrl-group:not(:empty) {
160
+ box-shadow: 0 0 0 2px #0000001a;
161
+ }
162
+
163
+ .mapbox-gl-scope .mapboxgl-ctrl-group button {
164
+ background-color: initial;
165
+ border: 0;
166
+ box-sizing: border-box;
167
+ cursor: pointer;
168
+ display: block;
169
+ height: 29px;
170
+ outline: none;
171
+ overflow: hidden;
172
+ padding: 0;
173
+ width: 29px;
174
+ }
175
+
176
+ .mapbox-gl-scope .mapboxgl-ctrl-group button+button {
177
+ border-top: 1px solid #ddd;
178
+ }
179
+
180
+ .mapbox-gl-scope .mapboxgl-ctrl button .mapboxgl-ctrl-icon {
181
+ background-position: 50%;
182
+ background-repeat: no-repeat;
183
+ display: block;
184
+ height: 100%;
185
+ width: 100%;
186
+ }
187
+
188
+ .mapbox-gl-scope .mapboxgl-ctrl-attrib-button:focus,
189
+ .mapbox-gl-scope .mapboxgl-ctrl-group button:focus {
190
+ box-shadow: 0 0 2px 2px #0096ff;
191
+ }
192
+
193
+ .mapbox-gl-scope .mapboxgl-ctrl button:disabled {
194
+ cursor: not-allowed;
195
+ }
196
+
197
+ .mapbox-gl-scope .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
198
+ opacity: .25;
199
+ }
200
+
201
+ .mapbox-gl-scope .mapboxgl-ctrl-group button:first-child {
202
+ border-radius: 4px 4px 0 0;
203
+ }
204
+
205
+ .mapbox-gl-scope .mapboxgl-ctrl-group button:last-child {
206
+ border-radius: 0 0 4px 4px;
207
+ }
208
+
209
+ .mapbox-gl-scope .mapboxgl-ctrl-group button:only-child {
210
+ border-radius: inherit;
211
+ }
212
+
213
+ .mapbox-gl-scope .mapboxgl-ctrl button:not(:disabled):hover {
214
+ background-color: #0000000d;
215
+ }
216
+
217
+ /* Marker styles */
218
+ .mapbox-gl-scope .mapboxgl-marker {
219
+ position: absolute;
220
+ z-index: 1;
221
+ }
222
+
223
+ .mapbox-gl-scope .mapboxgl-marker svg {
224
+ display: block;
225
+ }
226
+
227
+ /* Popup styles */
228
+ .mapbox-gl-scope .mapboxgl-popup {
229
+ position: absolute;
230
+ text-align: center;
231
+ margin-bottom: 20px;
232
+ }
233
+
234
+ .mapbox-gl-scope .mapboxgl-popup-content-wrapper {
235
+ padding: 1px;
236
+ text-align: left;
237
+ border-radius: 12px;
238
+ }
239
+
240
+ .mapbox-gl-scope .mapboxgl-popup-content {
241
+ margin: 13px 24px 13px 20px;
242
+ line-height: 1.3;
243
+ font-size: 13px;
244
+ min-height: 1px;
245
+ }
246
+
247
+ .mapbox-gl-scope .mapboxgl-popup-content p {
248
+ margin: 17px 0;
249
+ }
250
+
251
+ .mapbox-gl-scope .mapboxgl-popup-tip-container {
252
+ width: 40px;
253
+ height: 20px;
254
+ position: absolute;
255
+ left: 50%;
256
+ margin-top: -1px;
257
+ margin-left: -20px;
258
+ overflow: hidden;
259
+ pointer-events: none;
260
+ }
261
+
262
+ .mapbox-gl-scope .mapboxgl-popup-tip {
263
+ width: 17px;
264
+ height: 17px;
265
+ padding: 1px;
266
+ margin: -10px auto 0;
267
+ pointer-events: auto;
268
+ -webkit-transform: rotate(45deg);
269
+ -moz-transform: rotate(45deg);
270
+ -ms-transform: rotate(45deg);
271
+ transform: rotate(45deg);
272
+ }
273
+
274
+ .mapbox-gl-scope .mapboxgl-popup-content-wrapper,
275
+ .mapbox-gl-scope .mapboxgl-popup-tip {
276
+ background: white;
277
+ color: #333;
278
+ box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
279
+ }
280
+
281
+ .mapbox-gl-scope .mapboxgl-popup-close-button {
282
+ position: absolute;
283
+ top: 0;
284
+ right: 0;
285
+ border: none;
286
+ text-align: center;
287
+ width: 24px;
288
+ height: 24px;
289
+ font: 16px/24px Tahoma, Verdana, sans-serif;
290
+ color: #757575;
291
+ text-decoration: none;
292
+ background: transparent;
293
+ }
294
+
295
+ .mapbox-gl-scope .mapboxgl-popup-close-button:hover,
296
+ .mapbox-gl-scope .mapboxgl-popup-close-button:focus {
297
+ color: #585858;
298
+ }
299
+
300
+ /* Attribution */
301
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution {
302
+ background: #fff;
303
+ background: rgba(255, 255, 255, 0.8);
304
+ margin: 0;
305
+ }
306
+
307
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution,
308
+ .mapbox-gl-scope .mapboxgl-ctrl-scale-line {
309
+ padding: 0 5px;
310
+ color: #333;
311
+ line-height: 1.4;
312
+ }
313
+
314
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution a {
315
+ text-decoration: none;
316
+ }
317
+
318
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution a:hover,
319
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution a:focus {
320
+ text-decoration: underline;
321
+ }
322
+
323
+ /* Hide attribution by default */
324
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution {
325
+ display: none !important;
326
+ }
327
+
328
+ .mapbox-gl-scope .mapboxgl-ctrl-logo {
329
+ display: none !important;
330
+ }
package/dist/utils/index.js CHANGED
@@ -6079,7 +6079,6 @@ const getToken = () => isProxy() ? StorageManager.get('proxy_token') : StorageMa
6079
6079
  expandable: PropTypes__default["default"].any,
6080
6080
  defaultExpanded: PropTypes__default["default"].any,
6081
6081
  addedHeaderFirst: PropTypes__default["default"].bool,
6082
- isCollapsable: PropTypes__default["default"].bool,
6083
6082
  defaultCollapsed: PropTypes__default["default"].bool,
6084
6083
  onExpandChange: PropTypes__default["default"].func,
6085
6084
  description: PropTypes__default["default"].string
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datastake-daf",
3
- "version": "0.6.717",
3
+ "version": "0.6.719",
4
4
  "dependencies": {
5
5
  "@ant-design/icons": "^5.2.5",
6
6
  "@antv/g2": "^5.1.1",
package/src/@daf/core/components/Dashboard/Widget/index.jsx CHANGED
@@ -35,7 +35,6 @@ export default function Widget({
35
35
 
36
36
  expandable = false,
37
37
  defaultExpanded,
38
- isCollapsable = false,
39
38
  defaultCollapsed = false,
40
39
  onExpandChange,
41
40
  description,
@@ -74,7 +73,7 @@ export default function Widget({
74
73
  "flex-1",
75
74
  className,
76
75
  !!tabsConfig && "with-tabs",
77
- isCollapsable && isCollapsed && "collapsed-widget",
76
+ isCollapsed && "collapsed-widget",
78
77
  ])}
79
78
  >
80
79
  {loading && fullWidgetLoading && <WidgetLoader background="white" />}
@@ -118,27 +117,11 @@ export default function Widget({
118
117
 
119
118
  {addedHeaderFirst && addedHeader}
120
119
 
121
- {isCollapsable && (
122
- <div className="flex justify-content-end">
123
- <Button
124
- className="squareIconButton no-min-width"
125
- style={{height: '32px', width: '32px'}}
126
- onClick={handleCollapseToggle}
127
- icon={
128
- isCollapsed ? (
129
- <RightOutlined style={{ width: 16 }} />
130
- ) : (
131
- <DownOutlined style={{ width: 16 }} />
132
- )
133
- }
134
- />
135
- </div>
136
- )}
137
120
 
138
121
  {expandable ? (
139
122
  <div
140
123
  className={formatClassname([
141
- !(filtersConfig || addedHeaderFirst || isCollapsable) &&
124
+ !(filtersConfig || addedHeaderFirst) &&
142
125
  "flex-1",
143
126
  "flex justify-content-end",
144
127
  ])}
@@ -146,17 +129,15 @@ export default function Widget({
146
129
  <div className="flex flex-column" {...getToggleProps()}>
147
130
  <Button
148
131
  className="squareIconButton no-min-width"
149
- style={{height: '32px', width: '32px'}}
132
+ style={{height: '32px', width: '32px', justifyContent: 'center', alignItems: 'center', display: 'flex'}}
150
133
  icon={
151
134
  !isExpanded ? (
152
135
  <RightOutlined
153
- style={{ width: 16, paddingTop: "4px" }}
136
+ style={{ width: 16 }}
154
137
  />
155
138
  ) : (
156
- //<PlusOutlined style={{width: 10}} />
157
- //<MinusOutlined style={{ width: 10 }} />
158
139
  <DownOutlined
159
- style={{ width: 16, paddingTop: "4px" }}
140
+ style={{ width: 16 }}
160
141
  />
161
142
  )
162
143
  }
@@ -217,7 +198,6 @@ Widget.propTypes = {
217
198
  expandable: PropTypes.any,
218
199
  defaultExpanded: PropTypes.any,
219
200
  addedHeaderFirst: PropTypes.bool,
220
- isCollapsable: PropTypes.bool,
221
201
  defaultCollapsed: PropTypes.bool,
222
202
  onExpandChange: PropTypes.func,
223
203
  description: PropTypes.string,