@yuneta/gobj-ui 5.17.0 → 6.1.0

package/index.js

@@ -79,6 +79,7 @@ export { register_c_yui_treedb_topics } from "./src/c_yui_treedb_topics.js";
 export { register_c_yui_treedb_topic_with_form } from "./src/c_yui_treedb_topic_with_form.js";
 export { register_c_yui_treedb_graph } from "./src/c_yui_treedb_graph.js";
 export { register_c_yui_treedb_schema } from "./src/c_yui_treedb_schema.js";
+export { register_c_yui_schema_editor } from "./src/c_yui_schema_editor.js";
 export { register_c_g6_nodes_tree } from "./src/c_g6_nodes_tree.js";
 
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "5.17.0",
+  "version": "6.1.0",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",
@@ -29,13 +29,13 @@
   "devDependencies": {
     "@rollup/plugin-terser": "^1.0.0",
     "@vitest/coverage-v8": "^4.1.10",
-    "@yuneta/gobj-js": "^7.8.7",
+    "@yuneta/gobj-js": "^7.13.2",
     "vite": "^8.2.1",
     "vitest": "^4.1.10"
   },
   "peerDependencies": {
     "@antv/g6": "^5.1.0",
-    "@yuneta/gobj-js": "^7.8.7",
+    "@yuneta/gobj-js": "^7.13.2",
     "bulma": "^1.0.4",
     "i18next": "^26.3.6",
     "maplibre-gl": "^6.1.0",

package/src/c_yui_form.js

@@ -676,6 +676,7 @@ function build_form_field_conf(gobj, field_desc)
             break;
 
         case "rowid":
+        case "qualified":
             field_conf.tag = 'input';
             field_conf.inputType = 'text';
             break;
@@ -878,7 +879,8 @@ function build_fkey_ref(gobj, field_desc, value)
 /************************************************************
  *  Apply the form mode to the pkey field:
  *      "update" -> pkey readonly, not required
- *      "create" -> pkey writable and required (readonly if rowid)
+ *      "create" -> pkey writable and required, unless the store
+ *                  hands the key out itself (rowid, qualified)
  *  Empty form_mode keeps the template-declared behaviour
  *  (backward compatible).
  ************************************************************/
@@ -898,8 +900,11 @@ function apply_form_mode(gobj, $form)
         return;
     }
 
-    let is_rowid = $input.field_desc && $input.field_desc.type === "rowid";
-    if(mode === "create" && !is_rowid) {
+    /*  A key the store composes is never typed: a rowid comes from the
+     *  topic size, a qualified id from the parent and the name.  */
+    let type = $input.field_desc? $input.field_desc.type: "";
+    let store_makes_the_key = (type === "rowid" || type === "qualified");
+    if(mode === "create" && !store_makes_the_key) {
         $input.removeAttribute("readonly");
         $input.setAttribute("required", "");
     } else {
@@ -1826,6 +1831,7 @@ function template2columns(gobj, columns, template, sub_elements)
                 break;
 
             case "rowid":
+            case "qualified":
                 // field_conf.tag = 'input';
                 // field_conf.inputType = 'text';
                 column = null;
@@ -2448,6 +2454,7 @@ function treedb_value_2_form_value(gobj, field_desc, value)
         case "enum":
         case "uuid":
         case "rowid":
+        case "qualified":
         case "password":
         case "email":
         case "url":
@@ -2572,6 +2579,7 @@ function form_value_2_treedb_value(gobj, field_desc, value)
         case "enum":
         case "uuid":
         case "rowid":
+        case "qualified":
         case "password":
         case "email":
         case "url":

package/src/c_yui_schema_editor.css

@@ -0,0 +1,133 @@
+/***********************************************************************
+ *          c_yui_schema_editor.css
+ *
+ *      What the schema editor needs that Bulma does not give: a drag
+ *      affordance on a row, the line that says where a dropped row
+ *      lands, and a flag grid that stays readable at 360px.
+ *
+ *      No transitions anywhere, deliberately: a row that slides into
+ *      place hides the fact that a write is what moved it.
+ *
+ *          Copyright (c) 2026, ArtGins.
+ *          All Rights Reserved.
+ ***********************************************************************/
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_TOOLBAR {
+    border-bottom: 1px solid var(--bulma-border, rgba(128, 128, 128, .3));
+    flex: 0 0 auto;
+}
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_CRUMBS {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_CRUMB_SEP {
+    margin: 0 .3rem;
+    opacity: .5;
+}
+
+/*  The rows are the working surface: a drag handle that looks
+ *  draggable, and a cursor that says the row itself opens.  */
+.C_YUI_SCHEMA_EDITOR .SCHEMA_COL_ROW {
+    cursor: default;
+}
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_COL_HANDLE {
+    cursor: grab;
+    width: 1.6rem;
+    text-align: center;
+}
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_COL_ROW.SCHEMA_COL_DRAGGING {
+    opacity: .45;
+}
+
+/*  Where the row would land. A line and not a gap: a gap reflows the
+ *  table under the pointer, which moves the target while it is aimed at.  */
+.C_YUI_SCHEMA_EDITOR .SCHEMA_COL_ROW.SCHEMA_COL_DROP_BEFORE > td {
+    box-shadow: inset 0 2px 0 0 var(--bulma-link, #485fc7);
+}
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_COL_ROW.SCHEMA_COL_DROP_AFTER > td {
+    box-shadow: inset 0 -2px 0 0 var(--bulma-link, #485fc7);
+}
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_TOPIC_ROW {
+    cursor: pointer;
+}
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_COL_FLAGS .tags {
+    margin-bottom: 0;
+}
+
+.C_YUI_SCHEMA_EDITOR .SCHEMA_COL_FLAGS .tag {
+    margin-bottom: 0;
+}
+
+/*  The treedb cards reuse the shell's grid, so a schema card and a nav
+ *  card are the same object to the eye.  */
+.C_YUI_SCHEMA_EDITOR .yui-nav-card {
+    cursor: pointer;
+}
+
+/*  The flag grid: as many columns as fit, never fewer than one.  */
+.SCHEMA_FLAGS .SCHEMA_FLAG_LIST {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
+    gap: .1rem .5rem;
+}
+
+.SCHEMA_FLAGS .SCHEMA_FLAG {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+}
+
+.SCHEMA_FLAGS .SCHEMA_FLAG_NAME {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-family: var(--bulma-family-code, monospace);
+}
+
+/*  Meaningless on the chosen type, and still editable: a flag already
+ *  set has to stay reachable or the next save drops it.  */
+.SCHEMA_FLAGS .SCHEMA_FLAG_DIM .SCHEMA_FLAG_NAME {
+    opacity: .55;
+}
+
+.SCHEMA_EXPORT_TEXT,
+.SCHEMA_IMPORT_TEXT {
+    white-space: pre;
+    overflow-wrap: normal;
+    overflow-x: auto;
+}
+
+.SCHEMA_IMPORT_LINES {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.SCHEMA_IMPORT_LINE {
+    padding: .1rem 0;
+}
+
+/*  No animation anywhere in this view.  */
+.C_YUI_SCHEMA_EDITOR *,
+.SCHEMA_COL_FORM_DIALOG *,
+.SCHEMA_TOPIC_FORM_DIALOG *,
+.SCHEMA_IMPORT_DIALOG *,
+.SCHEMA_EXPORT_DIALOG *,
+.SCHEMA_REPORT_DIALOG * {
+    transition: none !important;
+    animation: none !important;
+}
+
+/*  A write is in flight: the screen stays up and stops answering.  */
+.C_YUI_SCHEMA_EDITOR .SCHEMA_BODY.SCHEMA_BUSY {
+    pointer-events: none;
+    opacity: .6;
+}