@perspective-dev/viewer 5.4.0 → 5.5.1

package/src/themes/intl/fr.css

@@ -74,16 +74,13 @@ perspective-viewer {
 
     /* Column Settings */
     --psp-label--color--content: "Couleur";
-    --psp-label--format--content: "Format";
     --psp-label--timezone--content: "Fuseau horaire";
     --psp-label--date-style--content: "Style de date";
     --psp-label--time-style--content: "Style d'heure";
-    --psp-label--number-fg-mode--content: "Premier plan";
-    --psp-label--number-bg-mode--content: "Arrière-plan";
-    --psp-label--fg-colors--content: "Premier plan";
-    --psp-label--bg-colors--content: "Arrière-plan";
-    --psp-label--datetime-color-mode--content: "Couleur";
-    --psp-label--string-color-mode--content: "Couleur";
+    --psp-label--fg-mode--content: "Premier plan";
+    --psp-label--bg-mode--content: "Arrière-plan";
+    --psp-label--fg-color--content: "Premier plan";
+    --psp-label--bg-color--content: "Arrière-plan";
     --psp-label--series--content: "Série";
     --psp-label--color-range--content: "Gamme de couleurs";
     --psp-label--style--content: "Style";
@@ -148,6 +145,21 @@ perspective-viewer {
     /* Plugin settings */
     --psp-label--edit-mode--content: "Mode édition";
     --psp-label--scroll-lock--content: "Verrouillage du défilement";
+    --psp-label--column-menus--content: "Menus de colonne";
+    --psp-label--group-font--content: "Police";
+    --psp-label--group-rows--content: "Lignes";
+    --psp-label--link--content: "Lien";
+    --psp-label--font-family--content: "Famille de police";
+    --psp-label--font-size--content: "Taille de police";
+    --psp-label--request-local-fonts--content: "Polices locales";
+    --psp-label--local-fonts-blocked--content: "Polices locales bloquées";
+    --psp-label--request-local-fonts-title--content: "Autoriser l'accès aux polices installées sur cet appareil";
+    --psp-label--local-fonts-blocked-title--content: "L'accès aux polices locales est bloqué pour ce site. Autorisez-le dans les paramètres du site du navigateur pour les afficher ici.";
+    --psp-label--word-wrap--content: "Retour à la ligne";
+    --psp-label--align--content: "Alignement";
+    --psp-label--row-height--content: "Hauteur de ligne";
+    --psp-label--zebra-rows--content: "Lignes zébrées";
+    --psp-label--zebra-color--content: "Couleur zébrée";
     --psp-label--chart-type--content: "Type de glyphe";
 
     /* Plugin settings — viewer-charts */
@@ -189,6 +201,7 @@ perspective-viewer {
     --psp-label--group-legend--content: "Légende";
     --psp-label--group-tooltip--content: "Info-bulles";
     --psp-label--group-color--content: "Couleur";
+    --psp-label--group-column--content: "Colonne";
     --psp-label--group-format--content: "Format";
     --psp-label--column-size-override--content: "Largeur de colonne";
 }

package/src/themes/intl/ja.css

@@ -75,16 +75,13 @@ perspective-viewer {
 
     /* Column Settings */
     --psp-label--color--content: "色";
-    --psp-label--format--content: "フォーマット";
     --psp-label--timezone--content: "タイムゾーン";
     --psp-label--date-style--content: "日付スタイル";
     --psp-label--time-style--content: "時間スタイル";
-    --psp-label--number-fg-mode--content: "前景";
-    --psp-label--number-bg-mode--content: "背景";
-    --psp-label--fg-colors--content: "前景";
-    --psp-label--bg-colors--content: "背景";
-    --psp-label--datetime-color-mode--content: "色";
-    --psp-label--string-color-mode--content: "色";
+    --psp-label--fg-mode--content: "前景";
+    --psp-label--bg-mode--content: "背景";
+    --psp-label--fg-color--content: "前景";
+    --psp-label--bg-color--content: "背景";
     --psp-label--series--content: "シリーズ";
     --psp-label--color-range--content: "色の範囲";
     --psp-label--style--content: "スタイル";
@@ -148,6 +145,21 @@ perspective-viewer {
     /* Plugin settings */
     --psp-label--edit-mode--content: "編集モード";
     --psp-label--scroll-lock--content: "スクロールロック";
+    --psp-label--column-menus--content: "列メニュー";
+    --psp-label--group-font--content: "フォント";
+    --psp-label--group-rows--content: "行";
+    --psp-label--link--content: "リンク";
+    --psp-label--font-family--content: "フォントファミリー";
+    --psp-label--font-size--content: "フォントサイズ";
+    --psp-label--request-local-fonts--content: "ローカルフォント";
+    --psp-label--local-fonts-blocked--content: "ローカルフォントはブロック済み";
+    --psp-label--request-local-fonts-title--content: "このデバイスにインストールされているフォントへのアクセスを許可";
+    --psp-label--local-fonts-blocked-title--content: "このサイトではローカルフォントへのアクセスがブロックされています。ブラウザーのサイト設定で許可すると、ここに一覧表示されます。";
+    --psp-label--word-wrap--content: "折り返し";
+    --psp-label--align--content: "配置";
+    --psp-label--row-height--content: "行の高さ";
+    --psp-label--zebra-rows--content: "縞模様の行数";
+    --psp-label--zebra-color--content: "縞模様の色";
     --psp-label--chart-type--content: "グリフの種類";
 
     /* Plugin settings — viewer-charts */
@@ -189,6 +201,7 @@ perspective-viewer {
     --psp-label--group-legend--content: "凡例";
     --psp-label--group-tooltip--content: "ツールチップ";
     --psp-label--group-color--content: "色";
+    --psp-label--group-column--content: "列";
     --psp-label--group-format--content: "書式";
     --psp-label--column-size-override--content: "列の幅";
 }

package/src/themes/intl/pt.css

@@ -74,16 +74,13 @@ perspective-viewer {
 
     /* Column Settings */
     --psp-label--color--content: "Cor";
-    --psp-label--format--content: "Formato";
     --psp-label--timezone--content: "Fuso horário";
     --psp-label--date-style--content: "Estilo de data";
     --psp-label--time-style--content: "Estilo de tempo";
-    --psp-label--number-fg-mode--content: "Primeiro plano";
-    --psp-label--number-bg-mode--content: "Fundo";
-    --psp-label--fg-colors--content: "Primeiro plano";
-    --psp-label--bg-colors--content: "Fundo";
-    --psp-label--datetime-color-mode--content: "Cor";
-    --psp-label--string-color-mode--content: "Cor";
+    --psp-label--fg-mode--content: "Primeiro plano";
+    --psp-label--bg-mode--content: "Fundo";
+    --psp-label--fg-color--content: "Primeiro plano";
+    --psp-label--bg-color--content: "Fundo";
     --psp-label--series--content: "Série";
     --psp-label--color-range--content: "Gama de cores";
     --psp-label--style--content: "Estilo";
@@ -148,6 +145,21 @@ perspective-viewer {
     /* Plugin settings */
     --psp-label--edit-mode--content: "Modo de edição";
     --psp-label--scroll-lock--content: "Bloqueio de rolagem";
+    --psp-label--column-menus--content: "Menus de coluna";
+    --psp-label--group-font--content: "Fonte";
+    --psp-label--group-rows--content: "Linhas";
+    --psp-label--link--content: "Link";
+    --psp-label--font-family--content: "Família da fonte";
+    --psp-label--font-size--content: "Tamanho da fonte";
+    --psp-label--request-local-fonts--content: "Fontes locais";
+    --psp-label--local-fonts-blocked--content: "Fontes locais bloqueadas";
+    --psp-label--request-local-fonts-title--content: "Permitir acesso às fontes instaladas neste dispositivo";
+    --psp-label--local-fonts-blocked-title--content: "O acesso às fontes locais está bloqueado para este site. Permita-o nas configurações do site do navegador para listá-las aqui.";
+    --psp-label--word-wrap--content: "Quebra de linha";
+    --psp-label--align--content: "Alinhamento";
+    --psp-label--row-height--content: "Altura da linha";
+    --psp-label--zebra-rows--content: "Linhas zebradas";
+    --psp-label--zebra-color--content: "Cor zebrada";
     --psp-label--chart-type--content: "Tipo de glifo";
 
     /* Plugin settings — viewer-charts */
@@ -189,6 +201,7 @@ perspective-viewer {
     --psp-label--group-legend--content: "Legenda";
     --psp-label--group-tooltip--content: "Dicas";
     --psp-label--group-color--content: "Cor";
+    --psp-label--group-column--content: "Coluna";
     --psp-label--group-format--content: "Formato";
     --psp-label--column-size-override--content: "Largura da coluna";
 }

package/src/themes/intl/zh.css

@@ -74,16 +74,13 @@ perspective-viewer {
 
     /* Column Settings */
     --psp-label--color--content: "颜色";
-    --psp-label--format--content: "格式";
     --psp-label--timezone--content: "时区";
     --psp-label--date-style--content: "日期样式";
     --psp-label--time-style--content: "时间风格";
-    --psp-label--number-fg-mode--content: "前景";
-    --psp-label--number-bg-mode--content: "背景";
-    --psp-label--fg-colors--content: "前景";
-    --psp-label--bg-colors--content: "背景";
-    --psp-label--datetime-color-mode--content: "颜色";
-    --psp-label--string-color-mode--content: "颜色";
+    --psp-label--fg-mode--content: "前景";
+    --psp-label--bg-mode--content: "背景";
+    --psp-label--fg-color--content: "前景";
+    --psp-label--bg-color--content: "背景";
     --psp-label--series--content: "系列";
     --psp-label--color-range--content: "颜色范围";
     --psp-label--style--content: "样式";
@@ -148,6 +145,21 @@ perspective-viewer {
     /* Plugin settings */
     --psp-label--edit-mode--content: "编辑模式";
     --psp-label--scroll-lock--content: "滚动锁定";
+    --psp-label--column-menus--content: "列菜单";
+    --psp-label--group-font--content: "字体";
+    --psp-label--group-rows--content: "行";
+    --psp-label--link--content: "链接";
+    --psp-label--font-family--content: "字体系列";
+    --psp-label--font-size--content: "字号";
+    --psp-label--request-local-fonts--content: "本地字体";
+    --psp-label--local-fonts-blocked--content: "本地字体已被阻止";
+    --psp-label--request-local-fonts-title--content: "允许访问此设备上安装的字体";
+    --psp-label--local-fonts-blocked-title--content: "此站点已阻止访问本地字体。请在浏览器的站点设置中允许访问，以便在此列出。";
+    --psp-label--word-wrap--content: "自动换行";
+    --psp-label--align--content: "对齐";
+    --psp-label--row-height--content: "行高";
+    --psp-label--zebra-rows--content: "斑马行";
+    --psp-label--zebra-color--content: "斑马色";
     --psp-label--chart-type--content: "图元类型";
 
     /* Plugin settings — viewer-charts */
@@ -189,6 +201,7 @@ perspective-viewer {
     --psp-label--group-legend--content: "图例";
     --psp-label--group-tooltip--content: "工具提示";
     --psp-label--group-color--content: "颜色";
+    --psp-label--group-column--content: "列";
     --psp-label--group-format--content: "格式";
     --psp-label--column-size-override--content: "列宽";
 }

package/src/themes/intl.css

@@ -74,16 +74,13 @@ perspective-viewer {
 
     /* Column Settings */
     --psp-label--color--content: "Color";
-    --psp-label--format--content: "Format";
     --psp-label--timezone--content: "Timezone";
     --psp-label--date-style--content: "Date Style";
     --psp-label--time-style--content: "Time Style";
-    --psp-label--number-fg-mode--content: "Foreground";
-    --psp-label--number-bg-mode--content: "Background";
-    --psp-label--fg-colors--content: "Foreground";
-    --psp-label--bg-colors--content: "Background";
-    --psp-label--datetime-color-mode--content: "Color";
-    --psp-label--string-color-mode--content: "Color";
+    --psp-label--fg-mode--content: "Foreground";
+    --psp-label--bg-mode--content: "Background";
+    --psp-label--fg-color--content: "Color";
+    --psp-label--bg-color--content: "Color";
     --psp-label--series--content: "Series";
     --psp-label--color-range--content: "Color Range";
     --psp-label--style--content: "Style";
@@ -122,6 +119,7 @@ perspective-viewer {
     --psp-label--group-legend--content: "Legend";
     --psp-label--group-tooltip--content: "Tooltips";
     --psp-label--group-color--content: "Color";
+    --psp-label--group-column--content: "Column";
     --psp-label--group-format--content: "Format";
     --psp-label--column-size-override--content: "Column Width";
 
@@ -160,6 +158,21 @@ perspective-viewer {
     /* Plugin settings */
     --psp-label--edit-mode--content: "Edit mode";
     --psp-label--scroll-lock--content: "Scroll lock";
+    --psp-label--column-menus--content: "Column menus";
+    --psp-label--group-font--content: "Font";
+    --psp-label--group-rows--content: "Rows";
+    --psp-label--link--content: "Link";
+    --psp-label--font-family--content: "Font family";
+    --psp-label--font-size--content: "Font size";
+    --psp-label--request-local-fonts--content: "Local Fonts";
+    --psp-label--local-fonts-blocked--content: "No Access";
+    --psp-label--request-local-fonts-title--content: "Allow access to the fonts installed on this device";
+    --psp-label--local-fonts-blocked-title--content: "Access to local fonts is blocked for this site. Allow it in the browser's site settings to list them here.";
+    --psp-label--word-wrap--content: "Word wrap";
+    --psp-label--align--content: "Alignment";
+    --psp-label--row-height--content: "Row height";
+    --psp-label--zebra-rows--content: "Zebra rows";
+    --psp-label--zebra-color--content: "Zebra color";
     --psp-label--chart-type--content: "Glyph type";
 
     /* Plugin settings — viewer-charts */

package/src/themes/monokai.css

@@ -131,7 +131,7 @@ perspective-viewer [theme="Monokai"] {
     --psp-datagrid--border-color: #444444;
 
     /* FIXME: broken in shadow DOM */
-    regular-table table tbody th:empty {
+    regular-table table tbody th.psp-tree-spacer {
         background: linear-gradient(
             to right,
             transparent 9px,

package/src/themes/vaporwave.css

@@ -130,7 +130,7 @@ perspective-viewer [theme="Vaporwave"] {
     --psp-datagrid--hover--border-color: var(--pp-color-1) !important;
 
     /* FIXME: broken in shadow DOM */
-    regular-table table tbody th:empty {
+    regular-table table tbody th.psp-tree-spacer {
         background: linear-gradient(
             to right,
             transparent 9px,

package/src/ts/perspective-viewer.ts

@@ -63,6 +63,8 @@ export type * from "./ts-rs/ClientOptions.d.ts";
 export type * from "./ts-rs/ExportOptions.d.ts";
 export type * from "./ts-rs/GetTableOptions.d.ts";
 export type * from "./ts-rs/GetClientOptions.d.ts";
+export type * from "./ts-rs/GetViewOptions.d.ts";
+export type * from "./ts-rs/GetViewMode.d.ts";
 
 export { init_client } from "./bootstrap";
 import { init_client } from "./bootstrap";

package/src/ts/plugin.ts

@@ -107,6 +107,15 @@ export interface IPerspectiveViewerPlugin {
         column_stats?: Record<string, unknown>,
     ): { fields: Array<Record<string, unknown> & { kind: string }> };
 
+    /**
+     * The plugin-level settings schema as it applies to `current_value`, the
+     * `plugin_config` state the schema should describe.
+     */
+    plugin_config_schema?(
+        view_config?: Record<string, unknown>,
+        current_value?: Record<string, unknown> | null,
+    ): { fields: Array<Record<string, unknown> & { kind: string }> };
+
     /**
      * Render this plugin using the provided `View`.  While there is no
      * provision to cancel a render in progress per se, calling a method on

package/src/ts/ts-rs/AddPanelOptions.ts

@@ -0,0 +1,10 @@
+// This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
+
+/**
+ * Options for the `addPanel()` method.
+ */
+export type AddPanelOptions = { 
+/**
+ * As `RestoreOptions::wait_for_table`.
+ */
+wait_for_table?: boolean, };

package/src/ts/ts-rs/ExportMethod.ts

@@ -1,3 +1,3 @@
 // This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
 
-export type ExportMethod = "csv" | "csv-all" | "csv-selected" | "json" | "json-all" | "json-selected" | "ndjson" | "ndjson-all" | "ndjson-selected" | "html" | "plugin" | "arrow" | "arrow-selected" | "arrow-all" | "json-config";
+export type ExportMethod = "csv" | "csv-all" | "csv-selected" | "json" | "json-all" | "json-selected" | "ndjson" | "ndjson-all" | "ndjson-selected" | "html" | "plugin" | "arrow" | "arrow-selected" | "arrow-all" | "arrow-lz4" | "arrow-lz4-selected" | "arrow-lz4-all" | "arrow-zstd" | "arrow-zstd-selected" | "arrow-zstd-all" | "json-config";

package/src/ts/ts-rs/{DatetimeColorMode.ts → GetViewMode.ts}

@@ -1,3 +1,6 @@
 // This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
 
-export type DatetimeColorMode = "none" | "foreground" | "background";
+/**
+ * How `getView` resolves the `View` it returns.
+ */
+export type GetViewMode = "live" | "clone" | "auto";

package/src/ts/ts-rs/GetViewOptions.ts

@@ -0,0 +1,7 @@
+// This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
+import type { GetViewMode } from "./GetViewMode.js";
+
+/**
+ * The `getView` argument: the `mode` and the target panel.
+ */
+export type GetViewOptions = { mode?: GetViewMode, panel?: string, };

package/src/ts/ts-rs/RestoreOptions.ts

@@ -17,4 +17,10 @@ panel?: string,
  * The config may be partially applied on failure; restore a
  * known-good config to recover exactly.
  */
-suppress_errors?: boolean, };
+suppress_errors?: boolean, 
+/**
+ * When `true`, a `table` no loaded client hosts yet leaves the panel
+ * empty and pending until the table is created, instead of the default
+ * error.
+ */
+wait_for_table?: boolean, };

package/src/ts/ts-rs/RestoreWorkspaceOptions.ts

@@ -0,0 +1,10 @@
+// This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
+
+/**
+ * Options for the `restoreWorkspace()` method.
+ */
+export type RestoreWorkspaceOptions = { 
+/**
+ * As `RestoreOptions::wait_for_table`, applied to every panel entry.
+ */
+wait_for_table?: boolean, };

package/src/ts/ts-rs/WorkspaceConfigUpdate.ts

@@ -1,33 +1,44 @@
 // This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
 import type { Filter } from "./Filter.js";
 import type { Layout } from "./Layout.js";
+import type { OptionalUpdate } from "./OptionalUpdate.js";
 import type { ViewerConfigInitial } from "./ViewerConfigInitial.js";
 
 /**
- * The parse target of a workspace config in
- * [`PerspectiveViewerElement::restoreWorkspace`]. Mirrors
- * [`WorkspaceConfig`], but `panels` entries are [`ViewerConfigInitial`]s —
- * every entry creates a NEW panel, so `table` is required by type (a
- * stray per-panel `settings` key is ignored; it is element-level state,
- * carried by the top-level `active` field).
+ * The [`PerspectiveViewerElement::restoreWorkspace`] argument: a field-wise
+ * update of the element's workspace state, like [`ViewerConfigUpdate`] for a
+ * panel, where an absent key is unchanged, `null` resets and a value
+ * replaces.
  */
-export type WorkspaceConfigUpdate = { active?: string, layout?: Layout, panels: { [key in string]?: ViewerConfigInitial }, 
+export type WorkspaceConfigUpdate = { 
 /**
- * The element-level global (master/detail cross-) filters to re-apply as
- * a transient overlay on every DETAIL panel. Restored as one
- * unattributed bucket: the next selection on any master replaces it.
- * `Option` so an explicit `undefined` property deserializes as
- * `None` like an absent key (also `masters` / `palette` below).
+ * The panel to activate with the settings sidebar open, by `panels` key
+ * or existing panel id; `null` closes the sidebar.
  */
-global_filters?: Array<Filter> | null, 
+active?: OptionalUpdate<string>, 
 /**
- * The master (filter-source) panels, by saved `panels` key. An id not in
- * `panels` warns and is dropped.
+ * The layout tree to stage, naming `panels` keys or existing panel ids.
  */
-masters?: Array<string> | null, 
+layout?: Layout, 
 /**
- * Named color-scale definitions to apply to the host (see
- * [`WorkspaceConfig::palette`]), replacing any previously restored
- * palette.
+ * The complete replacement panel set, each [`ViewerConfigInitial`] entry
+ * creating a new panel (`{}` empties the element); absent keeps the
+ * existing panels.
  */
-palette?: { [key in string]?: string } | null, };
+panels?: { [key in string]?: ViewerConfigInitial }, 
+/**
+ * The element-level cross-filter set applied to every detail panel as
+ * one unattributed bucket, replacing the current set; `null` clears it.
+ */
+global_filters?: OptionalUpdate<Array<Filter>>, 
+/**
+ * The master (filter-source) panels by `panels` key or existing panel
+ * id, unknown ids dropped with a warning; `null` demotes every panel.
+ */
+masters?: OptionalUpdate<Array<string>>, 
+/**
+ * Named color-scale definitions applied to the host (see
+ * [`WorkspaceConfig::palette`]), replacing the previous palette; `null`
+ * clears it.
+ */
+palette?: OptionalUpdate<{ [key in string]?: string }>, };

package/dist/esm/ts-rs/DatetimeColorMode.d.ts

@@ -1 +0,0 @@
-export type DatetimeColorMode = "none" | "foreground" | "background";

package/dist/esm/ts-rs/FormatMode.d.ts

@@ -1 +0,0 @@
-export type FormatMode = "none" | "link" | "bold" | "italics";

package/dist/esm/ts-rs/StringColorMode.d.ts

@@ -1 +0,0 @@
-export type StringColorMode = "none" | "foreground" | "background" | "series";

package/src/rust/components/string_column_style.rs

@@ -1,120 +0,0 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
-// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
-// ┃ This file is part of the Perspective library, distributed under the terms ┃
-// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-use yew::prelude::*;
-
-use crate::config::*;
-use crate::ui::{ModalLink, SelectEnumField, SetModalLink};
-use crate::utils::WeakScope;
-
-/// Format-only widget for [`String`] columns. Renders the `format` enum
-/// only; color/color-mode UI is provided externally as primitive `Enum`
-/// + `Color` schema fields.
-#[derive(Properties)]
-pub struct StringColumnStyleProps {
-    pub config: Option<StringColumnStyleConfig>,
-
-    #[prop_or_default]
-    pub on_change: Callback<ColumnConfigFieldUpdate>,
-
-    #[prop_or_default]
-    pub keys: Vec<String>,
-
-    #[prop_or_default]
-    weak_link: WeakScope<StringColumnStyle>,
-}
-
-impl ModalLink<StringColumnStyle> for StringColumnStyleProps {
-    fn weak_link(&self) -> &'_ WeakScope<StringColumnStyle> {
-        &self.weak_link
-    }
-}
-
-impl PartialEq for StringColumnStyleProps {
-    fn eq(&self, other: &Self) -> bool {
-        self.config == other.config
-    }
-}
-
-pub enum StringColumnStyleMsg {
-    FormatChanged(Option<FormatMode>),
-}
-
-pub struct StringColumnStyle {
-    config: StringColumnStyleConfig,
-}
-
-impl Component for StringColumnStyle {
-    type Message = StringColumnStyleMsg;
-    type Properties = StringColumnStyleProps;
-
-    fn create(ctx: &Context<Self>) -> Self {
-        ctx.set_modal_link();
-        Self {
-            config: ctx.props().config.clone().unwrap_or_default(),
-        }
-    }
-
-    fn changed(&mut self, ctx: &Context<Self>, _old: &Self::Properties) -> bool {
-        let mut new_config = ctx.props().config.clone().unwrap_or_default();
-        if self.config != new_config {
-            std::mem::swap(&mut self.config, &mut new_config);
-            true
-        } else {
-            false
-        }
-    }
-
-    fn update(&mut self, ctx: &Context<Self>, msg: Self::Message) -> bool {
-        match msg {
-            StringColumnStyleMsg::FormatChanged(val) => {
-                self.config.format = val.unwrap_or_default();
-                self.dispatch_config(ctx);
-                true
-            },
-        }
-    }
-
-    fn view(&self, ctx: &Context<Self>) -> Html {
-        let format_mode_changed = ctx.link().callback(StringColumnStyleMsg::FormatChanged);
-        html! {
-            <>
-                <div id="column-style-container" class="string-column-style-container">
-                    <SelectEnumField<FormatMode>
-                        label="format"
-                        on_change={format_mode_changed}
-                        current_value={self.config.format}
-                    />
-                </div>
-            </>
-        }
-    }
-}
-
-impl StringColumnStyle {
-    /// When this config has changed, we must signal the wrapper element.
-    fn dispatch_config(&self, ctx: &Context<Self>) {
-        let value = if self.config == StringColumnStyleConfig::default() {
-            serde_json::Map::new()
-        } else {
-            match serde_json::to_value(&self.config) {
-                Ok(serde_json::Value::Object(m)) => m,
-                _ => serde_json::Map::new(),
-            }
-        };
-
-        ctx.props().on_change.emit(ColumnConfigFieldUpdate {
-            keys: ctx.props().keys.clone(),
-            value,
-        });
-    }
-}