@yuneta/gobj-ui 7.0.1 → 7.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.0.1",
+  "version": "7.2.0",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",
@@ -20,7 +20,7 @@
     "src/",
     "vite-plugin-yuneta-html.js"
   ],
-  "description": "Yuneta UI Library \u2014 the active line: declarative shell (C_YUI_SHELL+NAV+PAGER+WIZARD) + windows, TreeDB views, forms, charts and maps.  Consumed by wattyzer and the yunetas JS yunos (gui_agent, gui_treedb).  The frozen legacy GClass GUI stack (C_YUI_MAIN/TABS/ROUTING) lives on the v1 branch, npm dist-tag 'legacy' (consumed by estadodelaire and hidraulia).",
+  "description": "Yuneta UI Library — the active line: declarative shell (C_YUI_SHELL+NAV+PAGER+WIZARD) + windows, TreeDB views, forms, charts and maps.  Consumed by wattyzer and the yunetas JS yunos (gui_agent, gui_treedb).  The frozen legacy GClass GUI stack (C_YUI_MAIN/TABS/ROUTING) lives on the v1 branch, npm dist-tag 'legacy' (consumed by estadodelaire and hidraulia).",
   "scripts": {
     "build": "vite build",
     "test": "vitest run",

package/src/c_g6_nodes_tree.js

@@ -280,6 +280,7 @@ let PRIVATE_DATA = {
     _focus_topic:       null,       // topic currently focused (EV_FOCUS_TOPIC)
     _focus_ids:         [],         // node ids carrying the focus 'active' state
     _pending_focus_topic: null,     // focus requested before data was loaded
+    _pending_find:      null,       // find requested before data was loaded
 };
 
 let __gclass__ = null;
@@ -2127,6 +2128,89 @@ function graph_focus_topic(gobj, topic)
     }
 }
 
+/************************************************************
+ *  Find the nodes whose name, id or topic contains `term`, highlight
+ *  them with the same amber 'active' state the topic focus uses, and
+ *  centre the viewport on them. Returns how many matched, which is the
+ *  half the toolbar needs: a search that finds nothing must SAY so,
+ *  because a graph that did not move is also what a graph looks like
+ *  when the match is off-screen.
+ *
+ *  It shares the highlight slot with graph_focus_topic on purpose —
+ *  two amber sets at once would say nothing about either. An empty
+ *  term clears it. Matching reads the node's LABEL and not only its
+ *  id: on a topic keyed by rowid or by a qualified path, the id is a
+ *  counter and the name a human knows is elsewhere (see node_label).
+ ************************************************************/
+function graph_find_nodes(gobj, term)
+{
+    let priv = gobj.priv;
+    let graph = priv.graph;
+    if(!graph || !priv.graph_rendered) {
+        priv._pending_find = term;
+        return 0;
+    }
+
+    let data = {};
+    try {
+        data = graph.getData() || {};
+    } catch(e) {
+        log_error(`${gobj_short_name(gobj)}: graph.getData() failed: ${e}`);
+        return 0;
+    }
+    let nodes = is_array(data.nodes) ? data.nodes : [];
+
+    let states = {};
+    for(let id of (priv._focus_ids || [])) {
+        states[id] = [];
+    }
+
+    let ids = [];
+    if(!empty_string(term)) {
+        let needle = String(term).toLowerCase();
+        for(let n of nodes) {
+            if(!n || !n.data) {
+                continue;
+            }
+            let record = n.data.record || {};
+            let label = "";
+            try {
+                label = node_label(n.data.desc || {}, record) || "";
+            } catch(e) {
+                label = "";
+            }
+            let haystack = [
+                label,
+                record.id,
+                n.data.topic_name
+            ].filter((v) => typeof v === "string").join(" ").toLowerCase();
+
+            if(haystack.includes(needle)) {
+                ids.push(n.id);
+            }
+        }
+        for(let id of ids) {
+            states[id] = ['active'];
+        }
+    }
+
+    priv._focus_ids = ids;
+    priv._focus_topic = null;       /*  a find takes over the highlight  */
+
+    try {
+        if(typeof graph.setElementState === "function") {
+            graph.setElementState(states);
+        }
+        if(ids.length && typeof graph.focusElement === "function") {
+            graph.focusElement(ids);
+        }
+    } catch(e) {
+        log_error(`${gobj_short_name(gobj)}: find apply failed: ${e}`);
+    }
+
+    return ids.length;
+}
+
 async function graph_zoom_in(gobj)
 {
     let priv = gobj.priv;
@@ -5546,6 +5630,11 @@ function ac_load_data(gobj, event, kw, src)
                         priv._pending_focus_topic = null;
                         graph_focus_topic(gobj, ft);
                     }
+                    if(priv._pending_find !== null) {
+                        let term = priv._pending_find;
+                        priv._pending_find = null;
+                        publish_find_result(gobj, term, graph_find_nodes(gobj, term));
+                    }
                 });
             });
         });
@@ -5891,6 +5980,27 @@ function ac_focus_topic(gobj, event, kw, src)
     return 0;
 }
 
+/************************************************************
+ *  Tell whoever asked how many nodes the term matched. The count is
+ *  the answer to the question the box asks; without it "nothing moved"
+ *  and "nothing matched" look the same.
+ ************************************************************/
+function publish_find_result(gobj, term, matches)
+{
+    gobj_publish_event(gobj, "EV_FIND_RESULT", {term: term, matches: matches});
+}
+
+/************************************************************
+ *
+ ************************************************************/
+function ac_find_nodes(gobj, event, kw, src)
+{
+    let term = (kw && kw.text) || "";
+    let matches = graph_find_nodes(gobj, term);
+    publish_find_result(gobj, term, matches);
+    return 0;
+}
+
 function ac_center(gobj, event, kw, src)
 {
     graph_center(gobj);
@@ -6254,6 +6364,7 @@ function create_gclass(gclass_name)
             ["EV_ZOOM_RESET",               ac_zoom_reset,          null],
             ["EV_AUTO_FIT",                 ac_auto_fit,            null],
             ["EV_FOCUS_TOPIC",              ac_focus_topic,         null],
+            ["EV_FIND_NODES",               ac_find_nodes,          null],
             ["EV_CENTER",                   ac_center,              null],
             ["EV_FULLSCREEN",               ac_fullscreen,          null],
             ["EV_SET_LAYOUT",               ac_set_layout,          null],
@@ -6297,6 +6408,8 @@ function create_gclass(gclass_name)
         ["EV_ZOOM_RESET",               0],
         ["EV_AUTO_FIT",                 0],
         ["EV_FOCUS_TOPIC",              0],
+        ["EV_FIND_NODES",               0],
+        ["EV_FIND_RESULT",              event_flag_t.EVF_OUTPUT_EVENT],
         ["EV_CENTER",                   0],
         ["EV_FULLSCREEN",               0],
         ["EV_SET_LAYOUT",               0],

package/src/c_yui_treedb_graph.js

@@ -504,9 +504,51 @@ function make_toolbar(gobj)
     ];
 
     /*
-     *  Center, common controls
+     *  Center: find a node.
+     *
+     *  A graph of a few hundred records has no other way in: the only way
+     *  to locate one was to read every card. The box highlights every
+     *  match with the same amber the topic focus uses and centres the
+     *  viewport on them, and it SAYS how many it found — a graph that did
+     *  not move looks the same whether nothing matched or the match was
+     *  already on screen.
      */
-    let center_items = [];
+    let center_items = [
+        ['div', {class: 'GRAPH_FIND control has-icons-left',
+                 style: 'margin-right:.5rem; max-width:12rem; min-width:7rem;'}, [
+            ['input', {
+                class: 'GRAPH_FIND_INPUT input',
+                type: 'text',
+                /*  A placeholder is not a text node, so the data-i18n walk
+                 *  cannot reach it: it needs its own key. */
+                placeholder: t('search'),
+                'data-i18n-placeholder': 'search',
+                'aria-label': t('search'),
+                'data-i18n-aria-label': 'search'
+            }],
+            ['span', {class: 'icon is-left'}, [
+                ['i', {class: 'yi-magnifying-glass'}]
+            ]]
+        ], {
+            input: (evt) => {
+                evt.stopPropagation();
+                gobj_send_event(
+                    gobj,
+                    "EV_FIND_NODES",
+                    {text: evt.target.value.trim()},
+                    gobj
+                );
+            }
+        }],
+        /*  Two spans, not one string: the number is DATA and "matches" is
+         *  the word, so a language switch re-translates the half that is a
+         *  word. Spaced with CSS because createElement2 trims text nodes. */
+        ['div', {class: 'GRAPH_FIND_RESULT is-hidden is-flex is-align-items-center',
+                 style: 'gap:.3rem; margin-right:.5rem; font-size:.85rem;'}, [
+            ['span', {class: 'GRAPH_FIND_COUNT'}, ''],
+            ['span', {i18n: 'matches'}, 'matches']
+        ]]
+    ];
 
     /*
      *  Right, fill in set_mode
@@ -2129,6 +2171,51 @@ function ac_set_operation_mode(gobj, event, kw, src)
  *  tree, which centres + highlights that topic's nodes (deferring
  *  until its data is loaded).
  ************************************************************/
+/************************************************************
+ *  Forward the find down to the graph child.
+ ************************************************************/
+function ac_find_nodes(gobj, event, kw, src)
+{
+    let priv = gobj.priv;
+    if(priv.gobj_nodes_tree) {
+        gobj_send_event(
+            priv.gobj_nodes_tree,
+            "EV_FIND_NODES",
+            {text: (kw && kw.text) || ""},
+            gobj
+        );
+    }
+    return 0;
+}
+
+/************************************************************
+ *  How many nodes the term matched, from the graph child. Zero with a
+ *  term typed is an ANSWER and is shown; an empty box shows nothing.
+ ************************************************************/
+function ac_find_result(gobj, event, kw, src)
+{
+    let $container = gobj_read_attr(gobj, "$container");
+    if(!$container) {
+        return 0;
+    }
+    let $result = $container.querySelector(".GRAPH_FIND_RESULT");
+    let $count = $container.querySelector(".GRAPH_FIND_COUNT");
+    if(!$result || !$count) {
+        return 0;
+    }
+
+    let term = (kw && kw.term) || "";
+    if(!term) {
+        $result.classList.add("is-hidden");
+        $count.textContent = "";
+        return 0;
+    }
+
+    $count.textContent = String((kw && kw.matches) || 0);
+    $result.classList.remove("is-hidden");
+    return 0;
+}
+
 function ac_set_focus_topic(gobj, event, kw, src)
 {
     let priv = gobj.priv;
@@ -2228,6 +2315,8 @@ function create_gclass(gclass_name)
             ["EV_SET_LAYOUT",               ac_set_layout,              null],
             ["EV_SET_OPERATION_MODE",       ac_set_operation_mode,      null],
             ["EV_SET_FOCUS_TOPIC",          ac_set_focus_topic,         null],
+            ["EV_FIND_NODES",               ac_find_nodes,              null],
+            ["EV_FIND_RESULT",              ac_find_result,             null],
             ["EV_SHOW",                     ac_show,                    null],
             ["EV_HIDE",                     ac_hide,                    null],
             ["EV_TRANSPORT_STATE",          ac_transport_state,         null],
@@ -2262,6 +2351,8 @@ function create_gclass(gclass_name)
         ["EV_SET_LAYOUT",               0],
         ["EV_SET_OPERATION_MODE",       0],
         ["EV_SET_FOCUS_TOPIC",          0],
+        ["EV_FIND_NODES",               0],
+        ["EV_FIND_RESULT",              0],
         ["EV_OPERATION_MODE_CHANGED",
             event_flag_t.EVF_OUTPUT_EVENT | event_flag_t.EVF_NO_WARN_SUBS],
         ["EV_RECORD_WRITTEN",

package/src/c_yui_treedb_topic_with_form.js

@@ -108,6 +108,9 @@ SDATA(data_type_t.DTP_BOOLEAN,  "with_paste_button",         0,  true,   "Button
 SDATA(data_type_t.DTP_BOOLEAN,  "with_refresh_button",       0,  true,   "Button toolbar REFRESH"),
 SDATA(data_type_t.DTP_BOOLEAN,  "with_search_button",        0,  true,   "Button toolbar SEARCH"),
 SDATA(data_type_t.DTP_BOOLEAN,  "with_schema_button",        0,  true,   "Button toolbar SCHEMA (show the topic's desc)"),
+SDATA(data_type_t.DTP_BOOLEAN,  "with_columns_button",       0,  true,   "Button toolbar COLUMNS (choose which columns the table shows)"),
+SDATA(data_type_t.DTP_BOOLEAN,  "with_export_button",        0,  true,   "Button toolbar EXPORT (download as CSV what the table holds)"),
+SDATA(data_type_t.DTP_BOOLEAN,  "with_header_filters",       0,  true,   "Per-column filter box in the table header, on the columns a text/number match means something (not hooks, fkeys or json)"),
 SDATA(data_type_t.DTP_BOOLEAN,  "with_in_row_edit_icons",    0,  true,   "Add a last column with internal EDIT/DELETE icon"),
 
 SDATA(data_type_t.DTP_BOOLEAN,  "editable",             0,  false,  "Edit state"),
@@ -496,6 +499,8 @@ function build_ui(gobj)
     let with_refresh_button     = gobj_read_bool_attr(gobj, "with_refresh_button");
     let with_search_button      = gobj_read_bool_attr(gobj, "with_search_button");
     let with_schema_button      = gobj_read_bool_attr(gobj, "with_schema_button");
+    let with_columns_button     = gobj_read_bool_attr(gobj, "with_columns_button");
+    let with_export_button      = gobj_read_bool_attr(gobj, "with_export_button");
 
     if(with_search_button) {
         let search_id = `${toolbar_id}_search`;
@@ -521,27 +526,16 @@ function build_ui(gobj)
          *  filter below re-runs (empty term → clearFilter).  */
         attach_clear($search_box, $search_input);
         if($search_input) {
+            /*  The DOM handler's only job is to turn the keystroke into an
+             *  event: searching is a user action, so it crosses the FSM and
+             *  shows up in the `machine` trace like every other one. */
             $search_input.addEventListener('input', (event) => {
-                let searchText = event.target.value.trim().toLowerCase();
-                let tabulator = gobj_read_attr(gobj, "tabulator");
-                if(!tabulator) {
-                    return;
-                }
-                if(searchText) {
-                    tabulator.setFilter(function(data) {
-                        return Object.entries(data).some(([key, val]) => {
-                            if(key.startsWith('_')) {
-                                return false;
-                            }
-                            if(val === null || val === undefined) {
-                                return false;
-                            }
-                            return String(val).toLowerCase().includes(searchText);
-                        });
-                    });
-                } else {
-                    tabulator.clearFilter();
-                }
+                gobj_send_event(
+                    gobj,
+                    "EV_SEARCH",
+                    {text: event.target.value.trim()},
+                    gobj
+                );
             });
         }
         $view_toolbar.appendChild($search_box);
@@ -583,6 +577,48 @@ function build_ui(gobj)
         $view_toolbar.appendChild($schema);
     }
 
+    if(with_columns_button) {
+        /*  A topic with a dozen columns is wider than the screen, and until
+         *  now the reader could not decide WHICH of them to keep: the table
+         *  simply scrolled sideways for ever. */
+        let $columns = createElement2(
+            ['button', {class: 'TREEDB_TABLE_COLUMNS button mr-1',
+                        title: t('choose the columns to show'),
+                        'data-i18n-title': 'choose the columns to show',
+                        'aria-label': t('columns'), 'data-i18n-aria-label': 'columns'}, [
+                ['i', {class: 'yi-table'}],
+                ['span', {class: 'is-hidden-mobile', i18n: 'columns', style: 'padding-left:5px;'}, 'columns']
+            ], {
+                'click': (event) => {
+                    event.stopPropagation();
+                    gobj_send_event(gobj, "EV_OPEN_COLUMNS", {}, gobj);
+                }
+            }]
+        );
+        $view_toolbar.appendChild($columns);
+    }
+
+    if(with_export_button) {
+        /*  What the TABLE holds, filters and column choice applied — not the
+         *  topic. A server-side dump of every node is not something this view
+         *  can stream, and the title says so. */
+        let $export = createElement2(
+            ['button', {class: 'TREEDB_TABLE_EXPORT button mr-1',
+                        title: t('download the rows loaded in this table as csv'),
+                        'data-i18n-title': 'download the rows loaded in this table as csv',
+                        'aria-label': t('export'), 'data-i18n-aria-label': 'export'}, [
+                ['i', {class: 'yi-download'}],
+                ['span', {class: 'is-hidden-mobile', i18n: 'export', style: 'padding-left:5px;'}, 'export']
+            ], {
+                'click': (event) => {
+                    event.stopPropagation();
+                    gobj_send_event(gobj, "EV_EXPORT_TABLE", {}, gobj);
+                }
+            }]
+        );
+        $view_toolbar.appendChild($export);
+    }
+
     /*----------------------------------------------*
      *  Layout Schema
      *----------------------------------------------*/
@@ -693,6 +729,7 @@ function create_tabulator(gobj)
 {
     let table_id = gobj_read_str_attr(gobj, "table_id");
     let desc = gobj_read_attr(gobj, "desc");
+    let with_header_filters = gobj_read_bool_attr(gobj, "with_header_filters");
 
     let columns = [];
 
@@ -773,6 +810,58 @@ function create_tabulator(gobj)
         );
     }
 
+    /*  A filter box per column, on the columns where a text/number match
+     *  MEANS something. A hook holds children, a dict holds a subtree and a
+     *  date cell shows a formatted string over an epoch number — matching
+     *  the raw value there answers a question nobody asked, so those columns
+     *  get no box rather than a box that lies. An fkey does get one: "which
+     *  rows point at X" is the question fkey columns exist to answer, and its
+     *  value is stringified first because a fkey can arrive as a ref string,
+     *  a list of them or a dict.
+     */
+    const FILTERABLE = [
+        "string", "integer", "real", "rowid", "uuid", "qualified",
+        "email", "url", "tel", "id", "hex", "currency", "percent"
+    ];
+
+    function fkey_matches(term, value)
+    {
+        if(term === "" || term === null || term === undefined) {
+            return true;
+        }
+        if(value === null || value === undefined) {
+            return false;
+        }
+        let text = (typeof value === "string")? value : JSON.stringify(value);
+        return text.toLowerCase().includes(String(term).toLowerCase());
+    }
+
+    function apply_header_filter(colDef, field_desc)
+    {
+        switch(field_desc.type) {
+            case "boolean":
+                colDef.headerFilter = "tickCross";
+                colDef.headerFilterParams = {tristate: true};
+                break;
+            case "enum":
+                colDef.headerFilter = "list";
+                colDef.headerFilterParams = {
+                    values: field_desc.enum_list || [],
+                    clearable: true
+                };
+                break;
+            case "fkey":
+                colDef.headerFilter = "input";
+                colDef.headerFilterFunc = fkey_matches;
+                break;
+            default:
+                if(FILTERABLE.includes(field_desc.type)) {
+                    colDef.headerFilter = "input";
+                }
+                break;
+        }
+    }
+
     for (let i = 0; i < desc.cols.length; i++) {
         let col = desc.cols[i];
         if(!col.id || col.id[0]==='_') {
@@ -866,6 +955,9 @@ function create_tabulator(gobj)
             hozAlign: hozAlign,
             formatter: colFormatter,
         };
+        if(with_header_filters) {
+            apply_header_filter(colDef, field_desc);
+        }
         if(vertAlign) {
             colDef.vertAlign = vertAlign;
         }
@@ -2719,6 +2811,151 @@ function ac_show_schema(gobj, event, kw, src)
     return 0;
 }
 
+/************************************************************
+ *  Filter the loaded rows by a term matched against every non-internal
+ *  field. `clearFilter()` with no argument drops only THIS filter: the
+ *  per-column header filters are a separate layer and survive, so a
+ *  cleared search box does not silently undo them.
+ ************************************************************/
+function ac_search(gobj, event, kw, src)
+{
+    let tabulator = gobj_read_attr(gobj, "tabulator");
+    if(!tabulator) {
+        log_error(`${gobj_short_name(gobj)}: no table to search`);
+        return -1;
+    }
+
+    let term = ((kw && kw.text) || "").toLowerCase();
+    if(!term) {
+        tabulator.clearFilter();
+        return 0;
+    }
+
+    tabulator.setFilter(function(data) {
+        return Object.entries(data).some(([key, val]) => {
+            if(key.startsWith('_')) {
+                return false;
+            }
+            if(val === null || val === undefined) {
+                return false;
+            }
+            return String(val).toLowerCase().includes(term);
+        });
+    });
+
+    return 0;
+}
+
+/************************************************************
+ *  Which columns the table shows: one checkbox per column, the current
+ *  visibility ticked. The internal columns (`_check_box_state_`,
+ *  `_operation`) are not offered — they are chrome, not data.
+ ************************************************************/
+function ac_open_columns(gobj, event, kw, src)
+{
+    let tabulator = gobj_read_attr(gobj, "tabulator");
+    if(!tabulator) {
+        log_error(`${gobj_short_name(gobj)}: no table, no columns to choose`);
+        return -1;
+    }
+
+    let shell = yui_shell_of(gobj);
+    if(!shell) {
+        log_error(`${gobj_short_name(gobj)}: no shell, cannot open the column chooser`);
+        return -1;
+    }
+
+    let $list = createElement2(['div', {class: 'TREEDB_COLUMNS_LIST'}]);
+    let columns = tabulator.getColumns();
+    for(let i = 0; i < columns.length; i++) {
+        let column = columns[i];
+        let field = column.getField();
+        if(!field || field[0] === '_') {
+            continue;
+        }
+        let $cb = createElement2(['input', {type: 'checkbox', class: 'mr-2'}]);
+        $cb.checked = column.isVisible();
+        $cb.addEventListener('change', () => {
+            gobj_send_event(
+                gobj,
+                "EV_TOGGLE_COLUMN",
+                {field: field, visible: $cb.checked},
+                gobj
+            );
+        });
+        $list.appendChild(createElement2(
+            ['label', {class: 'checkbox is-block mb-1 TREEDB_COLUMN_ITEM'}, [
+                $cb,
+                ['span', {class: 'ml-2'}, column.getDefinition().title || field]
+            ]]
+        ));
+    }
+
+    yui_shell_show_modal(shell, $list, {
+        dialog:        true,
+        logical_class: "TREEDB_COLUMNS_DIALOG",
+        title_prefix:  gobj_read_str_attr(gobj, "topic_name"),
+        title:         "columns",
+        t:             t
+    });
+
+    return 0;
+}
+
+/************************************************************
+ *  Show / hide one column.
+ ************************************************************/
+function ac_toggle_column(gobj, event, kw, src)
+{
+    let tabulator = gobj_read_attr(gobj, "tabulator");
+    let field = (kw && kw.field) || "";
+    if(!tabulator || !field) {
+        log_error(`${gobj_short_name(gobj)}: no column '${field}' to toggle`);
+        return -1;
+    }
+
+    try {
+        if(kw.visible) {
+            tabulator.showColumn(field);
+        } else {
+            tabulator.hideColumn(field);
+        }
+    } catch(e) {
+        log_error(`${gobj_short_name(gobj)}: cannot toggle column '${field}': ${e}`);
+        return -1;
+    }
+
+    return 0;
+}
+
+/************************************************************
+ *  Download what the table HOLDS as CSV: the loaded rows, the visible
+ *  columns, search and header filters applied — which is what the reader
+ *  is looking at. Not the topic: a server-side dump of every node is not
+ *  something this view can stream.
+ ************************************************************/
+function ac_export_table(gobj, event, kw, src)
+{
+    let tabulator = gobj_read_attr(gobj, "tabulator");
+    if(!tabulator) {
+        log_error(`${gobj_short_name(gobj)}: no table to export`);
+        return -1;
+    }
+
+    let name = `${gobj_read_str_attr(gobj, "treedb_name")}-` +
+               `${gobj_read_str_attr(gobj, "topic_name")}.csv`;
+    name = name.replace(/[^\w.\-]+/g, "_");
+
+    try {
+        tabulator.download("csv", name);
+    } catch(e) {
+        log_error(`${gobj_short_name(gobj)}: CSV export failed: ${e}`);
+        return -1;
+    }
+
+    return 0;
+}
+
 /************************************************************
  *  {
  *      href: href
@@ -2795,6 +3032,10 @@ function create_gclass(gclass_name)
             ["EV_CHANGE_LOCALE",        ac_change_locale,      null],
             ["EV_REFRESH",              ac_refresh,            null],
             ["EV_SHOW_SCHEMA",          ac_show_schema,        null],
+            ["EV_SEARCH",               ac_search,             null],
+            ["EV_OPEN_COLUMNS",         ac_open_columns,       null],
+            ["EV_TOGGLE_COLUMN",        ac_toggle_column,      null],
+            ["EV_EXPORT_TABLE",         ac_export_table,       null],
             ["EV_SHOW",                 ac_show,               null],
             ["EV_HIDE",                 ac_hide,               null]
         ]]
@@ -2823,6 +3064,10 @@ function create_gclass(gclass_name)
         ["EV_CHANGE_LOCALE",        0],
         ["EV_REFRESH",              0],
         ["EV_SHOW_SCHEMA",          0],
+        ["EV_SEARCH",               0],
+        ["EV_OPEN_COLUMNS",         0],
+        ["EV_TOGGLE_COLUMN",        0],
+        ["EV_EXPORT_TABLE",         0],
 
         ["EV_CREATE_RECORD",        event_flag_t.EVF_OUTPUT_EVENT],
         ["EV_UPDATE_RECORD",        event_flag_t.EVF_OUTPUT_EVENT],