@yuneta/gobj-ui 5.0.0 → 5.0.1

package/README.md

@@ -65,17 +65,23 @@ consumers. They are independent snapshots (no shared git ancestry):
 
 | Line | Branch | Tag | Layout | Consumed by | How | Status |
 |------|--------|-----|--------|-------------|-----|--------|
-| **v2** | `main` | `2.0.0`+ | `src/` subdir | **wattyzer**, **gui_agent**, **gui_treedb** | local `file:` dep on the yunetas submodule | active development |
+| **v2** | `main` | `2.0.0`+ | `src/` subdir | **gui_agent**, **gui_treedb** | local `file:` dep on the yunetas submodule | active development |
+| **v2** | `main` | `2.0.0`+ | `src/` subdir | **wattyzer** | published npm `@yuneta/gobj-ui@^5.0.0` (dist-tag `latest`) | active development |
 | **v1** | `v1` | `1.0.1` | `src/` subdir | **estadodelaire**, **hidraulia** | published npm `@yuneta/gobj-ui@^1.0.1` (dist-tag `legacy`) | frozen, maintenance-only |
 
 - **v2 / `main`** is the active development line: the declarative shell
   (legacy-stack-free since `3.0.0`). It is embedded as a git submodule in **yunetas** at
-  `kernel/js/gobj-ui`, and **wattyzer** plus the in-repo JS yunos
+  `kernel/js/gobj-ui`, and the in-repo JS yunos
   (**`yunos/js/gui_agent`**, **`yunos/js/gui_treedb`**) consume that checkout as a
-  `file:` dependency (`@yuneta/gobj-ui` → `../../../kernel/js/gobj-ui` from a
-  yuno; `../../../yunetas/kernel/js/gobj-ui` from wattyzer), importing by package
-  specifier (`@yuneta/gobj-ui/src/*.js`, exports map `"./src/*"`; the `index.js`
-  barrel and the vite plugin stay at the package root).
+  `file:` dependency (`@yuneta/gobj-ui` → `../../../kernel/js/gobj-ui`), importing
+  by package specifier (`@yuneta/gobj-ui/src/*.js`, exports map `"./src/*"`; the
+  `index.js` barrel and the vite plugin stay at the package root).
+  **wattyzer takes the same line from the registry** (since 2026-07-25): the
+  published tarball ships `src/`, `index.js` and the vite plugin, so the import
+  specifiers are identical — but library work only reaches it after a
+  `npm publish` and a range bump on its side. Two consequences worth knowing:
+  a fix cannot be validated in wattyzer before it is released, and wattyzer is
+  the consumer that proves the **tarball** is complete, not just the checkout.
 - **v1 / `v1`** is the frozen legacy-only stack (the declarative shell is not on
   this line). It is **published to npm**; estadodelaire and hidraulia depend on
   `@yuneta/gobj-ui@^1.0.0` from the registry. Land only maintenance fixes here,
@@ -86,10 +92,13 @@ All new feature work lands on `main`/v2.
 ## Usage
 
 ```bash
-# v2 (active): clone yunetas with submodules; wattyzer picks it up via file:
+# v2 (active): clone yunetas with submodules; the in-repo yunos pick it up via file:
 git clone --recurse-submodules <yunetas>
 git submodule update --init kernel/js/gobj-ui      # yunetas tracks main/v2
 
+# v2 from the registry (wattyzer, and any out-of-tree consumer)
+npm install @yuneta/gobj-ui@^5.0.0
+
 # v1 (frozen): consumers just install the published package
 npm install @yuneta/gobj-ui@^1.0.0
 ```
@@ -107,8 +116,9 @@ npm test           # vitest (v2/main only; v1 has no test target)
 ```
 
 `dist/` is gitignored. v1 consumers get `dist/` from the **published** npm
-tarball; v2 (wattyzer) imports source files by specifier. Rebuild `dist/` to
-validate and before publishing a v1 release.
+tarball; v2 consumers import source files by specifier, whether they resolve
+them from the checkout or from the tarball's `src/`. Rebuild `dist/` to
+validate and before publishing a release.
 
 ## Components
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yuneta/gobj-ui",
-    "version": "5.0.0",
+    "version": "5.0.1",
     "type": "module",
     "main": "dist/gobj-ui.cjs.js",
     "module": "dist/gobj-ui.es.js",

package/src/tabulator.css

@@ -176,6 +176,34 @@
     color: var(--bulma-text) !important;
 }
 
+/* ====================================================================
+ *  The CELL EDITOR — typography and box, in EVERY theme.
+ *
+ *  Tabulator hands the editor a bare <input>, and a bare form control does
+ *  not inherit typography: the browser gives it its own default (13.33px
+ *  Arial), so the value visibly SHRINKS and changes face the moment the cell
+ *  enters edit mode. The theme also drops the editing cell's padding
+ *  (`.tabulator-editing {padding: 0}`) and the control brings its own, so
+ *  the text jumps sideways too. Inherit the font and restore the cell's 4px
+ *  so entering edit mode changes nothing but the caret.
+ * ==================================================================== */
+.tabulator-row .tabulator-cell.tabulator-editing input,
+.tabulator-row .tabulator-cell.tabulator-editing select,
+.tabulator-row .tabulator-cell.tabulator-editing textarea,
+.tabulator .tabulator-header .tabulator-header-filter input,
+.tabulator .tabulator-header .tabulator-header-filter select {
+    font-family: inherit;
+    font-size: inherit;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0 4px;
+}
+
+.tabulator-row .tabulator-cell.tabulator-editing input,
+.tabulator-row .tabulator-cell.tabulator-editing select {
+    height: 100%;
+}
+
 /*
  *  The CELL EDITOR in dark theme.
  *
@@ -183,16 +211,22 @@
  *  browser default: BLACK text on the dark cell — the value disappears the
  *  moment you click into it, and comes back when the field loses focus. Same
  *  for a header-filter input and for a <select>.
+ *
+ *  `--bulma-body-color` is the DIMMED body text; on the near-black editor
+ *  wash it reads washed out just when the eye needs it most (you are typing
+ *  into it). The editing state gets `--bulma-text-strong` plus a wash one
+ *  step lighter than the row and a link-coloured border, so the open field
+ *  is the brightest thing in the table.
  */
 [data-theme=dark] .tabulator-row .tabulator-cell.tabulator-editing input,
 [data-theme=dark] .tabulator-row .tabulator-cell.tabulator-editing select,
 [data-theme=dark] .tabulator-row .tabulator-cell.tabulator-editing textarea,
 [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter input,
 [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter select {
-    background-color: var(--bulma-scheme-main, #16181d);
-    color: var(--bulma-body-color, #e6e6e6) !important;
-    caret-color: var(--bulma-body-color, #e6e6e6);
-    border-color: var(--bulma-border);
+    background-color: var(--bulma-grey-darker, #2b2f38);
+    color: var(--bulma-text-strong, #f5f6f7) !important;
+    caret-color: var(--bulma-text-strong, #f5f6f7);
+    border-color: var(--bulma-link, #4a9eff);
 }
 
 [data-theme=dark] .tabulator-row .tabulator-cell.tabulator-editing input::placeholder,
@@ -276,6 +310,21 @@
         background-color: var(--bulma-background) !important;
         color: var(--bulma-body-color) !important;
     }
+    /*  same editor fix as [data-theme=dark] above  */
+    [data-theme=system] .tabulator-row .tabulator-cell.tabulator-editing input,
+    [data-theme=system] .tabulator-row .tabulator-cell.tabulator-editing select,
+    [data-theme=system] .tabulator-row .tabulator-cell.tabulator-editing textarea,
+    [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter input,
+    [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter select {
+        background-color: var(--bulma-grey-darker, #2b2f38);
+        color: var(--bulma-text-strong, #f5f6f7) !important;
+        caret-color: var(--bulma-text-strong, #f5f6f7);
+        border-color: var(--bulma-link, #4a9eff);
+    }
+    [data-theme=system] .tabulator-row .tabulator-cell.tabulator-editing input::placeholder,
+    [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter input::placeholder {
+        color: var(--bulma-text-weak, #8a8f98);
+    }
     [data-theme=system] .tabulator-row.tabulator-selected {
         background-color: var(--bulma-link) !important;
         color: var(--bulma-link-invert) !important;