@xh/hoist 73.0.0-SNAPSHOT.1738198923410 → 73.0.0-SNAPSHOT.1738248972394

package/admin/tabs/userData/prefs/UserPreferencePanel.ts

@@ -4,32 +4,62 @@
  *
  * Copyright © 2025 Extremely Heavy Industries Inc.
  */
+
+import * as Col from '@xh/hoist/admin/columns/Rest';
+import * as AdminCol from '@xh/hoist/admin/columns';
 import {prefEditorDialog} from '@xh/hoist/admin/tabs/userData/prefs/editor/PrefEditorDialog';
 import {UserPreferenceModel} from '@xh/hoist/admin/tabs/userData/prefs/UserPreferenceModel';
+import {hframe} from '@xh/hoist/cmp/layout';
 import {creates, hoistCmp} from '@xh/hoist/core';
 import {button} from '@xh/hoist/desktop/cmp/button';
+import {jsonSearchButton} from '@xh/hoist/admin/jsonsearch/JsonSearch';
 import {panel} from '@xh/hoist/desktop/cmp/panel';
 import {restGrid} from '@xh/hoist/desktop/cmp/rest';
+import {toolbarSep} from '@xh/hoist/desktop/cmp/toolbar';
 import {Icon} from '@xh/hoist/icon';
 
 export const userPreferencePanel = hoistCmp.factory({
     model: creates(UserPreferenceModel),
 
     render({model}) {
-        return panel({
-            items: [
-                restGrid({
-                    extraToolbarItems: () => {
-                        return button({
-                            icon: Icon.gear(),
-                            text: 'Configure',
-                            onClick: () => (model.showEditorDialog = true)
-                        });
-                    }
-                }),
-                prefEditorDialog()
-            ],
-            mask: 'onLoad'
-        });
+        return hframe(
+            panel({
+                items: [
+                    restGrid({
+                        extraToolbarItems: () => [
+                            button({
+                                icon: Icon.gear(),
+                                text: 'Configure',
+                                onClick: () => (model.showEditorDialog = true)
+                            }),
+                            toolbarSep(),
+                            jsonSearchButton({
+                                subjectName: 'User Preference',
+                                docSearchUrl: 'jsonSearch/searchUserPreferences',
+                                gridModelConfig: {
+                                    sortBy: ['groupName', 'name', 'owner'],
+                                    columns: [
+                                        {
+                                            field: {name: 'owner', type: 'string'},
+                                            width: 200
+                                        },
+                                        {...AdminCol.groupName},
+                                        {...AdminCol.name},
+                                        {
+                                            field: {name: 'json', type: 'string'},
+                                            hidden: true
+                                        },
+                                        {...Col.lastUpdated}
+                                    ]
+                                },
+                                groupByOptions: ['owner', 'groupName', 'name']
+                            })
+                        ]
+                    }),
+                    prefEditorDialog()
+                ],
+                mask: 'onLoad'
+            })
+        );
     }
 });

package/build/types/admin/jsonsearch/JsonSearch.d.ts

@@ -0,0 +1,17 @@
+import { GridConfig } from '@xh/hoist/cmp/grid';
+import { HoistProps, SelectOption } from '@xh/hoist/core';
+export interface JsonSearchButtonProps extends HoistProps {
+    /** Descriptive label for the type of records being searched - will be auto-pluralized. */
+    subjectName: string;
+    /** Endpoint to search and return matches - Hoist `JsonSearchController` action expected. */
+    docSearchUrl: string;
+    /** Config for GridModel used to display search results. */
+    gridModelConfig: GridConfig;
+    /** Field names on returned results to enable for grouping in the search results grid. */
+    groupByOptions: Array<SelectOption | any>;
+}
+/**
+ * Main entry point component for the JSON search feature. Supported out-of-the-box for a limited
+ * set of Hoist artifacts that hold JSON values: JSONBlob, Configs, and User Preferences.
+ */
+export declare const jsonSearchButton: import("@xh/hoist/core").ElementFactory<JsonSearchButtonProps>;

package/build/types/admin/jsonsearch/impl/JsonSearchImplModel.d.ts

@@ -0,0 +1,32 @@
+import { GridConfig, GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel, TaskObserver } from '@xh/hoist/core';
+/**
+ * @internal
+ */
+export declare class JsonSearchImplModel extends HoistModel {
+    xhImpl: boolean;
+    private matchingNodesUrl;
+    gridModel: GridModel;
+    docLoadTask: TaskObserver;
+    nodeLoadTask: TaskObserver;
+    groupBy: string;
+    isOpen: boolean;
+    error: any;
+    path: string;
+    readerContentType: 'document' | 'matches';
+    pathFormat: 'XPath' | 'JSONPath';
+    readerContent: string;
+    matchingNodeCount: number;
+    get subjectName(): string;
+    get docSearchUrl(): string;
+    get gridModelConfig(): GridConfig;
+    get selectedRecord(): import("../../../data").StoreRecord;
+    get groupByOptions(): any[];
+    toggleSearchIsOpen(): void;
+    constructor();
+    onLinked(): void;
+    loadMatchingDocsAsync(): Promise<void>;
+    private loadReaderContentAsync;
+    private convertToXPath;
+    private setGroupBy;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "73.0.0-SNAPSHOT.1738198923410",
+  "version": "73.0.0-SNAPSHOT.1738248972394",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",