hazo_collab_forms 1.7.0 → 1.8.0

package/README.md

@@ -8,15 +8,19 @@ React form components with integrated chat collaboration, built for Next.js with
 ## Features
 
 - **Integrated Chat Collaboration**: Each form field supports real-time chat discussions via HazoChat
+- **Unified Form View**: Multi-mode form display (Edit, Summary, Print, Approval) with shared context
 - **Read-Only Summary Views**: Display form data in summary format with HazoCollabFormSummary component
 - **Advanced Field Controls**: Visibility toggle, lock/unlock, field duplication, soft delete, and notes
 - **Notes Integration**: Database-backed notes on fields via hazo_notes package (optional)
 - **Field Tooltips**: Help tooltips with hover cards for field labels and data table columns
 - **Template Generator**: Visual drag-and-drop builder for creating form configurations (HazoTemplateGenerator)
+- **Dynamic Field Management**: Add, edit, and delete fields at runtime with dialog components
+- **Field Selector**: Search and select fields from templates with HazoFieldSelectorDialog
 - **Role-Based Icon Controls**: Configure control visibility and behavior per role with icons_behaviour system
 - **Unified Field Controls**: Consistent icon controls across form and summary views with automatic kebab consolidation
 - **Prop-Based Controls**: Enable/disable features via `enable_*` props for full control
 - **File Upload with Validation**: Built-in file upload with custom validation callbacks
+- **Document Fields**: File-only fields with HazoCollabFormDoc component
 - **Mandatory File Indicator**: Visual indicators (red asterisk) for required file uploads
 - **Custom File Validators**: Implement custom validation logic before file upload
 - **Form Sets**: JSON-based dynamic form generation with full file upload support
@@ -140,7 +144,7 @@ npm install hazo_collab_forms react react-dom react-icons sonner lucide-react \
 ### One-Line shadcn Install (All Components)
 
 ```bash
-npx shadcn@latest add button label dialog tooltip sonner popover command calendar accordion tabs resizable hover-card separator card sheet
+npx shadcn@latest add button label dialog tooltip sonner popover command calendar accordion tabs resizable hover-card separator card sheet scroll-area checkbox select
 ```
 
 ---
@@ -772,10 +776,148 @@ interface TemplateOutput {
 
 Install with: `npx shadcn@latest add resizable tabs`
 
+### Unified Form View (HazoCollabFormView)
+
+A unified component that combines edit, summary, print, and approval views with shared context. Switch between view modes without remounting, preserving state and field metadata.
+
+**Basic Usage:**
+
+```typescript
+'use client';
+
+import { HazoCollabFormView, type ViewMode } from 'hazo_collab_forms';
+import { useState } from 'react';
+
+export default function UnifiedFormPage() {
+  const [viewMode, setViewMode] = useState<ViewMode>('edit');
+  const [formData, setFormData] = useState<Record<string, unknown>>({});
+
+  return (
+    <div>
+      {/* View mode switcher */}
+      <div className="flex gap-2 mb-4">
+        <button onClick={() => setViewMode('edit')}>Edit</button>
+        <button onClick={() => setViewMode('summary')}>Summary</button>
+        <button onClick={() => setViewMode('print')}>Print</button>
+        <button onClick={() => setViewMode('approval')}>Approval</button>
+      </div>
+
+      <HazoCollabFormView
+        sections={sections}
+        view_mode={viewMode}
+        form_data={formData}
+        on_form_data_change={setFormData}
+        icons_behaviour={iconsBehaviour}
+        active_role="tax_agent"
+        enable_chat={true}
+        chat_group_id="form-session-123"
+      />
+    </div>
+  );
+}
+```
+
+**View Modes:**
+
+| Mode | Description |
+|------|-------------|
+| `edit` | Full form editing with all field controls |
+| `summary` | Read-only summary view for review |
+| `print` | Print-optimized layout |
+| `approval` | Review with data_ok approval workflow |
+
+**Key Props:**
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `sections` | ViewSection[] | Form sections (same as HazoCollabFormSet) |
+| `view_mode` | ViewMode | Current view mode |
+| `form_data` | Record<string, unknown> | Form values |
+| `on_form_data_change` | callback | Called when form data changes |
+| `field_metadata` | Record<string, FieldMetadata> | Field metadata (visibility, lock, etc.) |
+| `on_field_metadata_change` | callback | Called when metadata changes |
+| `icons_behaviour` | IconsBehaviour | Role-based control configuration |
+| `active_role` | string | Current user's role |
+
+**Context Hooks:**
+
+Access form state from nested components using hooks:
+
+```typescript
+import {
+  useFormViewContext,
+  useViewMode,
+  useFormData,
+  useFieldMetadata,
+  useFieldValue,
+  useFieldMeta,
+  useApprovalStats,
+} from 'hazo_collab_forms';
+
+function FieldComponent({ fieldId }) {
+  const viewMode = useViewMode();
+  const value = useFieldValue(fieldId);
+  const { data_ok, locked, visibility } = useFieldMeta(fieldId);
+  const { total, approved, pending } = useApprovalStats();
+
+  // Render based on view mode and field state
+}
+```
+
 ### Role-Based Icon Controls (icons_behaviour)
 
 Configure which control icons are visible and enabled based on user roles. Supports automatic consolidation into kebab (3-dots) menus and extraction of active controls.
 
+**JSON Configuration Options:**
+
+You can configure icons_behaviour in two ways:
+
+1. **Embedded** (original): Include icons_behaviour directly in the form JSON file
+2. **Separate file** (recommended): Store icons_behaviour in a dedicated JSON file for reuse across forms
+
+**Separate File Approach (v1.7.0+):**
+
+```
+public/data/form-sets/
+  tax_form_individual_full.json  # Sections only
+  icon_behaviour.json            # Icons behaviour config (reusable)
+```
+
+Load both files and pass icons_behaviour as a prop:
+
+```typescript
+// Load form configuration
+const sectionsResponse = await fetch('/data/form-sets/tax_form_individual_full.json');
+const { sections } = await sectionsResponse.json();
+
+const behaviourResponse = await fetch('/data/form-sets/icon_behaviour.json');
+const icons_behaviour = await behaviourResponse.json();
+
+// Pass to HazoCollabFormSet
+<HazoCollabFormSet
+  section={section}
+  icons_behaviour={icons_behaviour}
+  active_role="tax_agent"
+/>
+
+// Pass to HazoCollabFormSummary
+<HazoCollabFormSummary
+  sections={sections}
+  icons_behaviour={icons_behaviour}
+  active_role="tax_agent"
+  form_data={formData}
+/>
+```
+
+**Prop Priority:**
+1. `icons_behaviour` prop (if provided)
+2. `section.icons_behaviour` or `sections[0]?.icons_behaviour` (backward compatible)
+
+This separation allows:
+- Reusing the same icon behavior across multiple forms
+- Changing roles without modifying form structure
+- Easier maintenance of large form configurations
+
 **Configuration Structure:**
 
 ```typescript
@@ -902,8 +1044,118 @@ const fields: FieldConfig[] = [
 - Easy role switching without code changes
 - Visual editor in Template Generator
 
+### Dynamic Field Dialogs
+
+Add, edit, and manage form fields at runtime using dialog components.
+
+**HazoAddFieldDialog:**
+
+Add new fields or groups to your form dynamically:
+
+```typescript
+import { HazoAddFieldDialog, type NewFieldDefinition } from 'hazo_collab_forms';
+import { useState } from 'react';
+
+export default function DynamicForm() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const handleAddField = (field: NewFieldDefinition) => {
+    console.log('New field:', field);
+    // Add field to your form sections
+  };
+
+  return (
+    <>
+      <button onClick={() => setIsOpen(true)}>Add Field</button>
+      <HazoAddFieldDialog
+        open={isOpen}
+        on_open_change={setIsOpen}
+        on_add={handleAddField}
+        parent_type="group" // 'section' | 'group'
+        parent_id="personal_info"
+      />
+    </>
+  );
+}
+```
+
+**HazoEditFieldDialog:**
+
+Edit existing field configurations:
+
+```typescript
+import { HazoEditFieldDialog } from 'hazo_collab_forms';
+
+<HazoEditFieldDialog
+  open={isEditOpen}
+  on_open_change={setIsEditOpen}
+  field={selectedField}
+  on_save={(updated) => updateField(updated)}
+/>
+```
+
+**HazoFieldSelectorDialog:**
+
+Search and select fields from a template:
+
+```typescript
+import { HazoFieldSelectorDialog } from 'hazo_collab_forms';
+
+<HazoFieldSelectorDialog
+  open={isSelectorOpen}
+  on_open_change={setIsSelectorOpen}
+  template={formTemplate}
+  on_select={(selection) => {
+    // Handle selected fields
+    console.log('Selected:', selection);
+  }}
+/>
+```
+
+### Shared Utilities
+
+The package exports utility functions for working with form structures:
+
+```typescript
+import {
+  // Field traversal
+  traverse_fields,
+  traverse_sections,
+  collect_field_ids,
+  collect_leaf_field_ids,
+  should_render_field,
+  is_field_empty,
+  get_field_value,
+
+  // Dependency checking
+  parse_dependency,
+  check_dependency,
+
+  // Field metadata normalization
+  normalize_field_metadata,
+  normalize_field_metadata_input,
+} from 'hazo_collab_forms';
+
+// Traverse all fields in sections
+traverse_sections(sections, (field, path) => {
+  console.log(`Field: ${field.id} at path: ${path.join('/')}`);
+});
+
+// Check if field should render based on dependencies
+const shouldRender = should_render_field(field, formData, {
+  check_dependencies: true,
+  show_empty_fields: false,
+});
+
+// Parse and check field dependencies
+const dependency = parse_dependency(field.depends_on);
+const isActive = check_dependency(dependency, formData);
+```
+
 ## Components
 
+### Form Field Components
+
 | Component | Description | Required shadcn |
 |-----------|-------------|-----------------|
 | `HazoCollabFormInputbox` | Text input with validation | button, label, dialog, tooltip |
@@ -912,13 +1164,34 @@ const fields: FieldConfig[] = [
 | `HazoCollabFormCombo` | Dropdown select with search | + popover, command |
 | `HazoCollabFormRadio` | Radio button group | button, label, dialog, tooltip |
 | `HazoCollabFormDate` | Date or date-range picker | + calendar |
+| `HazoCollabFormDoc` | Document/file-only field | button, label, dialog, tooltip, accordion |
 | `HazoCollabFormGroup` | Field grouping container | button, label, dialog, tooltip |
 | `HazoCollabFormDataTable` | Editable data table with aggregations | button, label, dialog, tooltip |
+
+### Form Container Components
+
+| Component | Description | Required shadcn |
+|-----------|-------------|-----------------|
 | `HazoCollabFormSet` | Complete form with field arrays | all components |
 | `HazoCollabFormSummary` | Read-only summary view | button, label, popover |
+| `HazoCollabFormView` | Unified multi-mode view (Edit/Summary/Print/Approval) | all components |
+
+### Builder & Dialog Components
+
+| Component | Description | Required shadcn |
+|-----------|-------------|-----------------|
 | `HazoTemplateGenerator` | Visual form builder | button, label, dialog, tooltip, tabs, resizable |
-| **File Upload** | When using `accept_files` prop | + **accordion** (required) |
-| **Field Tooltips** | When using `tooltip` prop | + **hover-card** (optional) |
+| `HazoAddFieldDialog` | Add new fields dynamically | dialog, popover, command |
+| `HazoAddGroupDialog` | Add new groups dynamically | dialog |
+| `HazoEditFieldDialog` | Edit field configurations | dialog, popover, command |
+| `HazoFieldSelectorDialog` | Search and select fields | dialog, command |
+
+### Optional Features
+
+| Feature | Required shadcn |
+|---------|-----------------|
+| File Upload (`accept_files` prop) | + **accordion** (required) |
+| Field Tooltips (`tooltip` prop) | + **hover-card** (optional) |
 
 ## Import Paths
 

package/dist/components/hazo_add_field_dialog/components/field_type_combobox.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Field type combobox with icons for type selection
+ */
+import React from 'react';
+import type { AddFieldType, AddFieldTypeMeta, ComboboxComponents } from '../types.js';
+export interface FieldTypeComboboxProps {
+    /**
+     * Currently selected field type
+     */
+    value: AddFieldType;
+    /**
+     * Available field type options
+     */
+    available_types: AddFieldTypeMeta[];
+    /**
+     * Callback when type changes
+     */
+    on_change: (type: AddFieldType) => void;
+    /**
+     * Unique ID for this combobox (for multiple comboboxes in list)
+     */
+    id?: string;
+    /**
+     * Optional shadcn Popover and Command components
+     * If provided, uses these instead of trying dynamic import
+     */
+    combobox_components?: ComboboxComponents;
+}
+/**
+ * FieldTypeCombobox - Combobox with icons for selecting field type
+ * Uses shadcn Popover/Command components from props, falls back to native select
+ */
+export declare function FieldTypeCombobox({ value, available_types, on_change, id, combobox_components, }: FieldTypeComboboxProps): React.ReactElement;
+//# sourceMappingURL=field_type_combobox.d.ts.map

package/dist/components/hazo_add_field_dialog/components/field_type_combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field_type_combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_add_field_dialog/components/field_type_combobox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAcrD,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAgBtF,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,eAAe,EAAE,gBAAgB,EAAE,CAAC;IACpC;;OAEG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,eAAe,EACf,SAAS,EACT,EAAE,EACF,mBAAmB,GACpB,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CA0G7C"}

package/dist/components/hazo_add_field_dialog/components/field_type_combobox.js

@@ -0,0 +1,51 @@
+/**
+ * Field type combobox with icons for type selection
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { IoTextOutline, IoDocumentTextOutline, IoCheckboxOutline, IoRadioButtonOnOutline, IoChevronDownCircleOutline, IoCalendarOutline, IoCloudUploadOutline, IoLayersOutline, IoChevronDown, IoCheckmark, } from 'react-icons/io5';
+import { cn } from '../../../utils/cn.js';
+/**
+ * Icon mapping for field types
+ */
+const FIELD_TYPE_ICONS = {
+    IoTextOutline,
+    IoDocumentTextOutline,
+    IoCheckboxOutline,
+    IoRadioButtonOnOutline,
+    IoChevronDownCircleOutline,
+    IoCalendarOutline,
+    IoCloudUploadOutline,
+    IoLayersOutline,
+};
+/**
+ * FieldTypeCombobox - Combobox with icons for selecting field type
+ * Uses shadcn Popover/Command components from props, falls back to native select
+ */
+export function FieldTypeCombobox({ value, available_types, on_change, id, combobox_components, }) {
+    const [open, set_open] = useState(false);
+    // Get icon component for a field type
+    const get_icon = (icon_name) => {
+        return FIELD_TYPE_ICONS[icon_name] || null;
+    };
+    // Get selected type metadata
+    const selected_meta = available_types.find(t => t.type === value);
+    const SelectedIcon = selected_meta ? get_icon(selected_meta.icon) : null;
+    // Handle selection
+    const handle_select = useCallback((type) => {
+        on_change(type);
+        set_open(false);
+    }, [on_change]);
+    // Fallback to native select if shadcn components not available
+    if (!combobox_components) {
+        return (_jsx("select", { value: value, onChange: e => on_change(e.target.value), className: "cls_field_type_select h-8 rounded-md border border-input bg-background px-2 py-1 text-xs ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", "aria-label": "Select field type", children: available_types.map(meta => (_jsx("option", { value: meta.type, children: meta.label }, meta.type))) }));
+    }
+    const { Popover, PopoverTrigger, PopoverContent, Command, CommandList, CommandEmpty, CommandGroup, CommandItem, } = combobox_components;
+    return (_jsxs(Popover, { open: open, onOpenChange: set_open, modal: true, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", role: "combobox", "aria-expanded": open, "aria-label": "Select field type", className: cn('cls_field_type_trigger inline-flex items-center justify-between gap-1 h-8 px-2 py-1 rounded-md border border-input bg-background text-xs', 'hover:bg-accent hover:text-accent-foreground', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', 'min-w-[100px]'), children: [_jsxs("span", { className: "flex items-center gap-1.5 truncate", children: [SelectedIcon && _jsx(SelectedIcon, { className: "h-3.5 w-3.5 flex-shrink-0" }), _jsx("span", { className: "truncate", children: selected_meta?.label || 'Select' })] }), _jsx(IoChevronDown, { className: "h-3 w-3 opacity-50 flex-shrink-0" })] }) }), _jsx(PopoverContent, { className: "w-[180px] p-0", align: "start", onOpenAutoFocus: (e) => e.preventDefault(), onCloseAutoFocus: (e) => e.preventDefault(), children: _jsx(Command, { children: _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No field type found." }), _jsx(CommandGroup, { children: available_types.map(meta => {
+                                    const IconComponent = get_icon(meta.icon);
+                                    const is_selected = value === meta.type;
+                                    return (_jsxs(CommandItem, { value: meta.type, onSelect: () => handle_select(meta.type), className: "flex items-center gap-2 cursor-pointer", children: [IconComponent && (_jsx(IconComponent, { className: "h-4 w-4 flex-shrink-0" })), _jsx("span", { className: "flex-1 truncate", children: meta.label }), is_selected && (_jsx(IoCheckmark, { className: "h-4 w-4 flex-shrink-0 text-primary" }))] }, meta.type));
+                                }) })] }) }) })] }));
+}
+//# sourceMappingURL=field_type_combobox.js.map

package/dist/components/hazo_add_field_dialog/components/field_type_combobox.js.map

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

package/dist/components/hazo_add_field_dialog/components/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HazoAddFieldDialog sub-components
+ */
+export { QuestionInput, type QuestionInputProps } from './question_input.js';
+export { FieldTypeCombobox, type FieldTypeComboboxProps } from './field_type_combobox.js';
+export { PendingFieldItem, type PendingFieldItemProps } from './pending_field_item.js';
+export { PendingFieldList, type PendingFieldListProps } from './pending_field_list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/hazo_add_field_dialog/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_add_field_dialog/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/hazo_add_field_dialog/components/index.js

@@ -0,0 +1,8 @@
+/**
+ * HazoAddFieldDialog sub-components
+ */
+export { QuestionInput } from './question_input.js';
+export { FieldTypeCombobox } from './field_type_combobox.js';
+export { PendingFieldItem } from './pending_field_item.js';
+export { PendingFieldList } from './pending_field_list.js';
+//# sourceMappingURL=index.js.map

package/dist/components/hazo_add_field_dialog/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/hazo_add_field_dialog/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAA+B,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAA8B,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAA8B,MAAM,yBAAyB,CAAC"}

package/dist/components/hazo_add_field_dialog/components/pending_field_item.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Sortable pending field item with accordion for options
+ */
+import React from 'react';
+import type { PendingFieldEntry, AddFieldType, AddFieldTypeMeta, FieldOption, DateConfig, CheckboxConfig, ComboboxComponents } from '../types.js';
+export interface PendingFieldItemProps {
+    /**
+     * The pending field entry
+     */
+    item: PendingFieldEntry;
+    /**
+     * Available field types for the combobox
+     */
+    available_types: AddFieldTypeMeta[];
+    /**
+     * Callback when type changes
+     */
+    on_type_change: (id: string, type: AddFieldType) => void;
+    /**
+     * Callback when item is removed
+     */
+    on_remove: (id: string) => void;
+    /**
+     * Callback when accordion is toggled
+     */
+    on_toggle_expand: (id: string) => void;
+    /**
+     * Callback when required changes
+     */
+    on_required_change: (id: string, value: boolean) => void;
+    /**
+     * Callback when accept_files changes
+     */
+    on_accept_files_change: (id: string, value: boolean) => void;
+    /**
+     * Callback when options change (for Radio/Combo)
+     */
+    on_options_change: (id: string, options: FieldOption[]) => void;
+    /**
+     * Callback when date config changes
+     */
+    on_date_config_change: (id: string, config: DateConfig) => void;
+    /**
+     * Callback when checkbox config changes
+     */
+    on_checkbox_config_change: (id: string, config: CheckboxConfig) => void;
+    /**
+     * Optional shadcn combobox components for field type selector
+     */
+    combobox_components?: ComboboxComponents;
+}
+/**
+ * PendingFieldItem - Sortable item with drag handle, type selector, and expandable options
+ */
+export declare function PendingFieldItem({ item, available_types, on_type_change, on_remove, on_toggle_expand, on_required_change, on_accept_files_change, on_options_change, on_date_config_change, on_checkbox_config_change, combobox_components, }: PendingFieldItemProps): React.ReactElement;
+//# sourceMappingURL=pending_field_item.d.ts.map

package/dist/components/hazo_add_field_dialog/components/pending_field_item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pending_field_item.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_add_field_dialog/components/pending_field_item.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAkB,MAAM,OAAO,CAAC;AASvC,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,iBAAiB,CAAC;IACxB;;OAEG;IACH,eAAe,EAAE,gBAAgB,EAAE,CAAC;IACpC;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,yBAAyB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,eAAe,EACf,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,yBAAyB,EACzB,mBAAmB,GACpB,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CA0M5C"}

package/dist/components/hazo_add_field_dialog/components/pending_field_item.js

@@ -0,0 +1,44 @@
+/**
+ * Sortable pending field item with accordion for options
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { HiX, HiChevronDown, HiChevronRight } from 'react-icons/hi';
+import { RxDragHandleDots2 } from 'react-icons/rx';
+import { cn } from '../../../utils/cn.js';
+import { FieldTypeCombobox } from './field_type_combobox.js';
+import { OptionsListEditor } from '../options/options_list_editor.js';
+import { DateOptions } from '../options/date_options.js';
+/**
+ * PendingFieldItem - Sortable item with drag handle, type selector, and expandable options
+ */
+export function PendingFieldItem({ item, available_types, on_type_change, on_remove, on_toggle_expand, on_required_change, on_accept_files_change, on_options_change, on_date_config_change, on_checkbox_config_change, combobox_components, }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({ id: item.id });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0.5 : 1,
+    };
+    // Determine which type-specific options to show
+    const shows_options_list = useMemo(() => ['HazoCollabFormRadio', 'HazoCollabFormCombo'].includes(item.field_type), [item.field_type]);
+    const shows_date_options = item.field_type === 'HazoCollabFormDate';
+    const shows_checkbox_options = item.field_type === 'HazoCollabFormCheckbox';
+    // Document upload doesn't need "allow file attachment" since it IS the file upload
+    // Groups also don't show accept_files
+    const shows_accept_files = item.field_type !== 'HazoCollabFormDoc' && item.field_type !== 'Group';
+    // Groups don't have "required" option
+    const shows_required = item.field_type !== 'Group';
+    // Check if there are any options to show in the accordion
+    const has_options = shows_required || shows_accept_files || shows_options_list || shows_date_options || shows_checkbox_options;
+    return (_jsxs("div", { ref: setNodeRef, style: style, className: cn('cls_pending_field_item rounded-md border bg-background', isDragging ? 'border-primary shadow-lg' : 'border-border', 'hover:border-muted-foreground/50 transition-colors'), children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [_jsx("button", { ...attributes, ...listeners, className: "cursor-grab active:cursor-grabbing p-1 hover:bg-muted rounded flex-shrink-0", "aria-label": "Drag to reorder", children: _jsx(RxDragHandleDots2, { className: "h-4 w-4 text-muted-foreground" }) }), has_options && (_jsx("button", { onClick: () => on_toggle_expand(item.id), className: "p-1 hover:bg-muted rounded flex-shrink-0", "aria-label": item.is_expanded ? 'Collapse options' : 'Expand options', children: item.is_expanded ? (_jsx(HiChevronDown, { className: "h-4 w-4 text-muted-foreground" })) : (_jsx(HiChevronRight, { className: "h-4 w-4 text-muted-foreground" })) })), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("span", { className: "text-sm truncate block", children: item.label }) }), _jsx(FieldTypeCombobox, { value: item.field_type, available_types: available_types, on_change: (type) => on_type_change(item.id, type), id: item.id, combobox_components: combobox_components }), _jsx("button", { onClick: () => on_remove(item.id), className: "p-1 hover:bg-destructive/10 rounded text-muted-foreground hover:text-destructive transition-colors flex-shrink-0", "aria-label": `Remove "${item.label}"`, children: _jsx(HiX, { className: "h-4 w-4" }) })] }), item.is_expanded && has_options && (_jsxs("div", { className: "border-t px-3 py-3 space-y-3 bg-muted/30", children: [(shows_required || shows_accept_files) && (_jsxs("div", { className: "flex flex-wrap items-center gap-6", children: [shows_required && (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("input", { id: `${item.id}-required`, type: "checkbox", checked: item.required, onChange: e => on_required_change(item.id, e.target.checked), className: "cls_pending_field_checkbox h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary" }), _jsx("label", { htmlFor: `${item.id}-required`, className: "text-sm font-medium leading-none cursor-pointer", children: "Required field" })] })), shows_accept_files && (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("input", { id: `${item.id}-accept-files`, type: "checkbox", checked: item.accept_files, onChange: e => on_accept_files_change(item.id, e.target.checked), className: "cls_pending_field_checkbox h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary" }), _jsx("label", { htmlFor: `${item.id}-accept-files`, className: "text-sm font-medium leading-none cursor-pointer", children: "Allow file attachment" })] }))] })), shows_options_list && (_jsx(OptionsListEditor, { options: item.options || [{ label: 'Option 1', value: 'option_1' }], on_options_change: (options) => on_options_change(item.id, options), label: item.field_type === 'HazoCollabFormRadio' ? 'Radio Options' : 'Dropdown Options' })), shows_date_options && (_jsx(DateOptions, { config: item.date_config || { date_mode: 'single' }, on_config_change: (config) => on_date_config_change(item.id, config) })), shows_checkbox_options && (_jsxs("div", { className: "space-y-3", children: [_jsx("label", { className: "text-sm font-medium leading-none", children: "Checkbox Labels (optional)" }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { htmlFor: `${item.id}-checked-label`, className: "text-xs text-muted-foreground", children: "When checked" }), _jsx("input", { id: `${item.id}-checked-label`, type: "text", value: item.checkbox_config?.checked_label || '', onChange: e => on_checkbox_config_change(item.id, {
+                                                    ...item.checkbox_config,
+                                                    checked_label: e.target.value || undefined,
+                                                }), placeholder: "Yes", className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { htmlFor: `${item.id}-unchecked-label`, className: "text-xs text-muted-foreground", children: "When unchecked" }), _jsx("input", { id: `${item.id}-unchecked-label`, type: "text", value: item.checkbox_config?.unchecked_label || '', onChange: e => on_checkbox_config_change(item.id, {
+                                                    ...item.checkbox_config,
+                                                    unchecked_label: e.target.value || undefined,
+                                                }), placeholder: "No", className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2" })] })] })] }))] }))] }));
+}
+//# sourceMappingURL=pending_field_item.js.map

package/dist/components/hazo_add_field_dialog/components/pending_field_item.js.map

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

package/dist/components/hazo_add_field_dialog/components/pending_field_list.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Sortable pending field list with drag and drop reordering
+ */
+import React from 'react';
+import type { PendingFieldEntry, AddFieldType, AddFieldTypeMeta, FieldOption, DateConfig, CheckboxConfig, ComboboxComponents } from '../types.js';
+export interface PendingFieldListProps {
+    /**
+     * List of pending field entries
+     */
+    items: PendingFieldEntry[];
+    /**
+     * Available field types for the combobox
+     */
+    available_types: AddFieldTypeMeta[];
+    /**
+     * Callback when items are reordered
+     */
+    on_reorder: (items: PendingFieldEntry[]) => void;
+    /**
+     * Callback when type changes
+     */
+    on_type_change: (id: string, type: AddFieldType) => void;
+    /**
+     * Callback when an item is removed
+     */
+    on_remove: (id: string) => void;
+    /**
+     * Callback when accordion is toggled
+     */
+    on_toggle_expand: (id: string) => void;
+    /**
+     * Callback when required changes
+     */
+    on_required_change: (id: string, value: boolean) => void;
+    /**
+     * Callback when accept_files changes
+     */
+    on_accept_files_change: (id: string, value: boolean) => void;
+    /**
+     * Callback when options change (for Radio/Combo)
+     */
+    on_options_change: (id: string, options: FieldOption[]) => void;
+    /**
+     * Callback when date config changes
+     */
+    on_date_config_change: (id: string, config: DateConfig) => void;
+    /**
+     * Callback when checkbox config changes
+     */
+    on_checkbox_config_change: (id: string, config: CheckboxConfig) => void;
+    /**
+     * Optional shadcn combobox components for field type selector
+     */
+    combobox_components?: ComboboxComponents;
+}
+/**
+ * PendingFieldList - DndContext wrapper for sortable pending fields
+ */
+export declare function PendingFieldList({ items, available_types, on_reorder, on_type_change, on_remove, on_toggle_expand, on_required_change, on_accept_files_change, on_options_change, on_date_config_change, on_checkbox_config_change, combobox_components, }: PendingFieldListProps): React.ReactElement;
+//# sourceMappingURL=pending_field_list.d.ts.map

package/dist/components/hazo_add_field_dialog/components/pending_field_list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pending_field_list.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_add_field_dialog/components/pending_field_list.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B;;OAEG;IACH,eAAe,EAAE,gBAAgB,EAAE,CAAC;IACpC;;OAEG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACjD;;OAEG;IACH,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,yBAAyB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,eAAe,EACf,UAAU,EACV,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,yBAAyB,EACzB,mBAAmB,GACpB,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAkD5C"}