flexdesk 0.17.0 → 0.17.2

package/src/ui/components/tsv.js

@@ -0,0 +1,74 @@
+/**
+ * tsv.js — STORY-0085 (writing), STORY-0090 (reading). Tab-separated text,
+ * the format Excel and Google Sheets put on the clipboard as `text/plain` and
+ * read back from it. DataTable's cell mode copies a range with `toTSV` and
+ * pastes a block read with `fromTSV`.
+ *
+ * QUOTING. Excel quotes a cell that holds a tab, a newline (LF or CR) or a
+ * double quote, and doubles every quote inside it: `say "hi"` is written
+ * `"say ""hi"""`. Any other cell is written as it is, so a plain grid stays
+ * plain text. A writer that does not quote turns a cell holding a tab into two
+ * cells, and every column after it lands one to the right when pasted.
+ *
+ * LINES. Rows are joined with `\n` and there is no newline after the last
+ * row: one cell copied is that cell's text alone.
+ *
+ * READING. Character by character, never by splitting: a quoted cell may hold
+ * tabs and newlines, and a split that cannot know it shifts every column after
+ * such a cell into the wrong place, silently. A quote opens a quoted cell only
+ * at the start of a cell; inside one a doubled quote is a quote. A CR outside
+ * a quoted cell is dropped, so CRLF lines read as LF ones. Excel ends its text
+ * with a newline: the empty line that leaves (and any further empty lines at
+ * the end) is dropped, so a paste never carries a row nobody copied.
+ */
+
+/** One cell's text: `null` and `undefined` are empty, anything else is
+ *  `String(value)`, quoted the way Excel quotes it when it has to be. */
+export function tsvCell(value) {
+    const text = value === null || value === undefined ? '' : String(value);
+    if (/[\t\n\r"]/.test(text)) return `"${text.replace(/"/g, '""')}"`;
+    return text;
+}
+
+/** A matrix (an array of rows, each an array of cells) as TSV. */
+export function toTSV(matrix) {
+    if (!Array.isArray(matrix)) return '';
+    return matrix
+        .map((row) => (Array.isArray(row) ? row : [row]).map(tsvCell).join('\t'))
+        .join('\n');
+}
+
+/**
+ * Tab-separated text as a matrix of strings, one array per line. Empty text
+ * is `[]`; a line with no tab is one cell; empty cells are kept (`'a\t\tb'`
+ * is three cells). Lines may differ in length: each is as long as it is.
+ */
+export function fromTSV(text) {
+    if (text === null || text === undefined || text === '') return [];
+    const src = String(text);
+    const rows = [];
+    let row = [];
+    let cell = '';
+    let quoted = false;
+    for (let i = 0; i < src.length; i++) {
+        const ch = src[i];
+        if (quoted) {
+            if (ch === '"' && src[i + 1] === '"') { cell += '"'; i++; }
+            else if (ch === '"') quoted = false;
+            else cell += ch;
+        } else if (ch === '"' && cell === '') quoted = true;
+        else if (ch === '\t') { row.push(cell); cell = ''; }
+        else if (ch === '\r') { /* CRLF reads as LF */ }
+        else if (ch === '\n') { row.push(cell); rows.push(row); row = []; cell = ''; }
+        else cell += ch;
+    }
+    row.push(cell);
+    rows.push(row);
+    // Excel's closing newline leaves an empty line behind: it is no row.
+    while (rows.length > 1) {
+        const last = rows[rows.length - 1];
+        if (last.length === 1 && last[0] === '') rows.pop();
+        else break;
+    }
+    return rows;
+}

package/src/ui/notification_center.js

@@ -105,7 +105,7 @@ export class NotificationCenter extends ComponentBase {
             this.container = existingContainer;
             this.rootEl = existingContainer.querySelector('.twm-notification-center');
             this.listEl = existingContainer.querySelector('.twm-notification-center__list');
-            this.liveRegionEl = existingContainer.querySelector('.notification-center__live-region');
+            this.liveRegionEl = existingContainer.querySelector('.twm-notification-center__live-region');
             this._mounted = true;
             this.#subscribeEvents();
             this.#claimToastBus();
@@ -124,7 +124,7 @@ export class NotificationCenter extends ComponentBase {
         this.listEl.className = 'twm-notification-center__list';
 
         this.liveRegionEl = document.createElement('div');
-        this.liveRegionEl.className = 'notification-center__live-region';
+        this.liveRegionEl.className = 'twm-notification-center__live-region';
         this.liveRegionEl.setAttribute('aria-live', 'polite');
         this.liveRegionEl.setAttribute('aria-atomic', 'true');
         this.liveRegionEl.style.position = 'absolute';
@@ -599,7 +599,7 @@ export class NotificationCenter extends ComponentBase {
         if (!this.#summaryEl) {
             const more = document.createElement('button');
             more.type = 'button';
-            more.className = 'notification twm-notification--summary';
+            more.className = 'twm-notification twm-notification--summary';
             more.addEventListener('click', () => {
                 const held = [...this.held];
                 try { this.summaryAction?.(held); } catch (err) { this.logger?.warn?.('summaryAction failed', err); }
@@ -729,8 +729,8 @@ export class NotificationCenter extends ComponentBase {
     #patchItem(entry, notification) {
         const item = entry.el;
         if (entry.severity !== notification.severity) {
-            if (entry.severity) item.classList.remove(`notification--${entry.severity}`);
-            item.classList.add('notification', `notification--${notification.severity}`);
+            if (entry.severity) item.classList.remove(`twm-notification--${entry.severity}`);
+            item.classList.add('twm-notification', `twm-notification--${notification.severity}`);
             entry.severity = notification.severity;
         }
         if (entry.titleEl) NotificationCenter.#setText(entry.titleEl, notification.title);

package/tiles.js

@@ -0,0 +1,27 @@
+/**
+ * @flexdesk/tiles — A draggable, resizable widget grid: the tile base class, the grid, the
+ * widget registry, layout persistence, a chart and a KPI tile (0.13.0), a list and a
+ * people tile and a board-wide scope picker (0.16.1), the figure tile every
+ * Plotly tile draws through and the config form (0.17.0).
+ *
+ * It stores layouts under keys YOU choose and resolves starting templates
+ * through a callback YOU supply. It has no opinion about what a layout is
+ * keyed by.
+ *
+ * GENERATED by scripts/gen_barrels.py. Do not hand-edit. (0.13.0: hand-edited to
+ * add chart_tiles.js — the generator is not in this repository; 0.16.1: list_tiles.js
+ * and scope_picker.js, the same way; 0.17.0: figure_tile.js and tile_config_form.js.)
+ *
+ * 10 modules.
+ */
+
+export * from './src/tiles/chart_tiles.js';
+export * from './src/tiles/config_schema.js';
+export * from './src/tiles/figure_tile.js';
+export * from './src/tiles/layout_persistence.js';
+export * from './src/tiles/list_tiles.js';
+export * from './src/tiles/scope_picker.js';
+export * from './src/tiles/tile_base.js';
+export * from './src/tiles/tile_config_form.js';
+export * from './src/tiles/tile_grid.js';
+export * from './src/tiles/tile_registry.js';

package/widgets.js

@@ -0,0 +1,69 @@
+/**
+ * @flexdesk/widgets — The widget set: DataTable, modals, managed windows, toasts, trees,
+ * context menus, menu bars, panels, section stacks, a step wizard, the help modal and the notification centre.
+ *
+ * GENERATED by scripts/gen_barrels.py. Do not hand-edit.
+ *
+ * 59 modules.
+ */
+
+export * from './src/ui/base/component_base.js';
+export * from './src/ui/base/controller_base.js';
+export * from './src/ui/base/page_base.js';
+export * from './src/ui/components/about_dialog.js';
+export * from './src/ui/components/alert_log.js';
+export * from './src/ui/components/alerts_pane.js';
+export * from './src/ui/components/action_dropdown.js';
+export * from './src/ui/components/attribute_list_editor.js';
+export * from './src/ui/components/autocomplete_field.js';
+export * from './src/ui/components/cell_editor_host.js';
+export * from './src/ui/components/cell_editors.js';
+export * from './src/ui/components/cell_selection.js';
+export * from './src/ui/components/color_field.js';
+export * from './src/ui/components/color_list_field.js';
+export * from './src/ui/components/column_fit.js';
+export * from './src/ui/components/computing_status_window.js';
+export * from './src/ui/components/confirm_dialog.js';
+export * from './src/ui/components/context_menu.js';
+export * from './src/ui/components/conversation_view.js';
+export * from './src/ui/components/data_table.js';
+export * from './src/ui/components/detail_header.js';
+export * from './src/ui/components/document_outline.js';
+export * from './src/ui/components/drag_reorder.js';
+export * from './src/ui/components/fact_table.js';
+export * from './src/ui/components/gallery_picker.js';
+export * from './src/ui/components/inline_renamer.js';
+export * from './src/ui/components/managed_window.js';
+export * from './src/ui/components/menu_bar.js';
+export * from './src/ui/components/modal.js';
+export * from './src/ui/components/notification_history.js';
+export * from './src/ui/components/progress.js';
+export * from './src/ui/components/record_list.js';
+export * from './src/ui/components/section_stack.js';
+export * from './src/ui/components/series.js';
+export * from './src/ui/components/settings_view.js';
+export * from './src/ui/components/slide_out_panel.js';
+export * from './src/ui/components/slider_field.js';
+export * from './src/ui/components/sortable_list.js';
+export * from './src/ui/components/staged_history.js';
+export * from './src/ui/components/table_state_store.js';
+export * from './src/ui/components/tabs.js';
+export * from './src/ui/components/tag_input.js';
+export * from './src/ui/components/toast.js';
+export * from './src/ui/components/toggle_field.js';
+export * from './src/ui/components/tree_view.js';
+export * from './src/ui/components/tsv.js';
+export * from './src/ui/components/window_taskbar.js';
+export * from './src/ui/components/wizard.js';
+export * from './src/ui/controllers/window_chrome_controller.js';
+export * from './src/ui/notification_center.js';
+export * from './src/ui/utils/auto_scrollbars.js';
+export * from './src/ui/utils/markdown.js';
+export * from './src/ui/utils/native_context_menu.js';
+export * from './src/ui/utils/overlay_scrollbar.js';
+export * from './src/ui/utils/raf_resize_observer.js';
+export * from './src/ui/utils/scroll_lock.js';
+export * from './src/ui/utils/strip_scroll.js';
+export * from './src/ui/utils/tooltip_service.js';
+export * from './src/help/help_modal.js';
+export * from './src/help/help_registry.js';

package/wm.js

@@ -0,0 +1,28 @@
+/**
+ * @flexdesk/wm — The tiling window manager: tiles, tabs, splits, desktops, the command
+ * palette, the taxonomy and entity registries, and createShell().
+ *
+ * GENERATED by scripts/gen_barrels.py. Do not hand-edit.
+ *
+ * 19 modules.
+ */
+
+export * from './src/tiling/bottom_panel_tabs.js';
+export * from './src/tiling/command_palette.js';
+export * from './src/tiling/content_registry.js';
+export * from './src/tiling/desktops.js';
+export * from './src/tiling/entity_sources.js';
+export * from './src/tiling/keymap.js';
+export * from './src/tiling/kind_taxonomy.js';
+export * from './src/tiling/landing_table.js';
+export * from './src/tiling/loading_overlay.js';
+export * from './src/tiling/nav_panel.js';
+export * from './src/tiling/page_factory.js';
+export * from './src/tiling/panel_keys.js';
+export * from './src/tiling/shell.js';
+export * from './src/tiling/tile_breadcrumb.js';
+export * from './src/tiling/tile_renderer.js';
+export * from './src/tiling/tile_tab_menu.js';
+export * from './src/tiling/tile_tree.js';
+export * from './src/tiling/wm.js';
+export * from './src/tiling/zoom.js';