@yuneta/gobj-ui 1.0.1 → 2.2.0

package/index.js

@@ -1,29 +1,25 @@
 /***********************************************************************
- *          @yuneta/gobj-ui/index.js
+ *          @yuneta/gobj-ui/index.js  (v2 / main line)
  *
- *          Yuneta UI Library - Reusable GUI components
+ *          Yuneta UI Library - Reusable GUI components.
  *
- *          NOTE 2026-05-21: the declarative shell stack
- *          (C_YUI_SHELL, C_YUI_NAV, C_YUI_PAGER, C_YUI_WIZARD,
- *          shell_modals + helpers) was removed from this package
- *          and now evolves only in wattyzer/gui/src/gobj-ui/
- *          (vendored flat copy).  Legacy apps (estadodelaire)
- *          consume this package and only need the
- *          legacy stack (C_YUI_MAIN + C_YUI_WINDOW + C_YUI_TABS
- *          + C_YUI_ROUTING + TreeDB views + chart/map widgets).
- *          Removing the new stack from here makes their bundles
- *          smaller and keeps the dependency direction clean.
+ *          Barrel re-exports for the v2 source, which lives in src/.
+ *          This is the canonical line, embedded as the yunetas submodule
+ *          kernel/js/gobj-ui and consumed by wattyzer via a file: dep.
  *
- *          Copyright (c) 2025, ArtGins.
+ *          Copyright (c) 2024-2026, ArtGins.
  *          All Rights Reserved.
  ***********************************************************************/
 
 /*
- *  Components — legacy app-shell stack
+ *  Components
  */
 export { register_c_yui_main, display_volatil_modal, display_info_message, display_warning_message, display_error_message, get_yesnocancel, get_yesno, get_ok } from "./src/c_yui_main.js";
 export { register_c_yui_window } from "./src/c_yui_window.js";
+export { register_c_yui_window_manager } from "./src/c_yui_window_manager.js";
 export { register_c_yui_tabs } from "./src/c_yui_tabs.js";
+export { register_c_yui_pager } from "./src/c_yui_pager.js";
+export { register_c_yui_wizard } from "./src/c_yui_wizard.js";
 export { register_c_yui_form } from "./src/c_yui_form.js";
 export { register_c_yui_routing } from "./src/c_yui_routing.js";
 export { register_c_yui_map } from "./src/c_yui_map.js";
@@ -31,6 +27,35 @@ export { register_c_yui_uplot } from "./src/c_yui_uplot.js";
 export { register_c_yui_json_graph } from "./src/c_yui_json_graph.js";
 export { register_c_yui_gobj_tree_js } from "./src/c_yui_gobj_tree_js.js";
 
+/*
+ *  Declarative shell + menu navigation (new in v7.4)
+ */
+export {
+    register_c_yui_shell,
+    yui_shell_navigate,
+    yui_shell_open_drawer,
+    yui_shell_close_drawer,
+    yui_shell_toggle_drawer,
+    yui_shell_push_escape,
+    yui_shell_pop_escape,
+    yui_shell_set_avatar_provider,
+    yui_shell_refresh_avatars,
+    yui_shell_set_translator,
+    yui_shell_set_connection_state,
+    yui_shell_set_toolbar_item_icon,
+    yui_shell_close_dropdown,
+} from "./src/c_yui_shell.js";
+export { register_c_yui_nav } from "./src/c_yui_nav.js";
+export {
+    yui_shell_show_info,
+    yui_shell_show_warning,
+    yui_shell_show_error,
+    yui_shell_show_modal,
+    yui_shell_confirm_ok,
+    yui_shell_confirm_yesno,
+    yui_shell_confirm_yesnocancel,
+} from "./src/shell_modals.js";
+
 /*
  *  TreeDB components
  */
@@ -48,12 +73,14 @@ export { EditControl, MarkerControl } from "./src/lib_maplibre.js";
 export { themes } from "./src/themes.js";
 export { YTable, createYTable } from "./src/ytable.js";
 export { yui_toolbar } from "./src/yui_toolbar.js";
+export { attach_clear } from "./src/yui_inputs.js";
 export { info_traffic, setup_dev, build_dev_panel, apply_dev_traces, dev_window_was_open } from "./src/yui_dev.js";
 
 /*
  *  CSS - import these in your main entry point
  *  Example:
  *    import "gobj-ui/src/c_yui_main.css";
+ *    import "gobj-ui/src/c_yui_shell.css";     // declarative shell
  *    import "gobj-ui/src/c_yui_map.css";
  *    import "gobj-ui/src/c_yui_routing.css";
  *    import "gobj-ui/src/ytable.css";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yuneta/gobj-ui",
-    "version": "1.0.1",
+    "version": "2.2.0",
     "type": "module",
     "main": "dist/gobj-ui.cjs.js",
     "module": "dist/gobj-ui.es.js",
@@ -9,35 +9,37 @@
             "import": "./dist/gobj-ui.es.js",
             "require": "./dist/gobj-ui.cjs.js"
         },
-        "./src/*": "./src/*",
+        "./index.js": "./index.js",
         "./vite-plugin-yuneta-html.js": "./vite-plugin-yuneta-html.js",
-        "./skeleton/*": "./skeleton/*"
+        "./src/*": "./src/*"
     },
     "files": [
         "dist/gobj-ui.es.js",
         "dist/gobj-ui.cjs.js",
         "index.js",
         "src/",
-        "skeleton/",
         "vite-plugin-yuneta-html.js"
     ],
-    "description": "Yuneta UI Library — v1 (frozen) legacy GClass GUI stack (C_YUI_MAIN/WINDOW/TABS/ROUTING + TreeDB editors + charts/maps).  Consumed by estadodelaire and hidraulia.  Active development continues on the v2 line (main branch).",
+    "description": "Yuneta UI Library — v2 (active development) declarative shell (C_YUI_SHELL+NAV+PAGER+WIZARD) + legacy GClass GUI stack (C_YUI_MAIN/WINDOW/TABS/ROUTING + TreeDB editors + charts/maps).  Consumed by wattyzer.  The frozen legacy-only line lives on the v1 branch (consumed by estadodelaire and hidraulia).",
     "scripts": {
         "build": "vite build",
+        "test": "vitest run",
         "prepublishOnly": "npm run build"
     },
     "devDependencies": {
         "@rollup/plugin-terser": "^1.0.0",
-        "@yuneta/gobj-js": "file:../gobj-js",
-        "vite": "^8.0.10"
+        "@vitest/coverage-v8": "^4.1.6",
+        "@yuneta/gobj-js": "^7.3.4",
+        "vite": "^8.0.10",
+        "vitest": "^4.1.6"
     },
     "peerDependencies": {
-        "@yuneta/gobj-js": "^7.3.4",
         "@antv/g6": "^5.1.0",
+        "@yuneta/gobj-js": "^7.3.4",
         "bulma": "^1.0.4",
         "i18next": "^26.0.7",
         "maplibre-gl": "^5.24.0",
-        "tabulator-tables": "^6.4.0",
+        "tabulator-tables": "^6.5.2",
         "tom-select": "^2.6.0",
         "uplot": "^1.6.32",
         "vanilla-jsoneditor": "^0.23.0"

package/src/c_g6_nodes_tree.js

@@ -575,7 +575,12 @@ function get_default_ne_xy(gobj)
  ************************************************************/
 function build_ui(gobj)
 {
-    // Nothing to do, $container set externally
+    // $container set externally; tag it so the gclass owning this
+    // G6 canvas is identifiable in the browser Inspector.
+    let $container = gobj_read_attr(gobj, "$container");
+    if($container) {
+        $container.classList.add(GCLASS_NAME);
+    }
 }
 
 /************************************************************

package/src/c_yui_form.js

@@ -284,7 +284,7 @@ function build_ui(gobj)
      *
      *----------------------------------------------*/
     let $container = createElement2(
-        ['div', {class: 'yui-form-container is-flex is-flex-direction-row overscroll-contain', style:'height:100%; width:100%; box-sizing:border-box;'}, [
+        ['div', {class: 'C_YUI_FORM is-flex is-flex-direction-row overscroll-contain', style:'height:100%; width:100%; box-sizing:border-box;'}, [
 
             /*----------------------------*
              *      Form

package/src/c_yui_gobj_tree_js.js

@@ -385,7 +385,7 @@ function build_ui(gobj)
     let $toolbar = make_toolbar(gobj);
 
     let $container = createElement2(
-        ['div', {class: 'gobj-tree', style: 'height:100%; display:flex; flex-direction:column; position:relative;'}, [
+        ['div', {class: 'C_YUI_GOBJ_TREE_JS', style: 'height:100%; display:flex; flex-direction:column; position:relative;'}, [
             ['div', {class: 'is-flex-grow-0 is-flex toolbar_yui_gobj_tree'}, $toolbar],
             ['div', {class: 'is-flex-grow-1', style: 'height:100%; min-height:0; overflow:hidden;'}, [
                 ['div', {id: priv.canvas_id, class: 'gobj-tree-container', style: 'height:100%; min-height:0; border: 1px solid var(--bulma-border-weak); border-radius:0.2rem;'}, [

package/src/c_yui_json_graph.js

@@ -221,7 +221,7 @@ function build_ui(gobj)
     let $toolbar = make_toolbar(gobj);
 
     let $container = createElement2(
-        ['div', {class: 'json-graph', style: 'height:100%; display:flex; flex-direction:column;'}, [
+        ['div', {class: 'C_YUI_JSON_GRAPH', style: 'height:100%; display:flex; flex-direction:column;'}, [
             ['div', {class: 'is-flex-grow-0 is-flex toolbar_yui_json_graph'}, $toolbar],
             ['div', {class: 'is-flex-grow-1', style: 'height:100%; min-height:0; overflow:hidden;'}, [
                 ['div', {id: priv.canvas_id, class: 'json-graph-container', style: 'height:100%; min-height:0; border: 1px solid var(--bulma-border-weak); border-radius:0.2rem;'}, [

package/src/c_yui_main.js

@@ -167,8 +167,8 @@ function build_ui(gobj)
     /*----------------------------------------------*
      *  Layout Schema
      *----------------------------------------------*/
-    const $layout = createElement2(
-        ['div', {id: 'root', class: 'root'}, [
+    const $container = createElement2(
+        ['div', {id: 'root', class: 'C_YUI_MAIN root'}, [
             ['div', {id: 'top-layer', class: 'top-layer'}],
             ['div', {id: 'content-layer', class: 'content-layer is-hidden'}],
             ['div', {id: 'bottom-layer', class: 'bottom-layer'}],
@@ -178,7 +178,7 @@ function build_ui(gobj)
                 `<iframe id="iframe-publi-page" src="./${gobj_read_attr(gobj, "publi_page")}/index.html" width="100%" height="100%"></iframe>`]
         ]]
     );
-    document.body.appendChild($layout);
+    document.body.appendChild($container);
 
     const iframe = document.getElementById('iframe-publi-page');
     if(iframe) {

package/src/c_yui_map.js

@@ -111,8 +111,13 @@ function mt_create(gobj)
 
     let map_settings = json_deep_copy(gobj_read_attr(gobj, "map_settings"));
 
+    let $map = gobj_read_attr(gobj, "$map");
+    if($map) {
+        /*  Tag the external mount so this gclass is identifiable in the Inspector */
+        $map.classList.add(GCLASS_NAME);
+    }
     Object.assign(map_settings, {
-        container: gobj_read_attr(gobj, "$map"),
+        container: $map,
     });
 
     /*-----------------------------*