hazo_collab_forms 1.9.5 → 2.0.0

package/dist/components/hazo_data_form/group_renderer.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+import { get_field_uploads } from '../../utils/data_form_uploads.js';
+import { DataFormFieldRenderer } from './field_renderers/index.js';
+import { DataFormLabel } from './shared/data_form_label.js';
+import { DataFormBadge } from './shared/data_form_badge.js';
+import { format_currency } from '../../utils/financial_format.js';
+/**
+ * Format a ReferenceValueData into a display annotation string
+ */
+function format_reference_annotation(ref) {
+    let formatted;
+    if (typeof ref.value === 'boolean') {
+        formatted = ref.value ? 'Yes' : 'No';
+    }
+    else if (typeof ref.value === 'number') {
+        formatted = format_currency(ref.value, '$', 2);
+    }
+    else {
+        formatted = String(ref.value);
+    }
+    return ref.label ? `${ref.label}: ${formatted}` : `Ref: ${formatted}`;
+}
+export function GroupRenderer({ group, mode, form_data, config, on_field_change, on_doc_link_click, file_uploads, on_upload_click, upload_enabled, reference_data, }) {
+    const fields = group.fields || [];
+    const orientation = group.orientation || 'vertical';
+    const is_horizontal = orientation === 'horizontal';
+    const has_header = Boolean(group.label);
+    // Style for group header
+    const variant_style = group.style_variant && config.style_resolver.has_style(group.style_variant)
+        ? config.style_resolver.to_style(group.style_variant)
+        : undefined;
+    // Column headers for paired layouts
+    const column_headers = group.column_headers;
+    return (_jsxs("div", { className: cn('cls_data_form_group', 'mb-2'), children: [has_header && (_jsxs("div", { className: cn('cls_data_form_group_header', 'flex items-center gap-2 py-1.5 px-2 mb-1'), style: {
+                    ...variant_style,
+                    ...(!variant_style && !group.item_code ? { borderBottom: '1px solid #e5e7eb' } : {}),
+                }, children: [group.item_code && (_jsx(DataFormLabel, { field: group, config: config })), !group.item_code && (_jsx("span", { className: "font-semibold text-sm text-gray-900", children: group.label })), (group.badge || group.formula_label) && (_jsx(DataFormBadge, { badge: group.badge, formula_label: group.formula_label, config: config }))] })), column_headers && column_headers.length > 0 && (_jsxs("div", { className: "cls_data_form_column_headers flex items-center gap-2 px-2 py-1 border-b border-gray-200 mb-1", children: [_jsx("div", { className: "flex-1" }), group.badge_column_width && (_jsx("div", { style: { width: group.badge_column_width }, className: "shrink-0" })), column_headers.map((header, idx) => (_jsx("div", { className: "shrink-0 text-xs font-medium text-gray-500 text-center", style: { width: header.width || group.value_column_width || '200px' }, children: header.label }, idx)))] })), _jsx("div", { className: cn('cls_data_form_group_fields', is_horizontal ? 'flex flex-wrap gap-4' : 'flex flex-col'), children: fields.map((field) => {
+                    // Skip hidden fields
+                    if (field.visibility === 'hidden')
+                        return null;
+                    // Handle nested groups (recursive)
+                    if (field.field_type === 'group') {
+                        const group_el = (_jsx(GroupRenderer, { group: field, mode: mode, form_data: form_data, config: config, on_field_change: on_field_change, on_doc_link_click: on_doc_link_click, file_uploads: file_uploads, on_upload_click: on_upload_click, upload_enabled: upload_enabled, reference_data: reference_data }, field.id));
+                        // Wrap nested groups in flex:1 for even distribution in horizontal layout
+                        if (is_horizontal) {
+                            return (_jsx("div", { style: { flex: 1, minWidth: 0 }, children: group_el }, field.id));
+                        }
+                        return group_el;
+                    }
+                    const field_value = form_data[field.id];
+                    const paired_value = field.paired_field ? form_data[field.paired_field.id] : undefined;
+                    // Resolve accept_files: field-level overrides form-level default
+                    const field_accepts_files = field.accept_files ?? config.default_accept_files;
+                    const is_upload_enabled = field_accepts_files && upload_enabled;
+                    // Get field uploads from explicit prop or from form_data convention
+                    const resolved_uploads = file_uploads?.[field.id] ?? get_field_uploads(form_data, field.id);
+                    // Resolve reference annotation
+                    const ref = reference_data?.[field.id];
+                    const ref_annotation = ref ? format_reference_annotation(ref) : undefined;
+                    const ref_bg_color = ref?.background_color;
+                    const field_el = (_jsx(DataFormFieldRenderer, { field: field, mode: mode, value: field_value, config: config, on_change: (val) => on_field_change(field.id, val), on_doc_link_click: on_doc_link_click && field.doc_links?.length
+                            ? () => on_doc_link_click({ field_id: field.id, doc_links: field.doc_links })
+                            : undefined, badge_column_width: group.badge_column_width, value_column_width: group.value_column_width, paired_value: paired_value, paired_on_change: field.paired_field
+                            ? (val) => on_field_change(field.paired_field.id, val)
+                            : undefined, field_uploads: resolved_uploads, on_upload_click: on_upload_click ? () => on_upload_click(field.id) : undefined, upload_enabled: is_upload_enabled, reserve_file_column: upload_enabled, force_layout: is_horizontal ? 'stacked' : undefined, reference_annotation: ref_annotation, reference_background_color: ref_bg_color, form_data: field.field_type === 'table' ? form_data : undefined, on_field_change: field.field_type === 'table' ? on_field_change : undefined }, field.id));
+                    // Wrap fields in flex:1 for even distribution in horizontal layout
+                    if (is_horizontal) {
+                        return (_jsx("div", { style: { flex: 1, minWidth: 0 }, children: field_el }, field.id));
+                    }
+                    return field_el;
+                }) })] }));
+}
+//# sourceMappingURL=group_renderer.js.map

package/dist/components/hazo_data_form/group_renderer.js.map

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

package/dist/components/hazo_data_form/hazo_data_form.d.ts

@@ -0,0 +1,10 @@
+/**
+ * HazoDataForm - Data entry form for working papers
+ *
+ * Renders form sections/groups/fields using ViewSection/ViewFieldConfig types.
+ * Uses form_data + on_field_change pattern (no react-hook-form).
+ * Supports computed fields, financial formatting, masked inputs, and tables.
+ */
+import type { HazoDataFormProps } from './types.js';
+export declare function HazoDataForm({ sections, mode, form_data, on_field_change, on_form_data_change, styles_config, field_types_config, default_currency_symbol, default_decimal_places, percentage_suffix, on_doc_link_click, enable_file_upload, default_accept_files, on_upload_click, file_uploads, show_section_headers, collapsible_sections, collapsed_sections, on_section_toggle, reference_data, on_submit, class_name, }: HazoDataFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=hazo_data_form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hazo_data_form.d.ts","sourceRoot":"","sources":["../../../src/components/hazo_data_form/hazo_data_form.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,OAAO,KAAK,EAAE,iBAAiB,EAAmC,MAAM,YAAY,CAAC;AAkCrF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAa,EACb,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,uBAA6B,EAC7B,sBAA0B,EAC1B,iBAAuB,EACvB,iBAAiB,EACjB,kBAA0B,EAC1B,oBAA4B,EAC5B,eAAe,EACf,YAAY,EACZ,oBAA2B,EAC3B,oBAA4B,EAC5B,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,UAAU,GACX,EAAE,iBAAiB,2CAwGnB"}

package/dist/components/hazo_data_form/hazo_data_form.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * HazoDataForm - Data entry form for working papers
+ *
+ * Renders form sections/groups/fields using ViewSection/ViewFieldConfig types.
+ * Uses form_data + on_field_change pattern (no react-hook-form).
+ * Supports computed fields, financial formatting, masked inputs, and tables.
+ */
+import { useMemo, useCallback, useRef } from 'react';
+import { cn } from '../../utils/cn.js';
+import { create_style_resolver } from '../../utils/style_resolver.js';
+import { use_computed_fields } from '../../utils/use_computed_fields.js';
+import { DEFAULT_STYLES_CONFIG } from '../../types/style_variant.js';
+import { DEFAULT_FIELD_TYPES_CONFIG } from '../../types/field_type_definition.js';
+import { SectionRenderer } from './section_renderer.js';
+/**
+ * Collect computed field definitions from all sections
+ */
+function collect_computed_fields(sections) {
+    const result = [];
+    function walk_fields(fields) {
+        if (!fields)
+            return;
+        for (const field of fields) {
+            if (field.computed_formula) {
+                result.push({
+                    field_id: field.id,
+                    formula: field.computed_formula,
+                    dependencies: field.computed_dependencies,
+                });
+            }
+            if (field.fields) {
+                walk_fields(field.fields);
+            }
+        }
+    }
+    for (const section of sections) {
+        if (section.groups) {
+            walk_fields(section.groups);
+        }
+    }
+    return result;
+}
+export function HazoDataForm({ sections, mode = 'edit', form_data, on_field_change, on_form_data_change, styles_config, field_types_config, default_currency_symbol = '$', default_decimal_places = 2, percentage_suffix = '%', on_doc_link_click, enable_file_upload = false, default_accept_files = false, on_upload_click, file_uploads, show_section_headers = true, collapsible_sections = false, collapsed_sections, on_section_toggle, reference_data, on_submit, class_name, }) {
+    const form_data_ref = useRef(form_data);
+    form_data_ref.current = form_data;
+    // Create style resolver (memoized)
+    const resolved_styles_config = styles_config || DEFAULT_STYLES_CONFIG;
+    const resolved_field_types_config = field_types_config || DEFAULT_FIELD_TYPES_CONFIG;
+    const style_resolver = useMemo(() => create_style_resolver(resolved_styles_config), [resolved_styles_config]);
+    // Build config object
+    const config = useMemo(() => ({
+        styles_config: resolved_styles_config,
+        field_types_config: resolved_field_types_config,
+        default_currency_symbol,
+        default_decimal_places,
+        percentage_suffix,
+        style_resolver,
+        default_accept_files,
+    }), [resolved_styles_config, resolved_field_types_config, default_currency_symbol, default_decimal_places, percentage_suffix, style_resolver, default_accept_files]);
+    // Collect computed fields
+    const computed_fields = useMemo(() => collect_computed_fields(sections), [sections]);
+    // Handle field change
+    const handle_field_change = useCallback((field_id, value) => {
+        on_field_change?.(field_id, value);
+        if (on_form_data_change) {
+            const updated = { ...form_data_ref.current, [field_id]: value };
+            on_form_data_change(updated);
+        }
+    }, [on_field_change, on_form_data_change]);
+    // Handle computed field value changes
+    const handle_computed_change = useCallback((field_id, value) => {
+        if (value !== null) {
+            handle_field_change(field_id, value);
+        }
+    }, [handle_field_change]);
+    // Use computed fields hook
+    use_computed_fields({
+        form_data,
+        computed_fields,
+        on_computed_value_change: handle_computed_change,
+        enabled: computed_fields.length > 0,
+    });
+    // Handle form submit
+    const handle_submit = useCallback((e) => {
+        e.preventDefault();
+        on_submit?.(form_data_ref.current);
+    }, [on_submit]);
+    const collapsed_set = useMemo(() => new Set(collapsed_sections || []), [collapsed_sections]);
+    const content = (_jsx("div", { className: cn('cls_data_form', 'w-full', class_name), children: sections.map((section, index) => {
+            const section_name = section.section_name || `section_${index}`;
+            return (_jsx(SectionRenderer, { section: section, section_index: index, mode: mode, form_data: form_data, config: config, on_field_change: handle_field_change, on_doc_link_click: on_doc_link_click, file_uploads: file_uploads, on_upload_click: on_upload_click, upload_enabled: enable_file_upload, reference_data: reference_data, show_header: show_section_headers, collapsible: collapsible_sections, initial_collapsed: collapsed_set.has(section_name), on_collapse_toggle: on_section_toggle }, section_name));
+        }) }));
+    // Wrap in form tag if on_submit is provided
+    if (on_submit) {
+        return (_jsx("form", { onSubmit: handle_submit, className: "cls_data_form_wrapper", children: content }));
+    }
+    return content;
+}
+//# sourceMappingURL=hazo_data_form.js.map

package/dist/components/hazo_data_form/hazo_data_form.js.map

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

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

@@ -0,0 +1,15 @@
+/**
+ * HazoDataForm - Data entry form for working papers
+ */
+export { HazoDataForm } from './hazo_data_form.js';
+export type { HazoDataFormProps, DataFormConfig, DataFormFieldRendererProps } from './types.js';
+export { DataFormFieldLayout } from './shared/index.js';
+export type { DataFormFieldLayoutProps } from './shared/index.js';
+export { SectionRenderer } from './section_renderer.js';
+export type { SectionRendererProps } from './section_renderer.js';
+export { GroupRenderer } from './group_renderer.js';
+export type { GroupRendererProps } from './group_renderer.js';
+export { DataFormFieldRenderer, resolve_field_renderer } from './field_renderers/index.js';
+export { FileManagerButton } from './file_manager_button.js';
+export type { FileManagerButtonProps } from './file_manager_button.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hazo_data_form/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAGhG,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAG3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/hazo_data_form/index.js

@@ -0,0 +1,14 @@
+/**
+ * HazoDataForm - Data entry form for working papers
+ */
+export { HazoDataForm } from './hazo_data_form.js';
+// Shared layout components
+export { DataFormFieldLayout } from './shared/index.js';
+// Section and group renderers
+export { SectionRenderer } from './section_renderer.js';
+export { GroupRenderer } from './group_renderer.js';
+// Field renderers
+export { DataFormFieldRenderer, resolve_field_renderer } from './field_renderers/index.js';
+// File manager button
+export { FileManagerButton } from './file_manager_button.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/hazo_data_form/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,2BAA2B;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGxD,8BAA8B;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,kBAAkB;AAClB,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAE3F,sBAAsB;AACtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/hazo_data_form/section_renderer.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Section renderer for HazoDataForm
+ * Renders ViewSection: header with style_variant, collapsibility, and groups
+ */
+import type { ViewSection, DataFormConfig, DocLinkClickEvent, UploadedFile, ReferenceData } from './types.js';
+export interface SectionRendererProps {
+    section: ViewSection;
+    section_index: number;
+    mode: 'edit' | 'view';
+    form_data: Record<string, unknown>;
+    config: DataFormConfig;
+    on_field_change: (field_id: string, value: unknown) => void;
+    on_doc_link_click?: (event: DocLinkClickEvent) => void;
+    file_uploads?: Record<string, UploadedFile[]>;
+    on_upload_click?: (field_id: string) => void;
+    upload_enabled?: boolean;
+    reference_data?: ReferenceData;
+    show_header?: boolean;
+    collapsible?: boolean;
+    initial_collapsed?: boolean;
+    on_collapse_toggle?: (section_name: string, collapsed: boolean) => void;
+}
+export declare function SectionRenderer({ section, mode, form_data, config, on_field_change, on_doc_link_click, file_uploads, on_upload_click, upload_enabled, reference_data, show_header, collapsible, initial_collapsed, on_collapse_toggle, }: SectionRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=section_renderer.d.ts.map

package/dist/components/hazo_data_form/section_renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section_renderer.d.ts","sourceRoot":"","sources":["../../../src/components/hazo_data_form/section_renderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG9G,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,MAAM,EAAE,cAAc,CAAC;IACvB,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACzE;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,MAAM,EACN,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,cAAc,EACd,cAAc,EACd,WAAkB,EAClB,WAAmB,EACnB,iBAAyB,EACzB,kBAAkB,GACnB,EAAE,oBAAoB,2CAoFtB"}

package/dist/components/hazo_data_form/section_renderer.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Section renderer for HazoDataForm
+ * Renders ViewSection: header with style_variant, collapsibility, and groups
+ */
+import { useState, useCallback } from 'react';
+import { cn } from '../../utils/cn.js';
+import { GroupRenderer } from './group_renderer.js';
+export function SectionRenderer({ section, mode, form_data, config, on_field_change, on_doc_link_click, file_uploads, on_upload_click, upload_enabled, reference_data, show_header = true, collapsible = false, initial_collapsed = false, on_collapse_toggle, }) {
+    const [is_collapsed, set_is_collapsed] = useState(initial_collapsed);
+    const groups = section.groups || [];
+    const section_name = section.section_name || '';
+    // Style for section header
+    const variant_style = section.style_variant && config.style_resolver.has_style(section.style_variant)
+        ? config.style_resolver.to_style(section.style_variant)
+        : undefined;
+    const handle_toggle = useCallback(() => {
+        const new_state = !is_collapsed;
+        set_is_collapsed(new_state);
+        on_collapse_toggle?.(section_name, new_state);
+    }, [is_collapsed, section_name, on_collapse_toggle]);
+    return (_jsxs("div", { className: cn('cls_data_form_section', 'mb-4'), children: [show_header && section_name && (_jsxs("div", { className: cn('cls_data_form_section_header', 'flex items-center gap-2 py-2 px-3 rounded-t', collapsible && 'cursor-pointer select-none', !variant_style && 'bg-gray-100 border-b border-gray-200'), style: variant_style, onClick: collapsible ? handle_toggle : undefined, role: collapsible ? 'button' : undefined, tabIndex: collapsible ? 0 : undefined, onKeyDown: collapsible ? (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        handle_toggle();
+                    }
+                } : undefined, children: [collapsible && (_jsx("svg", { className: cn('w-4 h-4 shrink-0 transition-transform', is_collapsed && '-rotate-90'), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })), _jsx("span", { className: "font-semibold text-sm", children: section_name })] })), !is_collapsed && (_jsxs("div", { className: cn('cls_data_form_section_content', 'px-1 pt-1'), children: [groups.map((group) => {
+                        // Skip hidden groups
+                        if (group.visibility === 'hidden')
+                            return null;
+                        return (_jsx(GroupRenderer, { group: group, mode: mode, form_data: form_data, config: config, on_field_change: on_field_change, on_doc_link_click: on_doc_link_click, file_uploads: file_uploads, on_upload_click: on_upload_click, upload_enabled: upload_enabled, reference_data: reference_data }, group.id));
+                    }), groups.length === 0 && (_jsx("div", { className: "text-sm text-gray-400 py-4 text-center italic", children: "No fields in this section" }))] }))] }));
+}
+//# sourceMappingURL=section_renderer.js.map

package/dist/components/hazo_data_form/section_renderer.js.map

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

package/dist/components/hazo_data_form/shared/data_form_badge.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Badge component for data form fields
+ * Renders: badge pill + formula_label text
+ */
+import type { DataFormConfig } from './types.js';
+export interface DataFormBadgeProps {
+    badge?: string;
+    formula_label?: string;
+    config: DataFormConfig;
+    column_width?: string;
+}
+export declare function DataFormBadge({ badge, formula_label, config, column_width }: DataFormBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=data_form_badge.d.ts.map

package/dist/components/hazo_data_form/shared/data_form_badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data_form_badge.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_data_form/shared/data_form_badge.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,kBAAkB,kDA4B/F"}

package/dist/components/hazo_data_form/shared/data_form_badge.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../utils/cn.js';
+import { to_inline_style } from '../../../utils/style_resolver.js';
+export function DataFormBadge({ badge, formula_label, config, column_width }) {
+    if (!badge && !formula_label)
+        return null;
+    const { style_resolver } = config;
+    const badge_style = style_resolver.has_style('badge')
+        ? to_inline_style(style_resolver.resolve('badge'))
+        : undefined;
+    return (_jsxs("div", { className: cn('cls_data_form_badge', 'flex items-center gap-1.5 shrink-0'), style: column_width ? { width: column_width } : undefined, children: [badge && (_jsx("span", { className: "cls_data_form_badge_pill inline-flex items-center justify-center", style: badge_style, children: badge })), formula_label && (_jsx("span", { className: "cls_data_form_formula_label text-xs text-gray-500 whitespace-nowrap", children: formula_label }))] }));
+}
+//# sourceMappingURL=data_form_badge.js.map

package/dist/components/hazo_data_form/shared/data_form_badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data_form_badge.js","sourceRoot":"","sources":["../../../../src/components/hazo_data_form/shared/data_form_badge.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAUnE,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAsB;IAC9F,IAAI,CAAC,KAAK,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAE1C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC;IAClC,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC;QACnD,CAAC,CAAC,eAAe,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,oCAAoC,CAAC,EAC1E,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,aAExD,KAAK,IAAI,CACR,eACE,SAAS,EAAC,kEAAkE,EAC5E,KAAK,EAAE,WAAW,YAEjB,KAAK,GACD,CACR,EACA,aAAa,IAAI,CAChB,eAAM,SAAS,EAAC,qEAAqE,YAClF,aAAa,GACT,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hazo_data_form/shared/data_form_field_layout.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Field layout wrapper for data form fields
+ * Handles inline vs stacked layout, error display, reference value, and file column
+ */
+import React from 'react';
+import type { DataFormFieldRendererProps } from './types.js';
+export interface DataFormFieldLayoutProps extends DataFormFieldRendererProps {
+    children: React.ReactNode;
+    computed_formula?: string;
+    reference_annotation?: string;
+    /** Override label_position for this field */
+    force_layout?: 'inline' | 'stacked';
+    /** Hide label (e.g., for summary rows) */
+    hide_label?: boolean;
+}
+export declare function DataFormFieldLayout({ field, mode, error, config, on_doc_link_click, badge_column_width, value_column_width, field_uploads, on_upload_click, upload_enabled, reserve_file_column, children, computed_formula, reference_annotation, reference_background_color, force_layout, hide_label, }: DataFormFieldLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data_form_field_layout.d.ts.map

package/dist/components/hazo_data_form/shared/data_form_field_layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data_form_field_layout.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_data_form/shared/data_form_field_layout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AAM7D,MAAM,WAAW,wBAAyB,SAAQ,0BAA0B;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACpC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,QAAQ,EACR,gBAAgB,EAChB,oBAAoB,EACpB,0BAA0B,EAC1B,YAAY,EACZ,UAAU,GACX,EAAE,wBAAwB,2CAsI1B"}

package/dist/components/hazo_data_form/shared/data_form_field_layout.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../utils/cn.js';
+import { DataFormLabel } from './data_form_label.js';
+import { DataFormBadge } from './data_form_badge.js';
+import { DataFormReferenceValue } from './data_form_reference_value.js';
+import { DataFormFileColumn } from './data_form_file_column.js';
+export function DataFormFieldLayout({ field, mode, error, config, on_doc_link_click, badge_column_width, value_column_width, field_uploads, on_upload_click, upload_enabled, reserve_file_column, children, computed_formula, reference_annotation, reference_background_color, force_layout, hide_label, }) {
+    const layout = force_layout || field.label_position || 'inline';
+    const is_inline = layout === 'inline';
+    const has_badge = Boolean(field.badge || field.formula_label);
+    const has_error = Boolean(error);
+    const has_files = Boolean((field.doc_links && field.doc_links.length > 0) ||
+        (field_uploads && field_uploads.length > 0) ||
+        upload_enabled);
+    // Show file column area (active or spacer) to keep fields aligned
+    const show_file_area = has_files || reserve_file_column;
+    const error_style = config.style_resolver.has_style('error_message')
+        ? config.style_resolver.to_style('error_message')
+        : undefined;
+    const row_style = field.row_variant === 'highlight' && config.style_resolver.has_style('highlight_row')
+        ? config.style_resolver.to_style('highlight_row')
+        : undefined;
+    if (is_inline) {
+        return (_jsxs("div", { className: cn('cls_data_form_field_row', 'flex items-center gap-2 py-1', has_error && 'items-start'), style: row_style, children: [!hide_label && (_jsx("div", { className: "cls_data_form_label_col flex-1 min-w-0", children: _jsx(DataFormLabel, { field: field, config: config, computed_formula: computed_formula }) })), has_badge && (_jsx(DataFormBadge, { badge: field.badge, formula_label: field.formula_label, config: config, column_width: badge_column_width })), _jsxs("div", { className: "cls_data_form_value_col shrink-0", style: {
+                        width: field.value_width || value_column_width || '200px',
+                    }, children: [children, has_error && (_jsx("div", { className: "cls_data_form_error", style: error_style, children: error })), reference_annotation && (_jsx(DataFormReferenceValue, { value: reference_annotation, background_color: reference_background_color }))] }), show_file_area && (has_files ? (_jsx(DataFormFileColumn, { doc_links: field.doc_links, field_uploads: field_uploads, on_doc_link_click: on_doc_link_click, on_upload_click: on_upload_click, upload_enabled: upload_enabled, mode: mode, config: config })) : (_jsx("div", { className: "cls_data_form_file_col_spacer shrink-0 ml-1", style: { width: 26 } })))] }));
+    }
+    // Stacked layout
+    return (_jsxs("div", { className: cn('cls_data_form_field_stacked', 'flex flex-col gap-1 py-1'), style: row_style, children: [!hide_label && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(DataFormLabel, { field: field, config: config, computed_formula: computed_formula }), has_badge && (_jsx(DataFormBadge, { badge: field.badge, formula_label: field.formula_label, config: config }))] })), _jsxs("div", { className: "flex items-start gap-1", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [children, has_error && (_jsx("div", { className: "cls_data_form_error", style: error_style, children: error })), reference_annotation && (_jsx(DataFormReferenceValue, { value: reference_annotation, background_color: reference_background_color }))] }), show_file_area && (has_files ? (_jsx(DataFormFileColumn, { doc_links: field.doc_links, field_uploads: field_uploads, on_doc_link_click: on_doc_link_click, on_upload_click: on_upload_click, upload_enabled: upload_enabled, mode: mode, config: config })) : (_jsx("div", { className: "cls_data_form_file_col_spacer shrink-0 ml-1", style: { width: 26 } })))] })] }));
+}
+//# sourceMappingURL=data_form_field_layout.js.map

package/dist/components/hazo_data_form/shared/data_form_field_layout.js.map

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

package/dist/components/hazo_data_form/shared/data_form_file_column.d.ts

@@ -0,0 +1,17 @@
+/**
+ * File column component for data form fields
+ * Shows a unified file icon: grey FaFileUpload when no files, blue FaFileAlt + count badge when files exist.
+ * Matches the hazo_data_forms FileManagerButton visual pattern.
+ */
+import type { DocLink, UploadedFile, DataFormConfig } from './types.js';
+export interface DataFormFileColumnProps {
+    doc_links?: DocLink[];
+    field_uploads?: UploadedFile[];
+    on_doc_link_click?: () => void;
+    on_upload_click?: () => void;
+    upload_enabled?: boolean;
+    mode: 'edit' | 'view';
+    config: DataFormConfig;
+}
+export declare function DataFormFileColumn({ doc_links, field_uploads, on_doc_link_click, on_upload_click, upload_enabled, mode, }: DataFormFileColumnProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=data_form_file_column.d.ts.map

package/dist/components/hazo_data_form/shared/data_form_file_column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data_form_file_column.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_data_form/shared/data_form_file_column.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;CACxB;AASD,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,IAAI,GACL,EAAE,uBAAuB,kDAiEzB"}

package/dist/components/hazo_data_form/shared/data_form_file_column.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * File column component for data form fields
+ * Shows a unified file icon: grey FaFileUpload when no files, blue FaFileAlt + count badge when files exist.
+ * Matches the hazo_data_forms FileManagerButton visual pattern.
+ */
+import { useState } from 'react';
+import { FaFileUpload, FaFileAlt } from 'react-icons/fa';
+import { cn } from '../../../utils/cn.js';
+const ICON_SIZE = 18;
+const ICON_COLOR_DEFAULT = '#9ca3af'; // grey-400
+const ICON_COLOR_WITH_FILES = '#2563eb'; // blue-600
+const ICON_COLOR_HOVER = '#1d4ed8'; // blue-700
+const BADGE_BG = '#2563eb'; // blue-600
+const BADGE_TEXT = '#ffffff';
+export function DataFormFileColumn({ doc_links, field_uploads, on_doc_link_click, on_upload_click, upload_enabled, mode, }) {
+    const [is_hovered, set_is_hovered] = useState(false);
+    const doc_count = doc_links?.length ?? 0;
+    const upload_count = field_uploads?.length ?? 0;
+    const total_count = doc_count + upload_count;
+    const has_files = total_count > 0;
+    if (!has_files && !upload_enabled)
+        return null;
+    // Determine click handler: use doc_link handler if available, otherwise upload handler
+    const handle_click = has_files
+        ? (on_doc_link_click || on_upload_click)
+        : on_upload_click;
+    // Icon logic: FaFileAlt (blue) when files exist, FaFileUpload (grey) when empty
+    const IconComponent = has_files ? FaFileAlt : FaFileUpload;
+    const icon_color = is_hovered
+        ? ICON_COLOR_HOVER
+        : has_files
+            ? ICON_COLOR_WITH_FILES
+            : ICON_COLOR_DEFAULT;
+    const tooltip = has_files
+        ? `${total_count} file${total_count !== 1 ? 's' : ''} attached`
+        : 'Upload file';
+    // In view mode with no files, show nothing
+    if (mode === 'view' && !has_files)
+        return null;
+    return (_jsx("div", { className: cn('cls_data_form_file_col', 'flex items-center shrink-0 ml-1'), children: _jsxs("button", { type: "button", onClick: handle_click, onMouseEnter: () => set_is_hovered(true), onMouseLeave: () => set_is_hovered(false), disabled: !handle_click, className: cn('cls_file_manager_btn relative p-1 rounded transition-colors', handle_click ? 'cursor-pointer' : 'opacity-50 cursor-not-allowed'), style: is_hovered && handle_click ? { backgroundColor: 'rgba(0,0,0,0.06)' } : undefined, "aria-label": tooltip, title: tooltip, children: [_jsx(IconComponent, { size: ICON_SIZE, color: icon_color, className: "transition-colors" }), total_count > 0 && (_jsx("span", { className: "cls_file_count_badge absolute -top-1 -right-1 min-w-[16px] h-[16px] flex items-center justify-center rounded-full text-[10px] font-bold", style: {
+                        backgroundColor: BADGE_BG,
+                        color: BADGE_TEXT,
+                    }, children: total_count > 9 ? '9+' : total_count }))] }) }));
+}
+//# sourceMappingURL=data_form_file_column.js.map

package/dist/components/hazo_data_form/shared/data_form_file_column.js.map

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

package/dist/components/hazo_data_form/shared/data_form_help_tooltip.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Help tooltip for data form fields
+ * Lightweight implementation using title attribute and hover div
+ */
+export interface DataFormHelpTooltipProps {
+    help_tooltip: {
+        text?: string;
+        link?: string;
+        show_formula?: boolean;
+        formula_display?: string;
+    };
+    computed_formula?: string;
+}
+export declare function DataFormHelpTooltip({ help_tooltip, computed_formula }: DataFormHelpTooltipProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=data_form_help_tooltip.d.ts.map

package/dist/components/hazo_data_form/shared/data_form_help_tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data_form_help_tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_data_form/shared/data_form_help_tooltip.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,OAAO,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjG,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,YAAY,EAAE,gBAAgB,EAAE,EAAE,wBAAwB,kDAiE/F"}

package/dist/components/hazo_data_form/shared/data_form_help_tooltip.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Help tooltip for data form fields
+ * Lightweight implementation using title attribute and hover div
+ */
+import { useState, useRef } from 'react';
+import { cn } from '../../../utils/cn.js';
+export function DataFormHelpTooltip({ help_tooltip, computed_formula }) {
+    const [is_visible, set_is_visible] = useState(false);
+    const timeout_ref = useRef(null);
+    const show_formula = help_tooltip.show_formula && (help_tooltip.formula_display || computed_formula);
+    const has_content = help_tooltip.text || show_formula || help_tooltip.link;
+    if (!has_content)
+        return null;
+    const handle_mouse_enter = () => {
+        if (timeout_ref.current)
+            clearTimeout(timeout_ref.current);
+        set_is_visible(true);
+    };
+    const handle_mouse_leave = () => {
+        timeout_ref.current = setTimeout(() => set_is_visible(false), 150);
+    };
+    return (_jsxs("div", { className: "cls_data_form_help_tooltip relative inline-flex", onMouseEnter: handle_mouse_enter, onMouseLeave: handle_mouse_leave, children: [_jsx("button", { type: "button", className: cn('inline-flex items-center justify-center w-4 h-4 rounded-full', 'text-[10px] font-bold text-gray-400 border border-gray-300', 'hover:text-gray-600 hover:border-gray-400 cursor-help'), tabIndex: -1, "aria-label": "Help", children: "?" }), is_visible && (_jsxs("div", { className: cn('absolute z-50 bottom-full left-1/2 -translate-x-1/2 mb-1', 'bg-gray-800 text-white text-xs rounded px-2.5 py-1.5', 'shadow-lg max-w-[250px] whitespace-normal'), children: [help_tooltip.text && _jsx("p", { children: help_tooltip.text }), show_formula && (_jsx("p", { className: "mt-1 font-mono text-[10px] text-gray-300", children: help_tooltip.formula_display || computed_formula })), help_tooltip.link && (_jsx("a", { href: help_tooltip.link, target: "_blank", rel: "noopener noreferrer", className: "mt-1 block text-blue-300 underline text-[10px]", children: "Learn more" })), _jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-gray-800" })] }))] }));
+}
+//# sourceMappingURL=data_form_help_tooltip.js.map

package/dist/components/hazo_data_form/shared/data_form_help_tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data_form_help_tooltip.js","sourceRoot":"","sources":["../../../../src/components/hazo_data_form/shared/data_form_help_tooltip.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAO1C,MAAM,UAAU,mBAAmB,CAAC,EAAE,YAAY,EAAE,gBAAgB,EAA4B;IAC9F,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEvE,MAAM,YAAY,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,eAAe,IAAI,gBAAgB,CAAC,CAAC;IACrG,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC;IAE3E,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,WAAW,CAAC,OAAO;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC3D,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAC,iDAAiD,EAC3D,YAAY,EAAE,kBAAkB,EAChC,YAAY,EAAE,kBAAkB,aAEhC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,4DAA4D,EAC5D,uDAAuD,CACxD,EACD,QAAQ,EAAE,CAAC,CAAC,gBACD,MAAM,kBAGV,EACR,UAAU,IAAI,CACb,eACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,sDAAsD,EACtD,2CAA2C,CAC5C,aAEA,YAAY,CAAC,IAAI,IAAI,sBAAI,YAAY,CAAC,IAAI,GAAK,EAC/C,YAAY,IAAI,CACf,YAAG,SAAS,EAAC,0CAA0C,YACpD,YAAY,CAAC,eAAe,IAAI,gBAAgB,GAC/C,CACL,EACA,YAAY,CAAC,IAAI,IAAI,CACpB,YACE,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,gDAAgD,2BAGxD,CACL,EACD,cAAK,SAAS,EAAC,2FAA2F,GAAG,IACzG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/hazo_data_form/shared/data_form_label.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Label component for data form fields
+ * Renders: item_code box + label + required asterisk + help tooltip icon
+ */
+import type { DataFormConfig, ViewFieldConfig } from './types.js';
+export interface DataFormLabelProps {
+    field: ViewFieldConfig;
+    config: DataFormConfig;
+    computed_formula?: string;
+}
+export declare function DataFormLabel({ field, config, computed_formula }: DataFormLabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data_form_label.d.ts.map

package/dist/components/hazo_data_form/shared/data_form_label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data_form_label.d.ts","sourceRoot":"","sources":["../../../../src/components/hazo_data_form/shared/data_form_label.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,kBAAkB,2CAwCpF"}