hazo_collab_forms 1.9.0 → 1.9.1

package/dist/components/hazo_collab_form_checkbox.js

@@ -7,158 +7,32 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cn } from '../utils/cn.js';
 import { get_dom_safe_props } from '../utils/filter_dom_props.js';
-import { use_collab_form_field, CollabFormFieldContainer, CollabFormFieldLabel, CollabFormFieldError, CollabFormFieldReferenceTag, CollabFormFileUploadSection, CollabFormAddEntryIcon, CollabFormDeleteEntryIcon, } from './hazo_collab_form_base.js';
+import { CollabFormFieldContainer, CollabFormFieldLabel, CollabFormFieldError, CollabFormFieldReferenceTag, CollabFormFileUploadSection, CollabFormAddEntryIcon, CollabFormDeleteEntryIcon, } from './hazo_collab_form_base.js';
 import { UnifiedFieldControls } from './shared/unified_field_controls/index.js';
+import { use_base_form_field } from './shared/use_base_form_field.js';
+import { strip_base_props } from './shared/strip_base_props.js';
 /**
  * Collaboration form checkbox component
- * Displays a labeled checkbox field with error message and chat icon
+ * Has a unique layout: checkbox + inline label + controls on right, not using BaseFieldLayout
  */
 export const HazoCollabFormCheckbox = React.forwardRef((props, ref) => {
-    // Create internal ref for component reference (for file_processor)
-    const component_ref = React.useRef(null);
-    const [internal_files, set_internal_files] = React.useState([]);
-    // Internal validation error state
-    const [validation_error, set_validation_error] = React.useState(null);
-    // Use controlled files if provided, otherwise use internal state
-    const current_files = props.files !== undefined ? props.files : internal_files;
-    // Expose get_file_data method and forward ref to checkbox element
-    React.useImperativeHandle(ref, () => {
-        return {
-            ...component_ref.current,
-            get_file_data: () => current_files,
-        };
-    }, [current_files]);
-    const { label, tooltip, error, field_id, field_data_id, field_name, checked, onChange, checkbox_label, additional_context, on_chat_click, chat_status, is_chat_active, chat_background_color = 'bg-muted', is_data_ok_default, container_class_name, label_class_name, label_actions, checkbox_wrapper_class_name, checkbox_label_class_name, error_class_name, required, multi_state_radio, data_ok_checked, on_data_ok_change, data_ok_mode, data_ok_value, on_data_ok_value_change, data_ok_default, data_ok_hidden_states, data_ok_editable, disable_data_ok, disable_chat, accept_files, files_dir, max_size, min_files, max_files, file_accept, file_processor, file_validator, field_validator, files: controlled_files, on_files_change, 
-    // Notes props
-    enable_notes, disable_notes, notes, on_notes_change, has_notes, is_notes_active, notes_panel_style, notes_background_color, notes_save_mode, current_user, className, id, 
-    // HazoChat props
-    hazo_chat_group_id, hazo_chat_reference_id, hazo_chat_reference_type, hazo_chat_api_base_url, hazo_chat_timezone, hazo_chat_title, hazo_chat_subtitle, hazo_chat_realtime_mode, hazo_chat_polling_interval, hazo_chat_messages_per_page, hazo_chat_class_name, hazo_chat_on_close, hazo_chat_is_open, hazo_chat_on_open_change, hazo_chat_show_sidebar_toggle, hazo_chat_show_delete_button, hazo_chat_bubble_radius, 
-    // Reference tag props
-    reference_value, reference_label, reference_tag_background_color, 
-    // Visibility toggle props
-    enable_visibility_toggle, disable_visibility_toggle, visibility = 'visible', on_visibility_change, user_role = 'responder', 
-    // Additional entry props
-    additional_entry, max_additional_entries, entry_index, entry_count, on_add_entry, on_delete_entry, is_additional_entry, 
-    // Delete field props
-    enable_delete, disable_delete, on_delete, 
-    // Lock field props
-    enable_lock, disable_lock, locked = false, on_lock_change, 
-    // Skip/N/A field props
-    enable_skip, disable_skip, skipped = false, on_skip_change, 
-    // Edit actions display mode
-    edit_actions_display, 
-    // Action buttons styling
-    action_buttons_borderless, 
-    // File visibility props
-    enable_file_visibility, private_files_permission, private_files, on_private_files_change, 
-    // Consolidated dropdown props
-    include_chat_in_dropdown, include_notes_in_dropdown, extract_active_chat, extract_active_notes, 
-    // HazoChat read-only mode
-    hazo_chat_read_only, icons_behaviour, active_role, ...checkbox_props } = props;
-    const { field_id_final, handle_chat_icon_click, handle_chat_close, chat_is_open, is_chat_disabled } = use_collab_form_field({
-        label,
-        field_id,
-        id,
-        field_data_id,
-        field_name,
-        on_chat_click,
-        hazo_chat_group_id,
-        hazo_chat_on_open_change,
-        hazo_chat_is_open,
-        hazo_chat_on_close,
-    });
-    // Check visibility - responders cannot see hidden fields
-    const is_hidden = visibility === 'hidden';
-    if (is_hidden && user_role === 'responder') {
+    const base = use_base_form_field(props, ref);
+    if (base.should_hide)
         return null;
-    }
-    // Determine if field should be disabled when chat is active
-    // Use is_chat_active if provided, otherwise use chat_is_open
-    const is_chat_field_disabled = is_chat_active !== undefined ? is_chat_active : chat_is_open;
-    // Field is disabled if chat is active OR if field is locked
-    const is_field_disabled = (checkbox_props?.disabled) || is_chat_field_disabled || locked || skipped;
-    // Chat is disabled when field is hidden (for authors viewing hidden fields)
-    const is_chat_effectively_disabled = is_chat_disabled || is_hidden;
-    // Determine if this field should show add entry button
-    const show_add_entry = additional_entry && on_add_entry && (entry_count === undefined || entry_index === entry_count - 1) && (entry_count === undefined || entry_count < (max_additional_entries ?? 10));
-    // Combined error: external error takes priority over validation error
-    const display_error = error || validation_error || undefined;
-    // Handler to adapt data OK changes for both checkbox and multi-state modes
-    const handle_data_ok_unified_change = React.useCallback((value) => {
-        if (typeof value === 'boolean') {
-            on_data_ok_change?.(value);
-        }
-        else {
-            on_data_ok_value_change?.(value);
-        }
-    }, [on_data_ok_change, on_data_ok_value_change]);
-    /**
-     * Handle checkbox change event with validation
-     */
+    const { checked, onChange, field_validator, checkbox_label, checkbox_wrapper_class_name, checkbox_label_class_name, } = props;
     const handle_change = React.useCallback((e) => {
         const new_value = e.target.checked;
-        // Run field validator if provided
         if (field_validator) {
-            const error_result = field_validator(new_value);
-            set_validation_error(error_result);
+            base.set_validation_error(field_validator(new_value));
         }
         onChange(new_value);
-    }, [field_validator, onChange]);
-    // Use checkbox_label if provided, otherwise fall back to label
-    const checkbox_label_text = checkbox_label ?? label;
-    return (_jsxs(CollabFormFieldContainer, { chat_status: chat_status, is_chat_active: is_chat_active, chat_background_color: chat_background_color, is_data_ok_default: is_data_ok_default, container_class_name: container_class_name, hazo_chat_is_open: chat_is_open, hazo_chat_group_id: hazo_chat_group_id, hazo_chat_reference_id: hazo_chat_reference_id, hazo_chat_reference_type: hazo_chat_reference_type, hazo_chat_api_base_url: hazo_chat_api_base_url, hazo_chat_timezone: hazo_chat_timezone, hazo_chat_title: hazo_chat_title, hazo_chat_subtitle: hazo_chat_subtitle, hazo_chat_realtime_mode: hazo_chat_realtime_mode, hazo_chat_polling_interval: hazo_chat_polling_interval, hazo_chat_messages_per_page: hazo_chat_messages_per_page, hazo_chat_class_name: hazo_chat_class_name, hazo_chat_on_close: handle_chat_close, hazo_chat_show_sidebar_toggle: hazo_chat_show_sidebar_toggle, hazo_chat_show_delete_button: hazo_chat_show_delete_button, hazo_chat_bubble_radius: hazo_chat_bubble_radius, field_data_id: field_data_id, field_name: field_name, label: label, files: current_files, children: [_jsx(CollabFormFieldLabel, { field_id_final: field_id_final, label: label, tooltip: tooltip, label_class_name: label_class_name, required: required, visibility: visibility, locked: locked, label_actions: label_actions }), _jsxs("div", { className: cn('cls_collab_checkbox_wrapper flex items-center gap-2', checkbox_wrapper_class_name, is_hidden && user_role === 'author' && 'opacity-50'), suppressHydrationWarning: true, children: [_jsx("input", { ref: component_ref, id: field_id_final, type: "checkbox", checked: checked, onChange: handle_change, disabled: is_field_disabled, className: cn('cls_collab_checkbox h-4 w-4 rounded border border-input bg-transparent text-primary shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', display_error && 'border-destructive focus-visible:ring-destructive', locked && 'bg-slate-100', skipped && 'bg-slate-100 opacity-60', className), "aria-invalid": display_error ? 'true' : 'false', "aria-describedby": display_error ? `${field_id_final}-error` : undefined, ...get_dom_safe_props(checkbox_props) }), _jsx("label", { htmlFor: field_id_final, className: cn('cls_collab_checkbox_label text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex-1', checkbox_label_class_name), children: checkbox_label_text }), _jsxs("div", { className: "cls_collab_checkbox_actions flex items-center gap-2 flex-shrink-0", children: [show_add_entry && (_jsx(CollabFormAddEntryIcon, { label: label, field_id: field_data_id || field_id_final, on_add_entry: on_add_entry, borderless: action_buttons_borderless })), is_additional_entry && on_delete_entry && (_jsx(CollabFormDeleteEntryIcon, { label: label, field_id: field_data_id || field_id_final, on_delete_entry: on_delete_entry })), _jsx(UnifiedFieldControls, { field_id: field_data_id || field_id_final, icons_behaviour: icons_behaviour, active_role: active_role, metadata: {
-                                    data_ok: data_ok_value ?? data_ok_checked,
-                                    skipped,
-                                    locked,
-                                    deleted: false,
-                                    visibility,
-                                    notes,
-                                    chat_status,
-                                }, callbacks: {
-                                    on_data_ok_change: handle_data_ok_unified_change,
-                                    on_skip_change,
-                                    on_notes_change: on_notes_change,
-                                    on_chat_click: handle_chat_icon_click,
-                                    on_visibility_change,
-                                    on_lock_change,
-                                    on_delete: on_delete ? () => on_delete(field_data_id || field_id_final) : undefined,
-                                }, config: {
-                                    data_ok_mode: data_ok_mode === 'multi_state' ? 'multi_state' : 'checkbox',
-                                    data_ok_hidden_states,
-                                    chat_group_id: hazo_chat_group_id,
-                                    current_user,
-                                    field_data_id: field_data_id || field_id_final,
-                                    label,
-                                    chat_api_base_url: hazo_chat_api_base_url,
-                                    chat_timezone: hazo_chat_timezone,
-                                    chat_read_only: hazo_chat_read_only,
-                                    notes_panel_style,
-                                    notes_background_color,
-                                    notes_save_mode,
-                                }, fallback_visibility: {
-                                    data_ok: !disable_data_ok,
-                                    skip: enable_skip && !disable_skip,
-                                    notes: enable_notes && !disable_notes,
-                                    chat: !disable_chat && !!hazo_chat_group_id,
-                                    visibility: enable_visibility_toggle && !disable_visibility_toggle,
-                                    lock: enable_lock && !disable_lock,
-                                    delete: enable_delete && !disable_delete,
-                                }, fallback_enabled: {
-                                    data_ok: data_ok_editable !== false,
-                                    skip: !disable_skip,
-                                    notes: !disable_notes,
-                                    chat: !is_chat_effectively_disabled,
-                                    visibility: !disable_visibility_toggle,
-                                    lock: !disable_lock,
-                                    delete: !disable_delete,
-                                } })] })] }), _jsx(CollabFormFieldReferenceTag, { reference_value: reference_value, reference_label: reference_label, reference_tag_background_color: reference_tag_background_color }), _jsx(CollabFormFieldError, { field_id_final: field_id_final, error: display_error, error_class_name: error_class_name }), _jsx(CollabFormFileUploadSection, { field_id_final: field_id_final, accept_files: accept_files && !locked, files_dir: files_dir, max_size: max_size, min_files: min_files, max_files: max_files, file_accept: file_accept, file_processor: file_processor, file_validator: file_validator, files: current_files, on_files_change: (new_files) => {
-                    if (controlled_files === undefined) {
-                        set_internal_files(new_files);
-                    }
-                    if (on_files_change) {
-                        on_files_change(new_files);
-                    }
-                }, component_ref: component_ref, enable_file_visibility: enable_file_visibility, private_files_permission: private_files_permission, private_files: private_files, on_private_files_change: on_private_files_change })] }));
+    }, [field_validator, onChange, base.set_validation_error]);
+    const checkbox_label_text = checkbox_label ?? base.label_props.label;
+    // Strip base props for DOM rest attributes
+    const rest_props = strip_base_props(props);
+    delete rest_props.checked;
+    delete rest_props.onChange;
+    return (_jsxs(CollabFormFieldContainer, { ...base.container_props, children: [_jsx(CollabFormFieldLabel, { ...base.label_props }), _jsxs("div", { className: cn('cls_collab_checkbox_wrapper flex items-center gap-2', checkbox_wrapper_class_name, base.is_hidden && base.user_role === 'author' && 'opacity-50'), suppressHydrationWarning: true, children: [_jsx("input", { ref: base.component_ref, id: base.field_id_final, type: "checkbox", checked: checked, onChange: handle_change, disabled: base.is_field_disabled, className: cn('cls_collab_checkbox h-4 w-4 rounded border border-input bg-transparent text-primary shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', base.display_error && 'border-destructive focus-visible:ring-destructive', base.locked && 'bg-slate-100', base.skipped && 'bg-slate-100 opacity-60', base.className), "aria-invalid": base.display_error ? 'true' : 'false', "aria-describedby": base.display_error ? `${base.field_id_final}-error` : undefined, ...get_dom_safe_props(rest_props) }), _jsx("label", { htmlFor: base.field_id_final, className: cn('cls_collab_checkbox_label text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex-1', checkbox_label_class_name), children: checkbox_label_text }), _jsxs("div", { className: "cls_collab_checkbox_actions flex items-center gap-2 flex-shrink-0", children: [base.entry_props.show_add_entry && (_jsx(CollabFormAddEntryIcon, { label: base.entry_props.label, field_id: base.entry_props.field_id, on_add_entry: base.entry_props.on_add_entry, borderless: base.entry_props.action_buttons_borderless })), base.entry_props.is_additional_entry && base.entry_props.on_delete_entry && (_jsx(CollabFormDeleteEntryIcon, { label: base.entry_props.label, field_id: base.entry_props.field_id, on_delete_entry: base.entry_props.on_delete_entry })), _jsx(UnifiedFieldControls, { ...base.controls_props })] })] }), _jsx(CollabFormFieldReferenceTag, { ...base.reference_tag_props }), _jsx(CollabFormFieldError, { ...base.error_props }), _jsx(CollabFormFileUploadSection, { ...base.file_upload_props })] }));
 });
 HazoCollabFormCheckbox.displayName = 'HazoCollabFormCheckbox';
 //# sourceMappingURL=hazo_collab_form_checkbox.js.map

package/dist/components/hazo_collab_form_checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"hazo_collab_form_checkbox.js","sourceRoot":"","sources":["../../src/components/hazo_collab_form_checkbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"hazo_collab_form_checkbox.js","sourceRoot":"","sources":["../../src/components/hazo_collab_form_checkbox.tsx"],"names":[],"mappings":"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"}

package/dist/components/hazo_collab_form_combo.d.ts

@@ -14,73 +14,29 @@ import { type CollabFormFieldBaseProps, type FileData } from './hazo_collab_form
  * Option type for combobox
  */
 export interface ComboboxOption {
-    /**
-     * Value of the option
-     */
     value: string;
-    /**
-     * Label to display for the option
-     */
     label: string;
 }
 /**
  * Props for the HazoCollabFormCombo component
  */
 export interface HazoCollabFormComboProps extends CollabFormFieldBaseProps {
-    /**
-     * Array of options to display in the combobox
-     */
     options: ComboboxOption[];
-    /**
-     * Current selected value
-     */
     value: string;
-    /**
-     * Callback when selection changes
-     */
     onChange: (value: string) => void;
-    /**
-     * Placeholder text when no option is selected
-     */
     placeholder?: string;
-    /**
-     * Placeholder text for the search input
-     */
     search_placeholder?: string;
-    /**
-     * Message to show when no options are found
-     */
     empty_message?: string;
-    /**
-     * Whether to enable the search input bar
-     * Default: false (search bar hidden)
-     */
     enable_search?: boolean;
-    /**
-     * Additional context data for chat functionality
-     */
     additional_context?: Record<string, unknown>;
-    /**
-     * Custom className for the combobox wrapper
-     */
     combo_wrapper_class_name?: string;
-    /**
-     * Custom className for the button trigger
-     */
     button_class_name?: string;
-    /**
-     * Whether the combobox is disabled
-     */
     disabled?: boolean;
 }
 /**
  * Exposed methods for HazoCollabFormCombo
  */
 export interface HazoCollabFormComboRef {
-    /**
-     * Get the current files data
-     * Returns array of FileData objects
-     */
     get_file_data: () => FileData[];
 }
 /**

package/dist/components/hazo_collab_form_combo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hazo_collab_form_combo.d.ts","sourceRoot":"","sources":["../../src/components/hazo_collab_form_combo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EASL,KAAK,wBAAwB,EAC7B,KAAK,QAAQ,EAGd,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;IAE1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE7C;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,EAAE,MAAM,QAAQ,EAAE,CAAC;CACjC;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,6HAysB9B,CAAC"}
+{"version":3,"file":"hazo_collab_form_combo.d.ts","sourceRoot":"","sources":["../../src/components/hazo_collab_form_combo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,QAAQ,EACd,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,QAAQ,EAAE,CAAC;CACjC;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,6HAsP9B,CAAC"}

package/dist/components/hazo_collab_form_combo.js

@@ -13,132 +13,27 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect } from 'react';
 import { cn } from '../utils/cn.js';
 import { use_logger } from '../logger/context.js';
-import { use_collab_form_field, CollabFormFieldContainer, CollabFormFieldLabel, CollabFormFieldError, CollabFormFieldReferenceTag, CollabFormFileUploadSection, CollabFormAddEntryIcon, CollabFormDeleteEntryIcon, } from './hazo_collab_form_base.js';
-import { UnifiedFieldControls } from './shared/unified_field_controls/index.js';
+import { CollabFormFieldContainer, CollabFormFieldLabel, CollabFormFieldError, CollabFormFieldReferenceTag, CollabFormFileUploadSection, } from './hazo_collab_form_base.js';
+import { BaseFieldLayout } from './shared/base_field_layout.js';
+import { use_base_form_field } from './shared/use_base_form_field.js';
 /**
  * Collaboration form combobox component
  * Displays a labeled combobox field with error message and chat icon
  */
 export const HazoCollabFormCombo = React.forwardRef((props, ref) => {
-    // Create internal ref for component reference (for file_processor)
-    const component_ref = React.useRef(null);
-    const [internal_files, set_internal_files] = React.useState([]);
-    // Internal validation error state
-    const [validation_error, set_validation_error] = React.useState(null);
-    // Use controlled files if provided, otherwise use internal state
-    const current_files = props.files !== undefined ? props.files : internal_files;
-    // Expose get_file_data method and forward ref to button element
-    React.useImperativeHandle(ref, () => {
-        return {
-            ...component_ref.current,
-            get_file_data: () => current_files,
-        };
-    }, [current_files]);
-    const { label, tooltip, error, field_id, field_data_id, field_name, options, value, onChange, placeholder = 'Select an option...', search_placeholder = 'Search...', empty_message = 'No option found.', enable_search = false, additional_context, on_chat_click, chat_status, is_chat_active, chat_background_color = 'bg-muted', is_data_ok_default, container_class_name, label_class_name, label_actions, combo_wrapper_class_name, button_class_name, error_class_name, field_width_class_name, required, multi_state_radio, data_ok_checked, on_data_ok_change, data_ok_mode, data_ok_value, on_data_ok_value_change, data_ok_default, data_ok_hidden_states, data_ok_editable, disable_data_ok, disable_chat, accept_files, files_dir, max_size, min_files, max_files, file_accept, file_processor, file_validator, field_validator, files: controlled_files, on_files_change, 
-    // Notes props
-    enable_notes, disable_notes, notes, on_notes_change, has_notes, is_notes_active, notes_panel_style, notes_background_color, notes_save_mode, current_user, disabled, id, 
-    // HazoChat props
-    hazo_chat_group_id, hazo_chat_reference_id, hazo_chat_reference_type, hazo_chat_api_base_url, hazo_chat_timezone, hazo_chat_title, hazo_chat_subtitle, hazo_chat_realtime_mode, hazo_chat_polling_interval, hazo_chat_messages_per_page, hazo_chat_class_name, hazo_chat_on_close, hazo_chat_is_open, hazo_chat_on_open_change, hazo_chat_show_sidebar_toggle, hazo_chat_show_delete_button, hazo_chat_bubble_radius, 
-    // Reference tag props
-    reference_value, reference_label, reference_tag_background_color, 
-    // Visibility toggle props
-    enable_visibility_toggle, disable_visibility_toggle, visibility = 'visible', on_visibility_change, user_role = 'responder', 
-    // Additional entry props
-    additional_entry, max_additional_entries, entry_index, entry_count, on_add_entry, on_delete_entry, is_additional_entry, 
-    // Delete field props
-    enable_delete, disable_delete, on_delete, 
-    // Lock field props
-    enable_lock, disable_lock, locked = false, on_lock_change, 
-    // Skip/N/A field props
-    enable_skip, disable_skip, skipped = false, on_skip_change, 
-    // Edit actions display mode
-    edit_actions_display, 
-    // Action buttons styling
-    action_buttons_borderless, 
-    // File visibility props
-    enable_file_visibility, private_files_permission, private_files, on_private_files_change, 
-    // Consolidated dropdown props
-    include_chat_in_dropdown, include_notes_in_dropdown, extract_active_chat, extract_active_notes, 
-    // HazoChat read-only mode
-    hazo_chat_read_only, icons_behaviour, active_role, } = props;
+    const base = use_base_form_field(props, ref);
+    if (base.should_hide)
+        return null;
+    const { options, value, onChange, field_validator, placeholder = 'Select an option...', search_placeholder = 'Search...', empty_message = 'No option found.', enable_search = false, combo_wrapper_class_name, button_class_name, } = props;
     const logger = use_logger();
     const [open, set_open] = useState(false);
-    const { field_id_final, handle_chat_icon_click, handle_chat_close, chat_is_open, is_chat_disabled } = use_collab_form_field({
-        label,
-        field_id,
-        id,
-        field_data_id,
-        field_name,
-        on_chat_click,
-        hazo_chat_group_id,
-        hazo_chat_on_open_change,
-        hazo_chat_is_open,
-        hazo_chat_on_close,
-    });
-    // Check visibility - responders cannot see hidden fields
-    const is_hidden = visibility === 'hidden';
-    if (is_hidden && user_role === 'responder') {
-        return null;
-    }
-    // Determine if field should be disabled when chat is active
-    // Use is_chat_active if provided, otherwise use chat_is_open
-    const is_chat_field_disabled = is_chat_active !== undefined ? is_chat_active : chat_is_open;
-    // Field is disabled if chat is active OR if field is locked
-    const is_field_disabled = disabled || is_chat_field_disabled || locked || skipped;
-    // Chat is disabled when field is hidden (for authors viewing hidden fields)
-    const is_chat_effectively_disabled = is_chat_disabled || is_hidden;
-    // Determine if this field should show add entry button
-    const show_add_entry = additional_entry && on_add_entry && (entry_count === undefined || entry_index === entry_count - 1) && (entry_count === undefined || entry_count < (max_additional_entries ?? 10));
-    // Combined error: external error takes priority over validation error
-    const display_error = error || validation_error || undefined;
-    // Handler to adapt data OK changes for both checkbox and multi-state modes
-    const handle_data_ok_unified_change = React.useCallback((value) => {
-        if (typeof value === 'boolean') {
-            on_data_ok_change?.(value);
-        }
-        else {
-            on_data_ok_value_change?.(value);
-        }
-    }, [on_data_ok_change, on_data_ok_value_change]);
-    // Helper object for chat props to pass to CollabFormFieldContainer
-    const chat_container_props = {
-        hazo_chat_is_open: chat_is_open,
-        hazo_chat_group_id,
-        hazo_chat_reference_id,
-        hazo_chat_reference_type,
-        hazo_chat_api_base_url,
-        hazo_chat_timezone,
-        hazo_chat_title,
-        hazo_chat_subtitle,
-        hazo_chat_realtime_mode,
-        hazo_chat_polling_interval,
-        hazo_chat_messages_per_page,
-        hazo_chat_class_name,
-        hazo_chat_on_close: handle_chat_close,
-        hazo_chat_show_sidebar_toggle,
-        hazo_chat_show_delete_button,
-        hazo_chat_bubble_radius,
-        field_data_id,
-        field_name,
-        label,
-        files: current_files,
-    };
-    /**
-     * Get the label for the selected value
-     */
-    const selected_label = value
-        ? options.find((option) => option.value === value)?.label || placeholder
-        : placeholder;
     // Dynamic imports for shadcn components
-    // These will be resolved by the consuming application's bundler
     const [Components, setComponents] = React.useState(null);
     const [is_loading, set_is_loading] = React.useState(true);
     useEffect(() => {
         const loadComponents = async () => {
             try {
                 set_is_loading(true);
-                // Try to import from consuming app's components directory
-                // This path will be resolved by Next.js/webpack in the consuming app
                 // @ts-expect-error - These modules are provided by the consuming application
                 const popoverModule = await import('@/components/ui/popover').catch(() => null);
                 // @ts-expect-error - These modules are provided by the consuming application
@@ -179,115 +74,45 @@ export const HazoCollabFormCombo = React.forwardRef((props, ref) => {
     }, []);
     /**
      * Handle option selection by value with validation
-     * When an option is selected, call onChange with the option value
-     * If the same option is selected again, deselect it (empty value)
      */
     const handle_select_by_value = React.useCallback((selected_value) => {
         const new_value = selected_value === value ? '' : selected_value;
-        // Run field validator if provided
         if (field_validator) {
-            const error_result = field_validator(new_value);
-            set_validation_error(error_result);
+            base.set_validation_error(field_validator(new_value));
         }
         onChange(new_value);
         set_open(false);
-    }, [value, onChange, field_validator]);
+    }, [value, onChange, field_validator, base.set_validation_error]);
     /**
      * Handle option selection by label (fallback)
-     * Used when CommandItem value is set to option.label for search
      */
     const handle_select_by_label = React.useCallback((selected_label) => {
-        // Find the option by label (since CommandItem value is set to option.label for better search)
         const matching_option = options.find((opt) => opt.label === selected_label);
         if (matching_option) {
             handle_select_by_value(matching_option.value);
         }
     }, [options, handle_select_by_value]);
-    // Show loading state while components are loading (prevents flash of error message)
+    const selected_label = value
+        ? options.find((option) => option.value === value)?.label || placeholder
+        : placeholder;
+    // Show loading state while components are loading
     if (is_loading) {
-        return (_jsxs(CollabFormFieldContainer, { chat_status: chat_status, is_chat_active: is_chat_active, chat_background_color: chat_background_color, is_data_ok_default: is_data_ok_default, container_class_name: container_class_name, ...chat_container_props, children: [_jsx(CollabFormFieldLabel, { field_id_final: field_id_final, label: label, tooltip: tooltip, label_class_name: label_class_name, required: required, visibility: visibility, locked: locked, label_actions: label_actions }), _jsx("div", { className: cn('cls_collab_combo_wrapper flex items-center gap-2', combo_wrapper_class_name), suppressHydrationWarning: true, children: _jsx("div", { className: cn(field_width_class_name || 'flex-1', field_width_class_name && 'flex-shrink-0'), children: _jsx("div", { className: cn('w-full h-9 rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm md:text-sm flex items-center', display_error && 'border-destructive', button_class_name), children: _jsx("span", { className: cn('truncate text-muted-foreground'), children: placeholder }) }) }) }), _jsx(CollabFormFieldReferenceTag, { reference_value: reference_value, reference_label: reference_label, reference_tag_background_color: reference_tag_background_color }), _jsx(CollabFormFieldError, { field_id_final: field_id_final, error: display_error, error_class_name: error_class_name }), _jsx(CollabFormFileUploadSection, { field_id_final: field_id_final, accept_files: accept_files, files_dir: files_dir, max_size: max_size, min_files: min_files, max_files: max_files, file_accept: file_accept, file_processor: file_processor, file_validator: file_validator, files: current_files, on_files_change: (new_files) => {
-                        if (controlled_files === undefined) {
-                            set_internal_files(new_files);
-                        }
-                        if (on_files_change) {
-                            on_files_change(new_files);
-                        }
-                    }, component_ref: component_ref })] }));
+        return (_jsxs(CollabFormFieldContainer, { ...base.container_props, children: [_jsx(CollabFormFieldLabel, { ...base.label_props }), _jsx("div", { className: cn('cls_collab_combo_wrapper flex items-center gap-2', combo_wrapper_class_name), suppressHydrationWarning: true, children: _jsx("div", { className: cn(base.field_width_class_name || 'flex-1', base.field_width_class_name && 'flex-shrink-0'), children: _jsx("div", { className: cn('w-full h-9 rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm md:text-sm flex items-center', base.display_error && 'border-destructive', button_class_name), children: _jsx("span", { className: "truncate text-muted-foreground", children: placeholder }) }) }) }), _jsx(CollabFormFieldReferenceTag, { ...base.reference_tag_props }), _jsx(CollabFormFieldError, { ...base.error_props }), _jsx(CollabFormFileUploadSection, { ...base.file_upload_props })] }));
     }
     // Fallback UI if components failed to load
     if (!Components) {
-        return (_jsxs(CollabFormFieldContainer, { chat_status: chat_status, is_chat_active: is_chat_active, chat_background_color: chat_background_color, is_data_ok_default: is_data_ok_default, container_class_name: container_class_name, ...chat_container_props, children: [_jsx(CollabFormFieldLabel, { field_id_final: field_id_final, label: label, tooltip: tooltip, label_class_name: label_class_name, required: required, visibility: visibility, locked: locked, label_actions: label_actions }), _jsx("div", { className: cn('cls_collab_combo_wrapper flex items-center gap-2', combo_wrapper_class_name), suppressHydrationWarning: true, children: _jsx("div", { className: cn(field_width_class_name || 'flex-1', field_width_class_name && 'flex-shrink-0'), children: _jsxs("div", { className: "w-full rounded-md border border-destructive bg-destructive/10 px-3 py-2 text-sm text-destructive", children: [_jsx("div", { className: "font-medium", children: "Missing shadcn/ui components" }), _jsxs("div", { className: "mt-1 text-xs opacity-90", children: ["Run: ", _jsx("code", { className: "bg-destructive/20 px-1 rounded", children: "npx hazo-collab-forms-setup --combo" })] }), _jsxs("div", { className: "mt-1 text-xs opacity-70", children: ["Or manually: ", _jsx("code", { className: "bg-destructive/20 px-1 rounded", children: "npx shadcn@latest add popover command" })] })] }) }) }), _jsx(CollabFormFieldReferenceTag, { reference_value: reference_value, reference_label: reference_label, reference_tag_background_color: reference_tag_background_color }), _jsx(CollabFormFieldError, { field_id_final: field_id_final, error: display_error, error_class_name: error_class_name }), _jsx(CollabFormFileUploadSection, { field_id_final: field_id_final, accept_files: accept_files, files_dir: files_dir, max_size: max_size, min_files: min_files, max_files: max_files, file_accept: file_accept, file_processor: file_processor, file_validator: file_validator, files: current_files, on_files_change: (new_files) => {
-                        if (controlled_files === undefined) {
-                            set_internal_files(new_files);
-                        }
-                        if (on_files_change) {
-                            on_files_change(new_files);
-                        }
-                    }, component_ref: component_ref })] }));
+        return (_jsxs(CollabFormFieldContainer, { ...base.container_props, children: [_jsx(CollabFormFieldLabel, { ...base.label_props }), _jsx("div", { className: cn('cls_collab_combo_wrapper flex items-center gap-2', combo_wrapper_class_name), suppressHydrationWarning: true, children: _jsx("div", { className: cn(base.field_width_class_name || 'flex-1', base.field_width_class_name && 'flex-shrink-0'), children: _jsxs("div", { className: "w-full rounded-md border border-destructive bg-destructive/10 px-3 py-2 text-sm text-destructive", children: [_jsx("div", { className: "font-medium", children: "Missing shadcn/ui components" }), _jsxs("div", { className: "mt-1 text-xs opacity-90", children: ["Run: ", _jsx("code", { className: "bg-destructive/20 px-1 rounded", children: "npx hazo-collab-forms-setup --combo" })] }), _jsxs("div", { className: "mt-1 text-xs opacity-70", children: ["Or manually: ", _jsx("code", { className: "bg-destructive/20 px-1 rounded", children: "npx shadcn@latest add popover command" })] })] }) }) }), _jsx(CollabFormFieldReferenceTag, { ...base.reference_tag_props }), _jsx(CollabFormFieldError, { ...base.error_props }), _jsx(CollabFormFileUploadSection, { ...base.file_upload_props })] }));
     }
     const { Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Check, ChevronsUpDown, } = Components;
-    return (_jsxs(CollabFormFieldContainer, { chat_status: chat_status, is_chat_active: is_chat_active, chat_background_color: chat_background_color, is_data_ok_default: is_data_ok_default, container_class_name: container_class_name, ...chat_container_props, children: [_jsx(CollabFormFieldLabel, { field_id_final: field_id_final, label: label, tooltip: tooltip, label_class_name: label_class_name, required: required, visibility: visibility, locked: locked }), _jsxs("div", { className: cn('cls_collab_combo_wrapper flex items-center gap-2', combo_wrapper_class_name, is_hidden && user_role === 'author' && 'opacity-50'), suppressHydrationWarning: true, children: [_jsx("div", { className: cn(field_width_class_name || 'flex-1', field_width_class_name && 'flex-shrink-0'), children: _jsxs(Popover, { open: open, onOpenChange: set_open, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { ref: component_ref, type: "button", role: "combobox", "aria-expanded": open, "aria-controls": `${field_id_final}-combobox`, disabled: is_field_disabled, className: cn('cls_collab_combo_button w-full h-9 justify-between rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm flex items-center', display_error && 'border-destructive focus-visible:ring-destructive', locked && 'bg-slate-100', skipped && 'bg-slate-100 opacity-60', button_class_name), "aria-invalid": display_error ? 'true' : 'false', "aria-describedby": display_error ? `${field_id_final}-error` : undefined, children: [_jsx("span", { className: cn('truncate', !value && 'text-muted-foreground'), children: selected_label }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", id: `${field_id_final}-combobox`, children: _jsxs(Command, { children: [enable_search && (_jsx(CommandInput, { placeholder: search_placeholder, className: "h-9" })), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: empty_message }), _jsx(CommandGroup, { children: options.map((option) => (_jsxs(CommandItem, { value: option.value, keywords: [option.label], onSelect: (currentValue) => {
-                                                                logger.debug('[HazoCollabFormCombo] onSelect called', { value: currentValue });
-                                                                handle_select_by_value(currentValue);
-                                                            }, onClick: (e) => {
-                                                                // Fallback click handler
-                                                                e.preventDefault();
-                                                                e.stopPropagation();
-                                                                logger.debug('[HazoCollabFormCombo] onClick called', { value: option.value });
-                                                                handle_select_by_value(option.value);
-                                                            }, className: "cursor-pointer", style: { pointerEvents: 'auto', cursor: 'pointer' }, children: [_jsx(Check, { className: cn('mr-2 h-4 w-4', value === option.value ? 'opacity-100' : 'opacity-0') }), option.label] }, option.value))) })] })] }) })] }) }), show_add_entry && (_jsx(CollabFormAddEntryIcon, { label: label, field_id: field_data_id || field_id_final, on_add_entry: on_add_entry, borderless: action_buttons_borderless })), is_additional_entry && on_delete_entry && (_jsx(CollabFormDeleteEntryIcon, { label: label, field_id: field_data_id || field_id_final, on_delete_entry: on_delete_entry })), _jsx(UnifiedFieldControls, { field_id: field_data_id || field_id_final, icons_behaviour: icons_behaviour, active_role: active_role, metadata: {
-                            data_ok: data_ok_value ?? data_ok_checked,
-                            skipped,
-                            locked,
-                            deleted: false,
-                            visibility,
-                            notes,
-                            chat_status,
-                        }, callbacks: {
-                            on_data_ok_change: handle_data_ok_unified_change,
-                            on_skip_change,
-                            on_notes_change: on_notes_change,
-                            on_chat_click: handle_chat_icon_click,
-                            on_visibility_change,
-                            on_lock_change,
-                            on_delete: on_delete ? () => on_delete(field_data_id || field_id_final) : undefined,
-                        }, config: {
-                            data_ok_mode: data_ok_mode === 'multi_state' ? 'multi_state' : 'checkbox',
-                            data_ok_hidden_states,
-                            chat_group_id: hazo_chat_group_id,
-                            current_user,
-                            field_data_id: field_data_id || field_id_final,
-                            label,
-                            chat_api_base_url: hazo_chat_api_base_url,
-                            chat_timezone: hazo_chat_timezone,
-                            chat_read_only: hazo_chat_read_only,
-                            notes_panel_style,
-                            notes_background_color,
-                            notes_save_mode,
-                        }, fallback_visibility: {
-                            data_ok: !disable_data_ok,
-                            skip: enable_skip && !disable_skip,
-                            notes: enable_notes && !disable_notes,
-                            chat: !disable_chat && !!hazo_chat_group_id,
-                            visibility: enable_visibility_toggle && !disable_visibility_toggle,
-                            lock: enable_lock && !disable_lock,
-                            delete: enable_delete && !disable_delete,
-                        }, fallback_enabled: {
-                            data_ok: data_ok_editable !== false,
-                            skip: !disable_skip,
-                            notes: !disable_notes,
-                            chat: !is_chat_effectively_disabled,
-                            visibility: !disable_visibility_toggle,
-                            lock: !disable_lock,
-                            delete: !disable_delete,
-                        } })] }), _jsx(CollabFormFieldReferenceTag, { reference_value: reference_value, reference_label: reference_label, reference_tag_background_color: reference_tag_background_color }), _jsx(CollabFormFieldError, { field_id_final: field_id_final, error: display_error, error_class_name: error_class_name }), _jsx(CollabFormFileUploadSection, { field_id_final: field_id_final, accept_files: accept_files && !locked, files_dir: files_dir, max_size: max_size, min_files: min_files, max_files: max_files, file_accept: file_accept, file_processor: file_processor, file_validator: file_validator, files: current_files, on_files_change: (new_files) => {
-                    if (controlled_files === undefined) {
-                        set_internal_files(new_files);
-                    }
-                    if (on_files_change) {
-                        on_files_change(new_files);
-                    }
-                }, component_ref: component_ref, enable_file_visibility: enable_file_visibility, private_files_permission: private_files_permission, private_files: private_files, on_private_files_change: on_private_files_change })] }));
+    return (_jsx(BaseFieldLayout, { base: base, wrapper_class_name: "cls_collab_combo_wrapper", wrapper_extra_class_name: combo_wrapper_class_name, children: _jsxs(Popover, { open: open, onOpenChange: set_open, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { ref: base.component_ref, type: "button", role: "combobox", "aria-expanded": open, "aria-controls": `${base.field_id_final}-combobox`, disabled: base.is_field_disabled, className: cn('cls_collab_combo_button w-full h-9 justify-between rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm flex items-center', base.display_error && 'border-destructive focus-visible:ring-destructive', base.locked && 'bg-slate-100', base.skipped && 'bg-slate-100 opacity-60', button_class_name), "aria-invalid": base.display_error ? 'true' : 'false', "aria-describedby": base.display_error ? `${base.field_id_final}-error` : undefined, children: [_jsx("span", { className: cn('truncate', !value && 'text-muted-foreground'), children: selected_label }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", id: `${base.field_id_final}-combobox`, children: _jsxs(Command, { children: [enable_search && (_jsx(CommandInput, { placeholder: search_placeholder, className: "h-9" })), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: empty_message }), _jsx(CommandGroup, { children: options.map((option) => (_jsxs(CommandItem, { value: option.value, keywords: [option.label], onSelect: (currentValue) => {
+                                                logger.debug('[HazoCollabFormCombo] onSelect called', { value: currentValue });
+                                                handle_select_by_value(currentValue);
+                                            }, onClick: (e) => {
+                                                e.preventDefault();
+                                                e.stopPropagation();
+                                                logger.debug('[HazoCollabFormCombo] onClick called', { value: option.value });
+                                                handle_select_by_value(option.value);
+                                            }, className: "cursor-pointer", style: { pointerEvents: 'auto', cursor: 'pointer' }, children: [_jsx(Check, { className: cn('mr-2 h-4 w-4', value === option.value ? 'opacity-100' : 'opacity-0') }), option.label] }, option.value))) })] })] }) })] }) }));
 });
 HazoCollabFormCombo.displayName = 'HazoCollabFormCombo';
 //# sourceMappingURL=hazo_collab_form_combo.js.map