@dragonmastery/zinia-forms-core 0.3.0 → 0.3.1

package/dist/index.d.ts

@@ -1506,6 +1506,10 @@ interface FilterValue {
     value: any;
     operator: 'eq' | 'contains' | 'gt' | 'lt' | 'in' | 'between';
 }
+type FilterOptionItem = {
+    label: string;
+    value: any;
+} | string | number;
 interface BaseActionItem<TData> {
     key: string;
     /**
@@ -1557,8 +1561,8 @@ interface ColumnDefinition<TData, TField extends keyof TData> {
     format?: (value: TData[TField], row: TData) => string;
     render?: (value: TData[TField], row: TData) => any;
     filterType?: 'text' | 'select' | 'number' | 'boolean';
-    filterOptions?: any[];
-    filterOptionsLoader?: () => Promise<any[]>;
+    filterOptions?: FilterOptionItem[];
+    filterOptionsLoader?: () => Promise<FilterOptionItem[]>;
     sortLabels?: {
         asc: string;
         desc: string;
@@ -2160,4 +2164,4 @@ declare const ActionIcons: {
     readonly dotsHorizontal: "<svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z\" /></svg>";
 };
 
-export { ActionIcons, type ActionItem, type ActionsConfig, type ButtonActionItem, type ColumnDefinition, type CursorDataTableOptions, type CursorFetchParams, type CursorFetchResult, type DataTableColumns, type DataTableOptions, type DisplayComponentsType, type DisplayFieldComponent, ErrorDisplay, type FetchDataParams, type FetchDataResult, type FilterValue, type LinkActionItem, LoadingDisplay, NoDataDisplay, SCHEMA_ID_SYMBOL, type TypedSelectFieldComponent, type UseCursorDataTableType, type UseDataTableType, type UseDeleteModalType, type UseDisplayType, type UseFormType, type UseFormTyped, ZINIA_DATA_TABLE_ACTIONS_KEY, ZINIA_DATA_TABLE_COLUMNS_KEY, ZINIA_DATA_TABLE_FILTER_INPUTS_KEY, ZINIA_DATA_TABLE_FILTER_OPERATORS_KEY, ZINIA_DATA_TABLE_FILTER_OPTIONS_LOADING_KEY, ZINIA_DATA_TABLE_FILTER_OPTIONS_STATE_KEY, ZINIA_DATA_TABLE_KEY, ZINIA_DATA_TABLE_NAME_KEY, ZINIA_DATA_TABLE_OPTIONS_KEY, ZINIA_DATA_TABLE_SEARCH_INPUT_KEY, ZINIA_DELETE_MODAL_FIELDS_GENERIC_KEY, ZINIA_DELETE_MODAL_FIELDS_KEY, ZINIA_DELETE_MODAL_KEY, ZINIA_DELETE_MODAL_SCHEMA_KEY, ZINIA_DISPLAY_FIELDS_GENERIC_KEY, ZINIA_DISPLAY_FIELDS_KEY, ZINIA_DISPLAY_KEY, ZINIA_DISPLAY_SCHEMA_KEY, ZINIA_FIELDS_GENERIC_KEY, ZINIA_FIELDS_KEY, ZINIA_FORM_KEY, ZINIA_FORM_SCHEMA_KEY, type ZiniaDataTable, type ZiniaDeleteModal, type ZiniaDeleteModalFields, type ZiniaDeleteModalGenericFields, type ZiniaDisplay, type ZiniaDisplayFields, type ZiniaDisplayGenericFields, type ZiniaForm, type ZiniaFormFields, type ZiniaFormGenericFields, ZiniaPlugin, type ZiniaPluginOptions, clearAllMetadata, clearSchemaMetadata, createBaseComponents, createBaseDisplayComponents, createPartialStyle, createStyleTemplate, createTypedArrayField, createTypedSelectField, daisyUIStyle, extendStyle, generateDisplayComponents, generateFieldComponents, getAllSchemaMetadata, getDefaultStyle, getFieldMetadata, getRegisteredStyle, getRegisteredStyleNames, getSchemaId, hasRegisteredStyle, hasSchemaMetadata, mergeStyles, plainStyle, registerSchemaMetadata, registerStyle, setSchemaMetadata, useCursorDataTable, useDataTable, useDeleteModal, useDisplay, useForm, withMetadata };
+export { ActionIcons, type ActionItem, type ActionsConfig, type ButtonActionItem, type ColumnDefinition, type CursorDataTableOptions, type CursorFetchParams, type CursorFetchResult, type DataTableColumns, type DataTableOptions, type DisplayComponentsType, type DisplayFieldComponent, ErrorDisplay, type FetchDataParams, type FetchDataResult, type FilterOptionItem, type FilterValue, type LinkActionItem, LoadingDisplay, NoDataDisplay, SCHEMA_ID_SYMBOL, type TypedSelectFieldComponent, type UseCursorDataTableType, type UseDataTableType, type UseDeleteModalType, type UseDisplayType, type UseFormType, type UseFormTyped, ZINIA_DATA_TABLE_ACTIONS_KEY, ZINIA_DATA_TABLE_COLUMNS_KEY, ZINIA_DATA_TABLE_FILTER_INPUTS_KEY, ZINIA_DATA_TABLE_FILTER_OPERATORS_KEY, ZINIA_DATA_TABLE_FILTER_OPTIONS_LOADING_KEY, ZINIA_DATA_TABLE_FILTER_OPTIONS_STATE_KEY, ZINIA_DATA_TABLE_KEY, ZINIA_DATA_TABLE_NAME_KEY, ZINIA_DATA_TABLE_OPTIONS_KEY, ZINIA_DATA_TABLE_SEARCH_INPUT_KEY, ZINIA_DELETE_MODAL_FIELDS_GENERIC_KEY, ZINIA_DELETE_MODAL_FIELDS_KEY, ZINIA_DELETE_MODAL_KEY, ZINIA_DELETE_MODAL_SCHEMA_KEY, ZINIA_DISPLAY_FIELDS_GENERIC_KEY, ZINIA_DISPLAY_FIELDS_KEY, ZINIA_DISPLAY_KEY, ZINIA_DISPLAY_SCHEMA_KEY, ZINIA_FIELDS_GENERIC_KEY, ZINIA_FIELDS_KEY, ZINIA_FORM_KEY, ZINIA_FORM_SCHEMA_KEY, type ZiniaDataTable, type ZiniaDeleteModal, type ZiniaDeleteModalFields, type ZiniaDeleteModalGenericFields, type ZiniaDisplay, type ZiniaDisplayFields, type ZiniaDisplayGenericFields, type ZiniaForm, type ZiniaFormFields, type ZiniaFormGenericFields, ZiniaPlugin, type ZiniaPluginOptions, clearAllMetadata, clearSchemaMetadata, createBaseComponents, createBaseDisplayComponents, createPartialStyle, createStyleTemplate, createTypedArrayField, createTypedSelectField, daisyUIStyle, extendStyle, generateDisplayComponents, generateFieldComponents, getAllSchemaMetadata, getDefaultStyle, getFieldMetadata, getRegisteredStyle, getRegisteredStyleNames, getSchemaId, hasRegisteredStyle, hasSchemaMetadata, mergeStyles, plainStyle, registerSchemaMetadata, registerStyle, setSchemaMetadata, useCursorDataTable, useDataTable, useDeleteModal, useDisplay, useForm, withMetadata };

package/dist/index.js

@@ -2486,7 +2486,12 @@ function useDataTable(schema, options) {
         filterOptionsLoading.value[field] = true;
         try {
           const options2 = await column.filterOptionsLoader();
-          filterOptionsState.value[field] = options2;
+          filterOptionsState.value[field] = options2.map((opt) => {
+            if (typeof opt === "object" && opt !== null && "label" in opt && "value" in opt) {
+              return opt;
+            }
+            return { label: String(opt), value: opt };
+          });
         } catch (error) {
           console.error(`Failed to load filter options for ${field}:`, error);
         } finally {
@@ -3046,7 +3051,12 @@ function useCursorDataTable(schema, options) {
         filterOptionsLoading.value[field] = true;
         try {
           const options2 = await column.filterOptionsLoader();
-          filterOptionsState.value[field] = options2;
+          filterOptionsState.value[field] = options2.map((opt) => {
+            if (typeof opt === "object" && opt !== null && "label" in opt && "value" in opt) {
+              return opt;
+            }
+            return { label: String(opt), value: opt };
+          });
         } catch (error) {
           console.error(`Failed to load filter options for ${field}:`, error);
         } finally {
@@ -6069,17 +6079,35 @@ function getFilterType(field, column, fieldsMetadata) {
 }
 function getFilterOptions(field, column, fieldsMetadata, filterOptionsState) {
   if (filterOptionsState && filterOptionsState[field]) {
-    return filterOptionsState[field];
+    const options = filterOptionsState[field];
+    return options.map((opt) => {
+      if (typeof opt === "object" && opt !== null && "label" in opt && "value" in opt) {
+        return opt;
+      }
+      return { label: String(opt), value: opt };
+    });
   }
   if (column?.filterOptions) {
-    return column.filterOptions;
+    const options = column.filterOptions;
+    return options.map((opt) => {
+      if (typeof opt === "object" && opt !== null && "label" in opt && "value" in opt) {
+        return opt;
+      }
+      return { label: String(opt), value: opt };
+    });
   }
   const fieldMetadata = fieldsMetadata[field];
   if (fieldMetadata?.options) {
-    return fieldMetadata.options.map((opt) => opt.value);
+    return fieldMetadata.options.map((opt) => ({
+      label: opt.label || String(opt.value),
+      value: opt.value
+    }));
   }
   if (fieldMetadata?.valueToLabel) {
-    return Object.keys(fieldMetadata.valueToLabel);
+    return Object.entries(fieldMetadata.valueToLabel).map(([value, label]) => ({
+      label: String(label),
+      value
+    }));
   }
   return [];
 }
@@ -6386,7 +6414,7 @@ var SelectFilter = (props) => {
       "data-testid": `datatable-filter-${props.field}-input`,
       children: [
         /* @__PURE__ */ jsx("option", { value: "", children: props.isOptionsLoading ? "Loading options..." : `All ${props.label}` }),
-        props.options.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: typeof option === "string" ? option.charAt(0).toUpperCase() + option.slice(1) : option }, option))
+        props.options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
       ]
     },
     props.field