juxscript 1.1.219 → 1.1.220
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.
|
@@ -135,6 +135,34 @@ export declare class DataFrameComponent extends BaseComponent<DataFrameState> {
|
|
|
135
135
|
maxSheetSize(v: number): this;
|
|
136
136
|
sheetChunkSize(v: number): this;
|
|
137
137
|
maxFileSize(mb: number): this;
|
|
138
|
+
/**
|
|
139
|
+
* Enable/disable collapsible mode
|
|
140
|
+
*/
|
|
141
|
+
collapsible(enabled: boolean): this;
|
|
142
|
+
/**
|
|
143
|
+
* Set initial collapsed state (true = collapsed, false = expanded)
|
|
144
|
+
*/
|
|
145
|
+
collapsed(value: boolean): this;
|
|
146
|
+
/**
|
|
147
|
+
* Expand the details (show table)
|
|
148
|
+
*/
|
|
149
|
+
expand(): this;
|
|
150
|
+
/**
|
|
151
|
+
* Collapse the details (hide table)
|
|
152
|
+
*/
|
|
153
|
+
collapse(): this;
|
|
154
|
+
/**
|
|
155
|
+
* Toggle collapsed state
|
|
156
|
+
*/
|
|
157
|
+
toggle(): this;
|
|
158
|
+
/**
|
|
159
|
+
* Set custom summary template
|
|
160
|
+
*/
|
|
161
|
+
summaryTemplate(fn: (df: DataFrame) => string): this;
|
|
162
|
+
/**
|
|
163
|
+
* Get current collapsed state
|
|
164
|
+
*/
|
|
165
|
+
isCollapsed(): boolean;
|
|
138
166
|
private _handleFile;
|
|
139
167
|
private _renderMultiSheet;
|
|
140
168
|
private _updateStatus;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dataframe.d.ts","sourceRoot":"","sources":["dataframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AASnC,MAAM,WAAW,gBAAgB;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,KAAK,MAAM,CAAC;CAC/C;AAED,KAAK,cAAc,GAAG,SAAS,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,kBAAmB,SAAQ,aAAa,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,GAAG,CAA0B;IACrC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,KAAK,CAAqB;IAClC,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,aAAa,CAOnB;IACF,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,cAAc,CAAsC;IAC5D,OAAO,CAAC,aAAa,CAAgE;IACrF,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,mBAAmB,CAAiB;IAC5C,OAAO,CAAC,YAAY,CAAiE;IACrF,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,qBAAqB,CAAkB;
|
|
1
|
+
{"version":3,"file":"dataframe.d.ts","sourceRoot":"","sources":["dataframe.ts"],"names":[],"mappings":"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"}
|
|
@@ -39,17 +39,15 @@ export class DataFrameComponent extends BaseComponent {
|
|
|
39
39
|
this._rawFileData = null;
|
|
40
40
|
this._reshapeModal = null;
|
|
41
41
|
this._reshapeModalRendered = false;
|
|
42
|
-
// ✅ NEW: Storage configuration
|
|
43
42
|
this._persistToIndexedDB = false;
|
|
44
43
|
this._clearStorageOnFileRemove = true;
|
|
45
|
-
// ✅ NEW: Upload button styling
|
|
46
44
|
this._uploadButtonLabel = 'Upload File';
|
|
47
45
|
this._uploadButtonIcon = 'upload';
|
|
48
46
|
this._uploadButtonVariant = 'outline';
|
|
49
47
|
this._uploadAccept = '.csv,.tsv,.txt,.xlsx,.xls';
|
|
50
48
|
this._uploadDescription = '';
|
|
51
49
|
this._showUploadIcon = true;
|
|
52
|
-
// ✅
|
|
50
|
+
// ✅ Collapsible state
|
|
53
51
|
this._collapsible = false;
|
|
54
52
|
this._collapsed = false;
|
|
55
53
|
this._summaryTemplate = null;
|
|
@@ -69,10 +67,9 @@ export class DataFrameComponent extends BaseComponent {
|
|
|
69
67
|
this._sheetChunkSize = options.sheetChunkSize ?? 10000;
|
|
70
68
|
this._maxFileSize = options.maxFileSize ?? 50;
|
|
71
69
|
this._showReshapeWarning = options.showReshapeWarning ?? true;
|
|
72
|
-
// ✅ NEW: Storage options
|
|
73
70
|
this._persistToIndexedDB = options.persistToIndexedDB ?? false;
|
|
74
71
|
this._clearStorageOnFileRemove = options.clearStorageOnFileRemove ?? true;
|
|
75
|
-
// ✅
|
|
72
|
+
// ✅ Collapsible options
|
|
76
73
|
this._collapsible = options.collapsible ?? false;
|
|
77
74
|
this._collapsed = options.collapsed ?? false;
|
|
78
75
|
this._summaryTemplate = options.summaryTemplate ?? null;
|
|
@@ -326,6 +323,69 @@ export class DataFrameComponent extends BaseComponent {
|
|
|
326
323
|
maxSheetSize(v) { this._maxSheetSize = v; return this; }
|
|
327
324
|
sheetChunkSize(v) { this._sheetChunkSize = v; return this; }
|
|
328
325
|
maxFileSize(mb) { this._maxFileSize = mb; return this; }
|
|
326
|
+
/* ═══════════════════════════════════════════════════
|
|
327
|
+
* COLLAPSIBLE OPTIONS (fluent API)
|
|
328
|
+
* ═══════════════════════════════════════════════════ */
|
|
329
|
+
/**
|
|
330
|
+
* Enable/disable collapsible mode
|
|
331
|
+
*/
|
|
332
|
+
collapsible(enabled) {
|
|
333
|
+
this._collapsible = enabled;
|
|
334
|
+
return this;
|
|
335
|
+
}
|
|
336
|
+
/**
|
|
337
|
+
* Set initial collapsed state (true = collapsed, false = expanded)
|
|
338
|
+
*/
|
|
339
|
+
collapsed(value) {
|
|
340
|
+
this._collapsed = value;
|
|
341
|
+
if (this._detailsElement) {
|
|
342
|
+
this._detailsElement.open = !value;
|
|
343
|
+
}
|
|
344
|
+
return this;
|
|
345
|
+
}
|
|
346
|
+
/**
|
|
347
|
+
* Expand the details (show table)
|
|
348
|
+
*/
|
|
349
|
+
expand() {
|
|
350
|
+
this._collapsed = false;
|
|
351
|
+
if (this._detailsElement) {
|
|
352
|
+
this._detailsElement.open = true;
|
|
353
|
+
}
|
|
354
|
+
return this;
|
|
355
|
+
}
|
|
356
|
+
/**
|
|
357
|
+
* Collapse the details (hide table)
|
|
358
|
+
*/
|
|
359
|
+
collapse() {
|
|
360
|
+
this._collapsed = true;
|
|
361
|
+
if (this._detailsElement) {
|
|
362
|
+
this._detailsElement.open = false;
|
|
363
|
+
}
|
|
364
|
+
return this;
|
|
365
|
+
}
|
|
366
|
+
/**
|
|
367
|
+
* Toggle collapsed state
|
|
368
|
+
*/
|
|
369
|
+
toggle() {
|
|
370
|
+
this._collapsed = !this._collapsed;
|
|
371
|
+
if (this._detailsElement) {
|
|
372
|
+
this._detailsElement.open = !this._collapsed;
|
|
373
|
+
}
|
|
374
|
+
return this;
|
|
375
|
+
}
|
|
376
|
+
/**
|
|
377
|
+
* Set custom summary template
|
|
378
|
+
*/
|
|
379
|
+
summaryTemplate(fn) {
|
|
380
|
+
this._summaryTemplate = fn;
|
|
381
|
+
return this;
|
|
382
|
+
}
|
|
383
|
+
/**
|
|
384
|
+
* Get current collapsed state
|
|
385
|
+
*/
|
|
386
|
+
isCollapsed() {
|
|
387
|
+
return this._collapsed;
|
|
388
|
+
}
|
|
329
389
|
/* ═══════════════════════════════════════════════════
|
|
330
390
|
* FILE HANDLING (modified to use storage options)
|
|
331
391
|
* ═══════════════════════════════════════════════════ */
|
|
@@ -30,10 +30,10 @@ export interface DataFrameOptions {
|
|
|
30
30
|
class?: string;
|
|
31
31
|
persistToIndexedDB?: boolean;
|
|
32
32
|
clearStorageOnFileRemove?: boolean;
|
|
33
|
-
// ✅
|
|
34
|
-
collapsible?: boolean;
|
|
35
|
-
collapsed?: boolean;
|
|
36
|
-
summaryTemplate?: (df: DataFrame) => string;
|
|
33
|
+
// ✅ Collapsible options
|
|
34
|
+
collapsible?: boolean;
|
|
35
|
+
collapsed?: boolean;
|
|
36
|
+
summaryTemplate?: (df: DataFrame) => string;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
type DataFrameState = BaseState & {
|
|
@@ -70,17 +70,15 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
|
|
|
70
70
|
private _rawFileData: { file: File; text?: string; isExcel?: boolean } | null = null;
|
|
71
71
|
private _reshapeModal: Modal | null = null;
|
|
72
72
|
private _reshapeModalRendered: boolean = false;
|
|
73
|
-
// ✅ NEW: Storage configuration
|
|
74
73
|
private _persistToIndexedDB: boolean = false;
|
|
75
74
|
private _clearStorageOnFileRemove: boolean = true;
|
|
76
|
-
// ✅ NEW: Upload button styling
|
|
77
75
|
private _uploadButtonLabel: string = 'Upload File';
|
|
78
76
|
private _uploadButtonIcon: string = 'upload';
|
|
79
77
|
private _uploadButtonVariant: string = 'outline';
|
|
80
78
|
private _uploadAccept: string = '.csv,.tsv,.txt,.xlsx,.xls';
|
|
81
79
|
private _uploadDescription: string = '';
|
|
82
80
|
private _showUploadIcon: boolean = true;
|
|
83
|
-
// ✅
|
|
81
|
+
// ✅ Collapsible state
|
|
84
82
|
private _collapsible: boolean = false;
|
|
85
83
|
private _collapsed: boolean = false;
|
|
86
84
|
private _summaryTemplate: ((df: DataFrame) => string) | null = null;
|
|
@@ -119,10 +117,9 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
|
|
|
119
117
|
this._sheetChunkSize = options.sheetChunkSize ?? 10000;
|
|
120
118
|
this._maxFileSize = options.maxFileSize ?? 50;
|
|
121
119
|
this._showReshapeWarning = options.showReshapeWarning ?? true;
|
|
122
|
-
// ✅ NEW: Storage options
|
|
123
120
|
this._persistToIndexedDB = options.persistToIndexedDB ?? false;
|
|
124
121
|
this._clearStorageOnFileRemove = options.clearStorageOnFileRemove ?? true;
|
|
125
|
-
// ✅
|
|
122
|
+
// ✅ Collapsible options
|
|
126
123
|
this._collapsible = options.collapsible ?? false;
|
|
127
124
|
this._collapsed = options.collapsed ?? false;
|
|
128
125
|
this._summaryTemplate = options.summaryTemplate ?? null;
|
|
@@ -399,6 +396,77 @@ export class DataFrameComponent extends BaseComponent<DataFrameState> {
|
|
|
399
396
|
sheetChunkSize(v: number): this { this._sheetChunkSize = v; return this; }
|
|
400
397
|
maxFileSize(mb: number): this { this._maxFileSize = mb; return this; }
|
|
401
398
|
|
|
399
|
+
/* ═══════════════════════════════════════════════════
|
|
400
|
+
* COLLAPSIBLE OPTIONS (fluent API)
|
|
401
|
+
* ═══════════════════════════════════════════════════ */
|
|
402
|
+
|
|
403
|
+
/**
|
|
404
|
+
* Enable/disable collapsible mode
|
|
405
|
+
*/
|
|
406
|
+
collapsible(enabled: boolean): this {
|
|
407
|
+
this._collapsible = enabled;
|
|
408
|
+
return this;
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
/**
|
|
412
|
+
* Set initial collapsed state (true = collapsed, false = expanded)
|
|
413
|
+
*/
|
|
414
|
+
collapsed(value: boolean): this {
|
|
415
|
+
this._collapsed = value;
|
|
416
|
+
if (this._detailsElement) {
|
|
417
|
+
this._detailsElement.open = !value;
|
|
418
|
+
}
|
|
419
|
+
return this;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
/**
|
|
423
|
+
* Expand the details (show table)
|
|
424
|
+
*/
|
|
425
|
+
expand(): this {
|
|
426
|
+
this._collapsed = false;
|
|
427
|
+
if (this._detailsElement) {
|
|
428
|
+
this._detailsElement.open = true;
|
|
429
|
+
}
|
|
430
|
+
return this;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
/**
|
|
434
|
+
* Collapse the details (hide table)
|
|
435
|
+
*/
|
|
436
|
+
collapse(): this {
|
|
437
|
+
this._collapsed = true;
|
|
438
|
+
if (this._detailsElement) {
|
|
439
|
+
this._detailsElement.open = false;
|
|
440
|
+
}
|
|
441
|
+
return this;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
/**
|
|
445
|
+
* Toggle collapsed state
|
|
446
|
+
*/
|
|
447
|
+
toggle(): this {
|
|
448
|
+
this._collapsed = !this._collapsed;
|
|
449
|
+
if (this._detailsElement) {
|
|
450
|
+
this._detailsElement.open = !this._collapsed;
|
|
451
|
+
}
|
|
452
|
+
return this;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
/**
|
|
456
|
+
* Set custom summary template
|
|
457
|
+
*/
|
|
458
|
+
summaryTemplate(fn: (df: DataFrame) => string): this {
|
|
459
|
+
this._summaryTemplate = fn;
|
|
460
|
+
return this;
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
/**
|
|
464
|
+
* Get current collapsed state
|
|
465
|
+
*/
|
|
466
|
+
isCollapsed(): boolean {
|
|
467
|
+
return this._collapsed;
|
|
468
|
+
}
|
|
469
|
+
|
|
402
470
|
/* ═══════════════════════════════════════════════════
|
|
403
471
|
* FILE HANDLING (modified to use storage options)
|
|
404
472
|
* ═══════════════════════════════════════════════════ */
|