@nubase/frontend 0.1.22 → 0.1.23

package/dist/index.d.mts

@@ -513,6 +513,12 @@ type UseSchemaFiltersReturn<TSchema extends ObjectSchema<any>> = {
     filterDescriptors: FilterFieldDescriptor[];
     /** Get params for API call (removes empty/undefined values) */
     getRequestParams: () => Record<string, unknown>;
+    /** Global search value (if schema has "q" field) */
+    searchValue: string;
+    /** Update global search value */
+    setSearchValue: (value: string) => void;
+    /** Whether the schema supports global text search (has "q" field) */
+    hasTextSearch: boolean;
 };
 /**
  * Hook for managing schema-derived filter state.

package/dist/index.d.ts

@@ -513,6 +513,12 @@ type UseSchemaFiltersReturn<TSchema extends ObjectSchema<any>> = {
     filterDescriptors: FilterFieldDescriptor[];
     /** Get params for API call (removes empty/undefined values) */
     getRequestParams: () => Record<string, unknown>;
+    /** Global search value (if schema has "q" field) */
+    searchValue: string;
+    /** Update global search value */
+    setSearchValue: (value: string) => void;
+    /** Whether the schema supports global text search (has "q" field) */
+    hasTextSearch: boolean;
 };
 /**
  * Hook for managing schema-derived filter state.

package/dist/index.js

@@ -7772,7 +7772,7 @@ var workbenchOpenResourceOperation = createCommand({
 });
 
 // src/commands/definitions/workbench.openResourceInModal.tsx
-var import_core7 = require("@nubase/core");
+var import_core8 = require("@nubase/core");
 var import_lucide_react10 = require("lucide-react");
 
 // src/components/form/SchemaForm/useSchemaForm.ts
@@ -8020,6 +8020,7 @@ function useResourceViewQuery(resourceId, view, params, options) {
 }
 
 // src/hooks/useSchemaFilters.ts
+var import_core7 = require("@nubase/core");
 var import_react29 = require("react");
 
 // src/components/schema-filter-bar/introspect-schema.ts
@@ -8053,6 +8054,9 @@ function introspectSchemaForFilters(schema, config) {
   const descriptors = [];
   const shape = schema._shape;
   for (const [fieldName, fieldSchema] of Object.entries(shape)) {
+    if (fieldName === import_core6.SEARCH_FIELD_NAME) {
+      continue;
+    }
     if (config?.excludeFields?.includes(fieldName)) {
       continue;
     }
@@ -8082,6 +8086,10 @@ function introspectSchemaForFilters(schema, config) {
 
 // src/hooks/useSchemaFilters.ts
 function useSchemaFilters(schema, options) {
+  const hasTextSearch = (0, import_react29.useMemo)(() => {
+    if (!schema) return false;
+    return import_core7.SEARCH_FIELD_NAME in schema._shape;
+  }, [schema]);
   const filterDescriptors = (0, import_react29.useMemo)(() => {
     if (!schema) return [];
     return introspectSchemaForFilters(schema, options);
@@ -8089,6 +8097,10 @@ function useSchemaFilters(schema, options) {
   const [filterState, setFilterState] = (0, import_react29.useState)(
     {}
   );
+  const [searchValue, setSearchValueState] = (0, import_react29.useState)("");
+  const setSearchValue = (0, import_react29.useCallback)((value) => {
+    setSearchValueState(value);
+  }, []);
   const setFilterValue = (0, import_react29.useCallback)((field, value) => {
     setFilterState((prev) => ({
       ...prev,
@@ -8106,8 +8118,12 @@ function useSchemaFilters(schema, options) {
   );
   const clearFilters = (0, import_react29.useCallback)(() => {
     setFilterState({});
+    setSearchValueState("");
   }, []);
   const hasActiveFilters = (0, import_react29.useMemo)(() => {
+    if (searchValue.trim() !== "") {
+      return true;
+    }
     return Object.entries(filterState).some(([, value]) => {
       if (value === void 0 || value === null || value === "") {
         return false;
@@ -8117,9 +8133,12 @@ function useSchemaFilters(schema, options) {
       }
       return true;
     });
-  }, [filterState]);
+  }, [filterState, searchValue]);
   const getRequestParams = (0, import_react29.useCallback)(() => {
     const params = {};
+    if (searchValue.trim() !== "") {
+      params[import_core7.SEARCH_FIELD_NAME] = searchValue.trim();
+    }
     for (const [key, value] of Object.entries(filterState)) {
       if (value === void 0 || value === null || value === "") {
         continue;
@@ -8130,7 +8149,7 @@ function useSchemaFilters(schema, options) {
       params[key] = value;
     }
     return params;
-  }, [filterState]);
+  }, [filterState, searchValue]);
   return {
     filterState,
     setFilterValue,
@@ -8138,7 +8157,10 @@ function useSchemaFilters(schema, options) {
     clearFilters,
     hasActiveFilters,
     filterDescriptors,
-    getRequestParams
+    getRequestParams,
+    searchValue,
+    setSearchValue,
+    hasTextSearch
   };
 }
 
@@ -12186,12 +12208,12 @@ var ModalViewRenderer = (props) => {
 
 // src/commands/definitions/workbench.openResourceInModal.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
-var workbenchOpenResourceOperationInModalArgsSchema = import_core7.nu.object({
-  resourceId: import_core7.nu.string().withMeta({
+var workbenchOpenResourceOperationInModalArgsSchema = import_core8.nu.object({
+  resourceId: import_core8.nu.string().withMeta({
     label: "Resource ID",
     description: "The ID of the resource to open"
   }).optional(),
-  operation: import_core7.nu.string().withMeta({
+  operation: import_core8.nu.string().withMeta({
     label: "Operation",
     description: "The operation to perform on the resource"
   }).optional()
@@ -12344,11 +12366,11 @@ var workbenchRunCommand = createCommand({
 });
 
 // src/commands/definitions/workbench.setTheme.tsx
-var import_core8 = require("@nubase/core");
+var import_core9 = require("@nubase/core");
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
-var workbenchSetThemeArgsSchema = import_core8.nu.object({
-  themeId: import_core8.nu.string().withMeta({
+var workbenchSetThemeArgsSchema = import_core9.nu.object({
+  themeId: import_core9.nu.string().withMeta({
     label: "Theme ID",
     description: "The ID of the theme to set"
   }).optional()
@@ -15377,7 +15399,7 @@ var ResourceCreateViewRenderer = (props) => {
 };
 
 // src/components/views/ViewRenderer/screen/ResourceSearchViewRenderer.tsx
-var import_core9 = require("@nubase/core");
+var import_core10 = require("@nubase/core");
 var import_react_router5 = require("@tanstack/react-router");
 var import_react69 = require("react");
 
@@ -16428,7 +16450,7 @@ var DEFAULT_COLUMN_WIDTHS = {
   // Will use the wrapped type's width
 };
 var getDefaultColumnWidth = (fieldSchema) => {
-  if (fieldSchema instanceof import_core9.OptionalSchema) {
+  if (fieldSchema instanceof import_core10.OptionalSchema) {
     return getDefaultColumnWidth(fieldSchema.unwrap());
   }
   return DEFAULT_COLUMN_WIDTHS[fieldSchema.type] || 150;
@@ -16451,7 +16473,10 @@ var ResourceSearchViewRenderer = (props) => {
     clearFilters,
     hasActiveFilters,
     filterDescriptors,
-    getRequestParams
+    getRequestParams,
+    searchValue,
+    setSearchValue,
+    hasTextSearch
   } = useSchemaFilters(view.schemaFilter);
   const mergedParams = (0, import_react69.useMemo)(() => {
     const filterParams = getRequestParams();
@@ -16652,7 +16677,9 @@ var ResourceSearchViewRenderer = (props) => {
             filterState,
             onFilterChange: setFilterValue,
             onClearFilters: clearFilters,
-            showClearFilters: hasActiveFilters
+            showClearFilters: hasActiveFilters,
+            searchValue: hasTextSearch ? searchValue : "",
+            onSearchChange: hasTextSearch ? setSearchValue : void 0
           }
         ),
         bulkActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ActionBar, { actions: bulkActions }),