juxscript 1.1.228 → 1.1.230

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.
@@ -0,0 +1,531 @@
1
+ import { Modal } from '../modal.js';
2
+ import { TabularDriver } from '../../storage/TabularDriver.js';
3
+ import { DataFrame } from '../../storage/DataFrame.js';
4
+
5
+ export interface ImportSettingsCallbacks {
6
+ onReimport: (df: DataFrame | Record<string, DataFrame>, sourceName: string) => void;
7
+ onError: (message: string) => void;
8
+ onStatusUpdate: (text: string, type: 'loading' | 'success' | 'error') => void;
9
+ }
10
+
11
+ export interface SettingsModalCallbacks {
12
+ onClear: () => Promise<void>;
13
+ onAdjustImport: () => void;
14
+ }
15
+
16
+ export interface SettingsModalData {
17
+ fileName: string;
18
+ fileSize?: number;
19
+ rowCount: number;
20
+ colCount: number;
21
+ isMalformed: boolean;
22
+ hasRawFileData: boolean;
23
+ }
24
+
25
+ export interface RawFileData {
26
+ file: File;
27
+ text?: string;
28
+ isExcel?: boolean;
29
+ }
30
+
31
+ export class ImportSettingsModal {
32
+ private _id: string;
33
+ private _driver: TabularDriver;
34
+ private _reshapeModal: Modal | null = null;
35
+ private _reshapeModalRendered: boolean = false;
36
+ private _settingsModal: Modal | null = null;
37
+ private _modal: Modal | null = null;
38
+ private _modalRendered: boolean = false;
39
+ private _maxSheetSize: number;
40
+ private _sheetChunkSize: number;
41
+
42
+ constructor(
43
+ id: string,
44
+ driver: TabularDriver,
45
+ options: { maxSheetSize?: number; sheetChunkSize?: number } = {}
46
+ ) {
47
+ this._id = id;
48
+ this._driver = driver;
49
+ this._maxSheetSize = options.maxSheetSize ?? 100000;
50
+ this._sheetChunkSize = options.sheetChunkSize ?? 10000;
51
+ }
52
+
53
+ /* ═══════════════════════════════════════════════════
54
+ * SETTINGS MODAL (Overview)
55
+ * ═══════════════════════════════════════════════════ */
56
+
57
+ /**
58
+ * Show the data settings modal with file info and options
59
+ */
60
+ showSettings(data: SettingsModalData, callbacks: SettingsModalCallbacks): void {
61
+ this.cleanup();
62
+
63
+ this._settingsModal = new Modal(`${this._id}-settings-modal`, {
64
+ title: 'Data Settings',
65
+ size: 'medium',
66
+ close: true,
67
+ backdropClose: true
68
+ });
69
+
70
+ const fileSizeKB = data.fileSize ? (data.fileSize / 1024).toFixed(1) : '0';
71
+
72
+ let contentHTML = `
73
+ <div class="jux-dataframe-settings-content">
74
+ <div class="jux-dataframe-settings-section">
75
+ <div class="jux-dataframe-settings-label">Source</div>
76
+ <div class="jux-dataframe-settings-value">
77
+ <strong>${this._escapeHtml(data.fileName)}</strong>
78
+ ${data.fileSize ? `<span class="jux-muted" style="margin-left: 8px;">${fileSizeKB} KB</span>` : ''}
79
+ </div>
80
+ </div>
81
+ <div class="jux-dataframe-settings-section">
82
+ <div class="jux-dataframe-settings-label">Data</div>
83
+ <div class="jux-dataframe-settings-value">
84
+ ${data.rowCount > 0 ? `${data.rowCount} rows × ${data.colCount} columns` : 'No data loaded'}
85
+ ${data.isMalformed ? '<span style="color: hsl(var(--warning)); margin-left: 8px;">⚠️ May need reformatting</span>' : ''}
86
+ </div>
87
+ </div>
88
+ `;
89
+
90
+ if (data.hasRawFileData) {
91
+ contentHTML += `
92
+ <div class="jux-dataframe-settings-section">
93
+ <div class="jux-dataframe-settings-label">Import</div>
94
+ <div class="jux-dataframe-settings-value">
95
+ <button id="${this._id}-adjust-import" class="jux-button jux-button-outline jux-button-sm">
96
+ ⚙️ Adjust Header Row / Delimiter
97
+ </button>
98
+ </div>
99
+ </div>
100
+ `;
101
+ }
102
+
103
+ contentHTML += `</div>`;
104
+
105
+ this._settingsModal
106
+ .content(contentHTML)
107
+ .actions([
108
+ {
109
+ label: 'Remove Data',
110
+ variant: 'secondary',
111
+ click: async () => {
112
+ await callbacks.onClear();
113
+ this._settingsModal!.closeModal();
114
+ }
115
+ },
116
+ {
117
+ label: 'Done',
118
+ variant: 'primary',
119
+ click: () => this._settingsModal!.closeModal()
120
+ }
121
+ ]);
122
+
123
+ this._settingsModal.render(document.body);
124
+ this._settingsModal.open();
125
+
126
+ requestAnimationFrame(() => {
127
+ const adjustBtn = document.getElementById(`${this._id}-adjust-import`);
128
+ if (adjustBtn) {
129
+ adjustBtn.addEventListener('click', () => {
130
+ this._settingsModal!.closeModal();
131
+ callbacks.onAdjustImport();
132
+ });
133
+ }
134
+ });
135
+ }
136
+
137
+ /**
138
+ * Close the settings modal if open
139
+ */
140
+ closeSettings(): void {
141
+ if (this._settingsModal) {
142
+ this._settingsModal.closeModal();
143
+ }
144
+ }
145
+
146
+ /* ═══════════════════════════════════════════════════
147
+ * IMPORT/RESHAPE MODAL
148
+ * ═══════════════════════════════════════════════════ */
149
+
150
+ /**
151
+ * Show the appropriate reshape modal based on file type
152
+ */
153
+ async showImportSettings(rawFileData: RawFileData, callbacks: ImportSettingsCallbacks): Promise<void> {
154
+ if (!rawFileData) return;
155
+
156
+ if (rawFileData.isExcel) {
157
+ await this._showExcelModal(rawFileData, callbacks);
158
+ } else {
159
+ this._showCSVModal(rawFileData, callbacks);
160
+ }
161
+ }
162
+
163
+ /**
164
+ * Cleanup any existing modals
165
+ */
166
+ cleanup(): void {
167
+ if (this._reshapeModal && this._reshapeModalRendered) {
168
+ const oldEl = document.getElementById(`${this._id}-reshape-modal`);
169
+ if (oldEl) oldEl.remove();
170
+ this._reshapeModal = null;
171
+ this._reshapeModalRendered = false;
172
+ }
173
+ // Note: Don't close settings modal here - let it close itself
174
+ }
175
+
176
+ private _escapeHtml(text: string): string {
177
+ const div = document.createElement('div');
178
+ div.textContent = text;
179
+ return div.innerHTML;
180
+ }
181
+
182
+ private _buildClickablePreviewHTML(
183
+ rawRows: { sheetRow: number; values: any[] }[],
184
+ selectedSheetRow: number
185
+ ): string {
186
+ let html = '<table style="width: 100%; border-collapse: collapse; font-size: 12px;">';
187
+
188
+ for (const { sheetRow, values } of rawRows) {
189
+ const isHeader = (sheetRow === selectedSheetRow);
190
+ const isSkipped = (sheetRow < selectedSheetRow);
191
+
192
+ let rowStyle = 'border-bottom: 1px solid hsl(var(--border)); cursor: pointer; transition: background 0.1s;';
193
+
194
+ if (isHeader) {
195
+ rowStyle += 'background: hsl(142 71% 45% / 0.15); font-weight: 600;';
196
+ } else if (isSkipped) {
197
+ rowStyle += 'background: hsl(var(--muted) / 0.4); color: hsl(var(--muted-foreground)); font-style: italic; opacity: 0.7;';
198
+ }
199
+
200
+ html += `<tr data-sheet-row="${sheetRow}" style="${rowStyle}" onmouseover="this.style.outline='2px solid hsl(142 71% 45% / 0.5)'" onmouseout="this.style.outline=''">`;
201
+
202
+ html += `<td style="padding: 8px 12px; width: 60px; font-weight: 600; color: hsl(var(--muted-foreground)); border-right: 1px solid hsl(var(--border)); text-align: center; user-select: none;">`;
203
+ if (isHeader) {
204
+ html += `<span style="color: hsl(142 71% 45%);">▶ ${sheetRow}</span>`;
205
+ } else {
206
+ html += `${sheetRow}`;
207
+ }
208
+ html += '</td>';
209
+
210
+ const displayCols = values.slice(0, 6);
211
+ displayCols.forEach(val => {
212
+ const displayVal = val != null ? String(val).substring(0, 20) : '';
213
+ const cellStyle = isHeader
214
+ ? 'padding: 8px 12px; font-weight: 600; color: hsl(var(--foreground));'
215
+ : 'padding: 8px 12px;';
216
+ html += `<td style="${cellStyle}">${this._escapeHtml(displayVal)}</td>`;
217
+ });
218
+
219
+ if (values.length > 6) {
220
+ html += `<td style="padding: 8px 12px; color: hsl(var(--muted-foreground));">…</td>`;
221
+ }
222
+
223
+ html += `<td style="padding: 8px 12px; text-align: right; white-space: nowrap; user-select: none;">`;
224
+ if (isHeader) {
225
+ html += '<span style="background: hsl(142 71% 45%); color: white; padding: 3px 8px; border-radius: 4px; font-size: 10px; font-weight: 600;">HEADER</span>';
226
+ } else if (isSkipped) {
227
+ html += '<span style="color: hsl(var(--muted-foreground)); font-size: 10px;">skipped</span>';
228
+ } else {
229
+ html += '<span style="color: hsl(var(--muted-foreground)); font-size: 10px;">data</span>';
230
+ }
231
+ html += '</td></tr>';
232
+ }
233
+
234
+ html += '</table>';
235
+ return html;
236
+ }
237
+
238
+ private async _showExcelModal(rawFileData: RawFileData, callbacks: ImportSettingsCallbacks): Promise<void> {
239
+ if (!rawFileData.file) return;
240
+
241
+ this.cleanup();
242
+
243
+ const rawRows = await this._driver.readRawExcelRows(rawFileData.file, 15);
244
+
245
+ if (rawRows.length === 0) return;
246
+
247
+ // Auto-detect best header row
248
+ let selectedSheetRow = rawRows[0].sheetRow;
249
+ for (const { sheetRow, values } of rawRows) {
250
+ const nonEmpty = values.filter(v => v !== null && v !== undefined && String(v).trim() !== '');
251
+ if (nonEmpty.length < values.length * 0.5) continue;
252
+ const nonNumeric = nonEmpty.filter(v => {
253
+ const str = String(v).trim();
254
+ return isNaN(Number(str)) && str !== '';
255
+ }).length;
256
+ if (nonNumeric >= nonEmpty.length * 0.7) {
257
+ selectedSheetRow = sheetRow;
258
+ break;
259
+ }
260
+ }
261
+
262
+ this._modal = new Modal(`${this._id}-reshape-modal`, {
263
+ title: 'Excel Import Settings',
264
+ size: 'large',
265
+ close: true,
266
+ backdropClose: false
267
+ });
268
+
269
+ const modalContentHTML = `
270
+ <div style="margin-bottom: 1rem;">
271
+ <div id="${this._id}-reshape-hint" style="padding: 0.75rem; background: hsl(var(--muted) / 0.5); border-radius: var(--radius); font-size: 0.875rem;"></div>
272
+ <input type="hidden" id="${this._id}-header-row" value="${selectedSheetRow}" />
273
+ </div>
274
+ <div>
275
+ <div style="font-weight: 600; margin-bottom: 0.5rem; color: hsl(var(--foreground));">Click a row to select it as the header:</div>
276
+ <div id="${this._id}-preview" style="font-family: ui-monospace, monospace; font-size: 12px; background: hsl(var(--muted) / 0.3); border: 1px solid hsl(var(--border)); border-radius: var(--radius); padding: 0; overflow: hidden; max-height: 400px; overflow-y: auto;"></div>
277
+ </div>
278
+ `;
279
+
280
+ this._modal
281
+ .content(modalContentHTML)
282
+ .actions([
283
+ {
284
+ label: 'Cancel',
285
+ variant: 'secondary',
286
+ click: () => this._modal!.closeModal()
287
+ },
288
+ {
289
+ label: 'Apply & Re-import',
290
+ variant: 'primary',
291
+ click: async () => {
292
+ const input = document.getElementById(`${this._id}-header-row`) as HTMLInputElement;
293
+ const headerRow = parseInt(input.value) || 0;
294
+
295
+ callbacks.onStatusUpdate('Re-parsing with new settings...', 'loading');
296
+
297
+ try {
298
+ const sheets = await this._driver.streamFileMultiSheet(rawFileData.file, {
299
+ headerRow,
300
+ maxSheetSize: this._maxSheetSize,
301
+ sheetChunkSize: this._sheetChunkSize
302
+ });
303
+
304
+ const sheetNames = Object.keys(sheets);
305
+
306
+ if (sheetNames.length === 0) {
307
+ callbacks.onError(`No data found with header at row ${headerRow}. Try a different row.`);
308
+ return;
309
+ }
310
+
311
+ await this._driver.store(rawFileData.file.name, sheets[sheetNames[0]], { source: rawFileData.file.name });
312
+
313
+ if (sheetNames.length > 1) {
314
+ callbacks.onReimport(sheets, rawFileData.file.name);
315
+ } else {
316
+ callbacks.onReimport(sheets[sheetNames[0]], rawFileData.file.name);
317
+ }
318
+
319
+ this._modal!.closeModal();
320
+ } catch (err: any) {
321
+ callbacks.onError(`Error: ${err.message}`);
322
+ }
323
+ }
324
+ }
325
+ ]);
326
+
327
+ this._modal.render(document.body);
328
+ this._modalRendered = true;
329
+
330
+ await new Promise(resolve => requestAnimationFrame(resolve));
331
+
332
+ const previewDiv = document.getElementById(`${this._id}-preview`)!;
333
+ const hintDiv = document.getElementById(`${this._id}-reshape-hint`)!;
334
+ const hiddenInput = document.getElementById(`${this._id}-header-row`) as HTMLInputElement;
335
+
336
+ const updateHint = (row: number) => {
337
+ if (!hintDiv) return;
338
+ const vals = rawRows.find(r => r.sheetRow === row)?.values ?? [];
339
+ const headerNames = vals.filter((v: any) => v != null && String(v).trim() !== '').map((v: any) => String(v).trim());
340
+ const preview = headerNames.slice(0, 4).join(', ') + (headerNames.length > 4 ? '…' : '');
341
+ if (row > rawRows[0].sheetRow) {
342
+ hintDiv.innerHTML = `Sheet row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows before it will be skipped.`;
343
+ } else {
344
+ hintDiv.innerHTML = `Sheet row <strong>${row}</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
345
+ }
346
+ };
347
+
348
+ const renderPreview = (selected: number) => {
349
+ if (!previewDiv) return;
350
+ previewDiv.innerHTML = this._buildClickablePreviewHTML(rawRows, selected);
351
+
352
+ previewDiv.querySelectorAll('tr[data-sheet-row]').forEach(tr => {
353
+ tr.addEventListener('click', () => {
354
+ const rowIdx = parseInt((tr as HTMLElement).dataset.sheetRow!);
355
+ hiddenInput.value = String(rowIdx);
356
+ updateHint(rowIdx);
357
+ renderPreview(rowIdx);
358
+ });
359
+ });
360
+ };
361
+
362
+ updateHint(selectedSheetRow);
363
+ renderPreview(selectedSheetRow);
364
+ this._modal.open();
365
+ }
366
+
367
+ private _showCSVModal(rawFileData: RawFileData, callbacks: ImportSettingsCallbacks): void {
368
+ if (!rawFileData.text) return;
369
+
370
+ this.cleanup();
371
+
372
+ const text = rawFileData.text;
373
+ const detected = (this._driver as any)._detectDelimiter(text);
374
+
375
+ const lines = text.replace(/\r\n/g, '\n').replace(/\r/g, '\n').split('\n');
376
+ const rawRows: { sheetRow: number; values: any[] }[] = [];
377
+ const maxPreviewRows = Math.min(lines.length, 15);
378
+
379
+ for (let i = 0; i < maxPreviewRows; i++) {
380
+ if (!lines[i]) {
381
+ rawRows.push({ sheetRow: i, values: [''] });
382
+ continue;
383
+ }
384
+ const values = (this._driver as any)._parseLine(lines[i], detected);
385
+ rawRows.push({ sheetRow: i, values });
386
+ }
387
+
388
+ // Auto-detect header row
389
+ let selectedRow = 0;
390
+ for (const { sheetRow, values } of rawRows) {
391
+ const nonEmpty = values.filter((v: string) => v.trim() !== '');
392
+ if (nonEmpty.length < values.length * 0.5) continue;
393
+ const nonNumeric = nonEmpty.filter((v: string) => {
394
+ const trimmed = v.trim();
395
+ return isNaN(Number(trimmed)) && trimmed !== '';
396
+ }).length;
397
+ if (nonNumeric >= nonEmpty.length * 0.7) {
398
+ selectedRow = sheetRow;
399
+ break;
400
+ }
401
+ }
402
+
403
+ this._modal = new Modal(`${this._id}-reshape-modal`, {
404
+ title: 'CSV Import Settings',
405
+ size: 'large',
406
+ close: true,
407
+ backdropClose: false
408
+ });
409
+
410
+ const modalContentHTML = `
411
+ <div style="margin-bottom: 1rem;">
412
+ <label style="display: block; font-weight: 600; margin-bottom: 0.5rem;">Delimiter</label>
413
+ <select id="${this._id}-delimiter" class="jux-input-element" style="width: 100%;">
414
+ <option value=",">Comma (,)</option>
415
+ <option value="|">Pipe (|)</option>
416
+ <option value="&#9;">Tab (\\t)</option>
417
+ <option value=";">Semicolon (;)</option>
418
+ </select>
419
+ </div>
420
+ <div style="margin-bottom: 1rem;">
421
+ <div id="${this._id}-reshape-hint" style="padding: 0.75rem; background: hsl(var(--muted) / 0.5); border-radius: var(--radius); font-size: 0.875rem;"></div>
422
+ <input type="hidden" id="${this._id}-header-row" value="${selectedRow}" />
423
+ </div>
424
+ <div>
425
+ <div style="font-weight: 600; margin-bottom: 0.5rem; color: hsl(var(--foreground));">Click a row to select it as the header:</div>
426
+ <div id="${this._id}-preview" style="font-family: monospace; font-size: 12px; background: hsl(var(--muted) / 0.3); border: 1px solid hsl(var(--border)); border-radius: var(--radius); padding: 0; overflow: hidden; max-height: 400px; overflow-y: auto;"></div>
427
+ </div>
428
+ `;
429
+
430
+ this._modal
431
+ .content(modalContentHTML)
432
+ .actions([
433
+ {
434
+ label: 'Cancel',
435
+ variant: 'secondary',
436
+ click: () => this._modal!.closeModal()
437
+ },
438
+ {
439
+ label: 'Apply & Re-import',
440
+ variant: 'primary',
441
+ click: async () => {
442
+ const delimiterSelect = document.getElementById(`${this._id}-delimiter`) as HTMLSelectElement;
443
+ const hiddenInput = document.getElementById(`${this._id}-header-row`) as HTMLInputElement;
444
+
445
+ const delim = delimiterSelect.value;
446
+ const headerRow = parseInt(hiddenInput.value) || 0;
447
+
448
+ callbacks.onStatusUpdate('Re-parsing with new settings...', 'loading');
449
+
450
+ try {
451
+ const df = this._driver.parseCSV(rawFileData.text!, {
452
+ delimiter: delim,
453
+ headerRow,
454
+ hasHeader: true
455
+ });
456
+
457
+ await this._driver.store(rawFileData.file.name, df, { source: rawFileData.file.name });
458
+ callbacks.onReimport(df, rawFileData.file.name);
459
+ this._modal!.closeModal();
460
+ } catch (err: any) {
461
+ callbacks.onError(`Error: ${err.message}`);
462
+ }
463
+ }
464
+ }
465
+ ]);
466
+
467
+ this._modal.render(document.body);
468
+ this._modalRendered = true;
469
+
470
+ requestAnimationFrame(() => {
471
+ const delimiterSelect = document.getElementById(`${this._id}-delimiter`) as HTMLSelectElement;
472
+ const previewDiv = document.getElementById(`${this._id}-preview`)!;
473
+ const hintDiv = document.getElementById(`${this._id}-reshape-hint`)!;
474
+ const hiddenInput = document.getElementById(`${this._id}-header-row`) as HTMLInputElement;
475
+
476
+ if (delimiterSelect) delimiterSelect.value = detected;
477
+
478
+ const updateHint = (row: number) => {
479
+ if (!hintDiv) return;
480
+ const vals = rawRows.find(r => r.sheetRow === row)?.values ?? [];
481
+ const headerNames = vals.filter((v: any) => v != null && String(v).trim() !== '').map((v: any) => String(v).trim());
482
+ const preview = headerNames.slice(0, 4).join(', ') + (headerNames.length > 4 ? '…' : '');
483
+ if (row > rawRows[0].sheetRow) {
484
+ hintDiv.innerHTML = `Sheet row <strong>${row}</strong> selected as header. Columns: <code>${this._escapeHtml(preview)}</code>. Rows before it will be skipped.`;
485
+ } else {
486
+ hintDiv.innerHTML = `Sheet row <strong>${row}</strong> (first row) selected as header. Columns: <code>${this._escapeHtml(preview)}</code>`;
487
+ }
488
+ };
489
+
490
+ const reparse = () => {
491
+ const delim = delimiterSelect?.value || ',';
492
+ rawRows.length = 0;
493
+ for (let i = 0; i < maxPreviewRows; i++) {
494
+ if (!lines[i]) {
495
+ rawRows.push({ sheetRow: i, values: [''] });
496
+ continue;
497
+ }
498
+ const values = (this._driver as any)._parseLine(lines[i], delim);
499
+ rawRows.push({ sheetRow: i, values });
500
+ }
501
+ };
502
+
503
+ const renderPreview = (selected: number) => {
504
+ if (!previewDiv) return;
505
+ previewDiv.innerHTML = this._buildClickablePreviewHTML(rawRows, selected);
506
+
507
+ previewDiv.querySelectorAll('tr[data-sheet-row]').forEach(tr => {
508
+ tr.addEventListener('click', () => {
509
+ const rowIdx = parseInt((tr as HTMLElement).dataset.sheetRow!);
510
+ hiddenInput.value = String(rowIdx);
511
+ updateHint(rowIdx);
512
+ renderPreview(rowIdx);
513
+ });
514
+ });
515
+ };
516
+
517
+ if (delimiterSelect) {
518
+ delimiterSelect.addEventListener('change', () => {
519
+ reparse();
520
+ const current = parseInt(hiddenInput.value) || 0;
521
+ updateHint(current);
522
+ renderPreview(current);
523
+ });
524
+ }
525
+
526
+ updateHint(selectedRow);
527
+ renderPreview(selectedRow);
528
+ this._modal!.open();
529
+ });
530
+ }
531
+ }
@@ -12,12 +12,10 @@ export interface DataFrameOptions {
12
12
  filterable?: boolean;
13
13
  paginated?: boolean;
14
14
  rowsPerPage?: number;
15
- showStatus?: boolean;
16
15
  icon?: string;
17
16
  maxSheetSize?: number;
18
17
  sheetChunkSize?: number;
19
18
  maxFileSize?: number;
20
- showReshapeWarning?: boolean;
21
19
  style?: string;
22
20
  class?: string;
23
21
  persistToIndexedDB?: boolean;
@@ -40,15 +38,12 @@ export declare class DataFrameComponent extends BaseComponent<DataFrameState> {
40
38
  private _storageKey;
41
39
  private _pendingSource;
42
40
  private _inlineUpload;
43
- private _showStatus;
44
41
  private _icon;
45
42
  private _maxSheetSize;
46
43
  private _sheetChunkSize;
47
44
  private _maxFileSize;
48
- private _showReshapeWarning;
49
45
  private _rawFileData;
50
- private _reshapeModal;
51
- private _reshapeModalRendered;
46
+ private _importSettingsModal;
52
47
  private _persistToIndexedDB;
53
48
  private _clearStorageOnFileRemove;
54
49
  private _uploadButtonLabel;
@@ -57,7 +52,6 @@ export declare class DataFrameComponent extends BaseComponent<DataFrameState> {
57
52
  private _uploadAccept;
58
53
  private _uploadDescription;
59
54
  private _showUploadIcon;
60
- private _settingsModal;
61
55
  constructor(id: string, options?: DataFrameOptions);
62
56
  protected getTriggerEvents(): readonly string[];
63
57
  protected getCallbackEvents(): readonly string[];
@@ -74,7 +68,6 @@ export declare class DataFrameComponent extends BaseComponent<DataFrameState> {
74
68
  persistToIndexedDB(enabled: boolean): this;
75
69
  clearStorageOnFileRemove(enabled: boolean): this;
76
70
  clear(): Promise<this>;
77
- showStatus(v: boolean): this;
78
71
  statusIcon(v: string): this;
79
72
  apply(fn: (df: DataFrame) => DataFrame): this;
80
73
  filter(predicate: (row: Record<string, any>, index: number) => boolean): this;
@@ -109,14 +102,12 @@ export declare class DataFrameComponent extends BaseComponent<DataFrameState> {
109
102
  private _showDataView;
110
103
  private _hideDataView;
111
104
  private _updateSettingsGear;
105
+ /**
106
+ * Show the unified settings modal (now delegated to ImportSettingsModal)
107
+ */
112
108
  private _showSettingsModal;
113
109
  private _detectMalformedData;
114
110
  private _showReshapeModal;
115
- private _cleanupReshapeModal;
116
- private _escapeHtml;
117
- private _buildClickablePreviewHTML;
118
- private _showExcelReshapeModal;
119
- private _showCSVReshapeModal;
120
111
  update(_prop: string, _value: any): void;
121
112
  render(targetId?: string | HTMLElement | BaseComponent<any>): this;
122
113
  }
@@ -1 +1 @@
1
- {"version":3,"file":"dataframe.d.ts","sourceRoot":"","sources":["dataframe.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dataframe.d.ts","sourceRoot":"","sources":["dataframe.ts"],"names":[],"mappings":"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"}