@wisemen/wise-invoicing-web 0.3.0 → 0.4.0

package/dist/types/apiError.type.d.ts

@@ -1,6 +1,6 @@
-import { InvoiceHasNoLinesError, InvoiceNotEditableError } from '../client/index.ts';
+import { InvoiceHasNoLinesError, InvoiceLineGroupMaxDepthExceededError, InvoiceNotEditableError } from '../client/index.ts';
 import { I18nKey } from '../libs/i18n.lib.ts';
-export type ApiErrorCode = InvoiceHasNoLinesError['code'] | InvoiceNotEditableError['code'];
+export type ApiErrorCode = InvoiceHasNoLinesError['code'] | InvoiceLineGroupMaxDepthExceededError['code'] | InvoiceNotEditableError['code'];
 export declare const API_ERROR_I18N_KEYS: Record<ApiErrorCode, I18nKey>;
 export declare function useApiError(): {
     messages: import('vue').ComputedRef<Record<string, string>>;

package/dist/ui/billing-document/table/BillingDocumentLineItemDeleteDialog.vue.d.ts

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     name: string;
     lineCount?: number;
+    subgroupCount?: number;
     type: 'group' | 'line';
     onDeleteGroup?: (options: {
         deleteLines: boolean;

package/dist/ui/billing-document/table/BillingDocumentLineItemsInsertIndicator.vue.d.ts

@@ -1,4 +1,6 @@
 type __VLS_Props = {
+    /** Shown instead of the group description, with the option disabled. */
+    addGroupDisabledReason?: string | null;
     canAddGroup?: boolean;
     label: string;
     placement?: 'between' | 'end';
@@ -10,6 +12,7 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     onAddGroup?: (() => any) | undefined;
     onAddLine?: (() => any) | undefined;
 }>, {
+    addGroupDisabledReason: string | null;
     canAddGroup: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/ui/billing-document/table/BillingDocumentLineItemsTableGroupRow.vue.d.ts

@@ -1,14 +1,17 @@
 import { BillingDocumentLineItemEditorGroupRow } from './utils/billingDocumentLineItemsEditor.util.ts';
 type __VLS_Props = {
     isCollapsed: boolean;
+    isDropTarget?: boolean;
     contentColumnSpan: number;
     group: BillingDocumentLineItemEditorGroupRow;
     total: number | null;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    toggleCollapse: () => any;
+    expand: () => any;
+    toggleCollapse: (isRecursive: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onToggleCollapse?: (() => any) | undefined;
+    onExpand?: (() => any) | undefined;
+    onToggleCollapse?: ((isRecursive: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/ui/billing-document/table/BillingDocumentLineItemsTreeIndent.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** The groups the row sits in, outermost first: one indent step and guide each. */
+    ancestorGroupIds: string[];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ui/billing-document/table/billingDocumentLineItemsTable.context.d.ts

@@ -1,7 +1,10 @@
 export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
+    dropTargetGroupId: import('vue').Ref<string | null, string | null>;
+    hoveredGroupId: import('vue').Ref<string | null, string | null>;
     hasInvalidRows: import('vue').ComputedRef<boolean>;
     hasSaveError: import('vue').Ref<boolean, boolean>;
     isDirty: import('vue').ComputedRef<boolean>;
+    isDraggingRows: import('vue').Ref<boolean, boolean>;
     isEditable: import('vue').ComputedRef<boolean>;
     isSaving: import('vue').ComputedRef<boolean>;
     customFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
@@ -9,9 +12,10 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
     groupCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     lineCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     mutations: {
-        addGroup: (index: number) => void;
+        addGroup: (index: number, parentGroupId?: string | null) => string;
         addLine: (index: number) => string;
         addLineAtEnd: () => string;
+        addSubgroup: (groupId: string) => string | null;
         applyServerRows: (config?: {
             clearSelection: boolean;
         }) => void;
@@ -21,16 +25,20 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         duplicateLine: (lineId: string) => string | null;
         duplicateSelectedLines: () => void;
         groupSelectedLines: () => void;
-        moveLineByIndex: (currentIndex: number, targetIndex: number, dropIntent?: import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemDropIntent | null) => void;
-        moveSelectedLinesToGroup: (groupId: string) => void;
+        indentRow: (rowId: string) => boolean;
+        moveLineByIndex: (currentIndex: number, targetIndex: number, levelOffset?: number, collapsedGroupIds?: ReadonlySet<string>) => void;
+        moveSelectedLinesToGroup: (groupId: string | null) => void;
+        outdentRow: (rowId: string) => boolean;
         resetToServer: () => void;
         setUnitForSelectedLines: (unit: import('../../../client').UnitOfMeasurement) => void;
         setVatRateForSelectedLines: (vatRate: import('../../../client').VatRate) => void;
+        ungroupGroup: (groupId: string) => void;
         updateAllFields: (lineId: string, values: import('../../../models/billing-document/billingDocumentLineItemUpdateForm.model').BillingDocumentLineItemUpdateForm) => void;
         updateGroup: (groupId: string, values: import('../../../models/billing-document/billingDocumentLineItemGroupUpdateForm.model').BillingDocumentLineItemGroupUpdateForm) => void;
     };
     rows: import('vue').Ref<({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -239,6 +247,7 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         vatRate: import('../../../client').VatRate;
     })[], import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorRow[] | ({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -459,11 +468,15 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         toggleAll: () => void;
         toggleRow: (id: string) => void;
     };
+    structure: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemsStructure>;
     meta: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorMeta>;
 }) => {
+    dropTargetGroupId: import('vue').Ref<string | null, string | null>;
+    hoveredGroupId: import('vue').Ref<string | null, string | null>;
     hasInvalidRows: import('vue').ComputedRef<boolean>;
     hasSaveError: import('vue').Ref<boolean, boolean>;
     isDirty: import('vue').ComputedRef<boolean>;
+    isDraggingRows: import('vue').Ref<boolean, boolean>;
     isEditable: import('vue').ComputedRef<boolean>;
     isSaving: import('vue').ComputedRef<boolean>;
     customFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
@@ -471,9 +484,10 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
     groupCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     lineCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     mutations: {
-        addGroup: (index: number) => void;
+        addGroup: (index: number, parentGroupId?: string | null) => string;
         addLine: (index: number) => string;
         addLineAtEnd: () => string;
+        addSubgroup: (groupId: string) => string | null;
         applyServerRows: (config?: {
             clearSelection: boolean;
         }) => void;
@@ -483,16 +497,20 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         duplicateLine: (lineId: string) => string | null;
         duplicateSelectedLines: () => void;
         groupSelectedLines: () => void;
-        moveLineByIndex: (currentIndex: number, targetIndex: number, dropIntent?: import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemDropIntent | null) => void;
-        moveSelectedLinesToGroup: (groupId: string) => void;
+        indentRow: (rowId: string) => boolean;
+        moveLineByIndex: (currentIndex: number, targetIndex: number, levelOffset?: number, collapsedGroupIds?: ReadonlySet<string>) => void;
+        moveSelectedLinesToGroup: (groupId: string | null) => void;
+        outdentRow: (rowId: string) => boolean;
         resetToServer: () => void;
         setUnitForSelectedLines: (unit: import('../../../client').UnitOfMeasurement) => void;
         setVatRateForSelectedLines: (vatRate: import('../../../client').VatRate) => void;
+        ungroupGroup: (groupId: string) => void;
         updateAllFields: (lineId: string, values: import('../../../models/billing-document/billingDocumentLineItemUpdateForm.model').BillingDocumentLineItemUpdateForm) => void;
         updateGroup: (groupId: string, values: import('../../../models/billing-document/billingDocumentLineItemGroupUpdateForm.model').BillingDocumentLineItemGroupUpdateForm) => void;
     };
     rows: import('vue').Ref<({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -701,6 +719,7 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         vatRate: import('../../../client').VatRate;
     })[], import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorRow[] | ({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -921,11 +940,15 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         toggleAll: () => void;
         toggleRow: (id: string) => void;
     };
+    structure: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemsStructure>;
     meta: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorMeta>;
 }, useInjectBillingDocumentLineItemsTableContext: <TFallback extends {
+    dropTargetGroupId: import('vue').Ref<string | null, string | null>;
+    hoveredGroupId: import('vue').Ref<string | null, string | null>;
     hasInvalidRows: import('vue').ComputedRef<boolean>;
     hasSaveError: import('vue').Ref<boolean, boolean>;
     isDirty: import('vue').ComputedRef<boolean>;
+    isDraggingRows: import('vue').Ref<boolean, boolean>;
     isEditable: import('vue').ComputedRef<boolean>;
     isSaving: import('vue').ComputedRef<boolean>;
     customFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
@@ -933,9 +956,10 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
     groupCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     lineCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     mutations: {
-        addGroup: (index: number) => void;
+        addGroup: (index: number, parentGroupId?: string | null) => string;
         addLine: (index: number) => string;
         addLineAtEnd: () => string;
+        addSubgroup: (groupId: string) => string | null;
         applyServerRows: (config?: {
             clearSelection: boolean;
         }) => void;
@@ -945,16 +969,20 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         duplicateLine: (lineId: string) => string | null;
         duplicateSelectedLines: () => void;
         groupSelectedLines: () => void;
-        moveLineByIndex: (currentIndex: number, targetIndex: number, dropIntent?: import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemDropIntent | null) => void;
-        moveSelectedLinesToGroup: (groupId: string) => void;
+        indentRow: (rowId: string) => boolean;
+        moveLineByIndex: (currentIndex: number, targetIndex: number, levelOffset?: number, collapsedGroupIds?: ReadonlySet<string>) => void;
+        moveSelectedLinesToGroup: (groupId: string | null) => void;
+        outdentRow: (rowId: string) => boolean;
         resetToServer: () => void;
         setUnitForSelectedLines: (unit: import('../../../client').UnitOfMeasurement) => void;
         setVatRateForSelectedLines: (vatRate: import('../../../client').VatRate) => void;
+        ungroupGroup: (groupId: string) => void;
         updateAllFields: (lineId: string, values: import('../../../models/billing-document/billingDocumentLineItemUpdateForm.model').BillingDocumentLineItemUpdateForm) => void;
         updateGroup: (groupId: string, values: import('../../../models/billing-document/billingDocumentLineItemGroupUpdateForm.model').BillingDocumentLineItemGroupUpdateForm) => void;
     };
     rows: import('vue').Ref<({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -1163,6 +1191,7 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         vatRate: import('../../../client').VatRate;
     })[], import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorRow[] | ({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -1383,11 +1412,15 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         toggleAll: () => void;
         toggleRow: (id: string) => void;
     };
+    structure: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemsStructure>;
     meta: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorMeta>;
 } | null = {
+    dropTargetGroupId: import('vue').Ref<string | null, string | null>;
+    hoveredGroupId: import('vue').Ref<string | null, string | null>;
     hasInvalidRows: import('vue').ComputedRef<boolean>;
     hasSaveError: import('vue').Ref<boolean, boolean>;
     isDirty: import('vue').ComputedRef<boolean>;
+    isDraggingRows: import('vue').Ref<boolean, boolean>;
     isEditable: import('vue').ComputedRef<boolean>;
     isSaving: import('vue').ComputedRef<boolean>;
     customFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
@@ -1395,9 +1428,10 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
     groupCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     lineCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     mutations: {
-        addGroup: (index: number) => void;
+        addGroup: (index: number, parentGroupId?: string | null) => string;
         addLine: (index: number) => string;
         addLineAtEnd: () => string;
+        addSubgroup: (groupId: string) => string | null;
         applyServerRows: (config?: {
             clearSelection: boolean;
         }) => void;
@@ -1407,16 +1441,20 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         duplicateLine: (lineId: string) => string | null;
         duplicateSelectedLines: () => void;
         groupSelectedLines: () => void;
-        moveLineByIndex: (currentIndex: number, targetIndex: number, dropIntent?: import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemDropIntent | null) => void;
-        moveSelectedLinesToGroup: (groupId: string) => void;
+        indentRow: (rowId: string) => boolean;
+        moveLineByIndex: (currentIndex: number, targetIndex: number, levelOffset?: number, collapsedGroupIds?: ReadonlySet<string>) => void;
+        moveSelectedLinesToGroup: (groupId: string | null) => void;
+        outdentRow: (rowId: string) => boolean;
         resetToServer: () => void;
         setUnitForSelectedLines: (unit: import('../../../client').UnitOfMeasurement) => void;
         setVatRateForSelectedLines: (vatRate: import('../../../client').VatRate) => void;
+        ungroupGroup: (groupId: string) => void;
         updateAllFields: (lineId: string, values: import('../../../models/billing-document/billingDocumentLineItemUpdateForm.model').BillingDocumentLineItemUpdateForm) => void;
         updateGroup: (groupId: string, values: import('../../../models/billing-document/billingDocumentLineItemGroupUpdateForm.model').BillingDocumentLineItemGroupUpdateForm) => void;
     };
     rows: import('vue').Ref<({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -1625,6 +1663,7 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         vatRate: import('../../../client').VatRate;
     })[], import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorRow[] | ({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -1845,11 +1884,15 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         toggleAll: () => void;
         toggleRow: (id: string) => void;
     };
+    structure: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemsStructure>;
     meta: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorMeta>;
 }>(fallback?: TFallback | undefined) => TFallback extends null ? {
+    dropTargetGroupId: import('vue').Ref<string | null, string | null>;
+    hoveredGroupId: import('vue').Ref<string | null, string | null>;
     hasInvalidRows: import('vue').ComputedRef<boolean>;
     hasSaveError: import('vue').Ref<boolean, boolean>;
     isDirty: import('vue').ComputedRef<boolean>;
+    isDraggingRows: import('vue').Ref<boolean, boolean>;
     isEditable: import('vue').ComputedRef<boolean>;
     isSaving: import('vue').ComputedRef<boolean>;
     customFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
@@ -1857,9 +1900,10 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
     groupCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     lineCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     mutations: {
-        addGroup: (index: number) => void;
+        addGroup: (index: number, parentGroupId?: string | null) => string;
         addLine: (index: number) => string;
         addLineAtEnd: () => string;
+        addSubgroup: (groupId: string) => string | null;
         applyServerRows: (config?: {
             clearSelection: boolean;
         }) => void;
@@ -1869,16 +1913,20 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         duplicateLine: (lineId: string) => string | null;
         duplicateSelectedLines: () => void;
         groupSelectedLines: () => void;
-        moveLineByIndex: (currentIndex: number, targetIndex: number, dropIntent?: import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemDropIntent | null) => void;
-        moveSelectedLinesToGroup: (groupId: string) => void;
+        indentRow: (rowId: string) => boolean;
+        moveLineByIndex: (currentIndex: number, targetIndex: number, levelOffset?: number, collapsedGroupIds?: ReadonlySet<string>) => void;
+        moveSelectedLinesToGroup: (groupId: string | null) => void;
+        outdentRow: (rowId: string) => boolean;
         resetToServer: () => void;
         setUnitForSelectedLines: (unit: import('../../../client').UnitOfMeasurement) => void;
         setVatRateForSelectedLines: (vatRate: import('../../../client').VatRate) => void;
+        ungroupGroup: (groupId: string) => void;
         updateAllFields: (lineId: string, values: import('../../../models/billing-document/billingDocumentLineItemUpdateForm.model').BillingDocumentLineItemUpdateForm) => void;
         updateGroup: (groupId: string, values: import('../../../models/billing-document/billingDocumentLineItemGroupUpdateForm.model').BillingDocumentLineItemGroupUpdateForm) => void;
     };
     rows: import('vue').Ref<({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -2087,6 +2135,7 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         vatRate: import('../../../client').VatRate;
     })[], import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorRow[] | ({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -2307,11 +2356,15 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         toggleAll: () => void;
         toggleRow: (id: string) => void;
     };
+    structure: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemsStructure>;
     meta: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorMeta>;
 } | null : {
+    dropTargetGroupId: import('vue').Ref<string | null, string | null>;
+    hoveredGroupId: import('vue').Ref<string | null, string | null>;
     hasInvalidRows: import('vue').ComputedRef<boolean>;
     hasSaveError: import('vue').Ref<boolean, boolean>;
     isDirty: import('vue').ComputedRef<boolean>;
+    isDraggingRows: import('vue').Ref<boolean, boolean>;
     isEditable: import('vue').ComputedRef<boolean>;
     isSaving: import('vue').ComputedRef<boolean>;
     customFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
@@ -2319,9 +2372,10 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
     groupCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     lineCustomFieldDefinitions: import('vue').ComputedRef<import('../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model').CustomFieldDefinition[]>;
     mutations: {
-        addGroup: (index: number) => void;
+        addGroup: (index: number, parentGroupId?: string | null) => string;
         addLine: (index: number) => string;
         addLineAtEnd: () => string;
+        addSubgroup: (groupId: string) => string | null;
         applyServerRows: (config?: {
             clearSelection: boolean;
         }) => void;
@@ -2331,16 +2385,20 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         duplicateLine: (lineId: string) => string | null;
         duplicateSelectedLines: () => void;
         groupSelectedLines: () => void;
-        moveLineByIndex: (currentIndex: number, targetIndex: number, dropIntent?: import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemDropIntent | null) => void;
-        moveSelectedLinesToGroup: (groupId: string) => void;
+        indentRow: (rowId: string) => boolean;
+        moveLineByIndex: (currentIndex: number, targetIndex: number, levelOffset?: number, collapsedGroupIds?: ReadonlySet<string>) => void;
+        moveSelectedLinesToGroup: (groupId: string | null) => void;
+        outdentRow: (rowId: string) => boolean;
         resetToServer: () => void;
         setUnitForSelectedLines: (unit: import('../../../client').UnitOfMeasurement) => void;
         setVatRateForSelectedLines: (vatRate: import('../../../client').VatRate) => void;
+        ungroupGroup: (groupId: string) => void;
         updateAllFields: (lineId: string, values: import('../../../models/billing-document/billingDocumentLineItemUpdateForm.model').BillingDocumentLineItemUpdateForm) => void;
         updateGroup: (groupId: string, values: import('../../../models/billing-document/billingDocumentLineItemGroupUpdateForm.model').BillingDocumentLineItemGroupUpdateForm) => void;
     };
     rows: import('vue').Ref<({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -2549,6 +2607,7 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         vatRate: import('../../../client').VatRate;
     })[], import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorRow[] | ({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -2769,5 +2828,6 @@ export declare const useProvideBillingDocumentLineItemsTableContext: (context: {
         toggleAll: () => void;
         toggleRow: (id: string) => void;
     };
+    structure: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemsStructure>;
     meta: import('vue').ComputedRef<import('./utils/billingDocumentLineItemsEditor.util').BillingDocumentLineItemEditorMeta>;
 };

package/dist/ui/billing-document/table/composables/useBillingDocumentLineItemsEditor.composable.d.ts

@@ -3,7 +3,7 @@ import { ComputedRef } from 'vue';
 import { AnyBillingDocumentDetail } from '../../../../models/billing-document/billingDocumentDetail.model.ts';
 import { BillingDocumentUpdateLines } from '../../../../models/billing-document/billingDocumentUpdateLines.model.ts';
 import { CustomFieldDefinition } from '../../../../modules/custom-field/models/custom-field-definition/customFieldDefinition.model.ts';
-import { BillingDocumentLineItemEditorMeta, BillingDocumentLineItemEditorRow } from '../utils/billingDocumentLineItemsEditor.util.ts';
+import { BillingDocumentLineItemEditorMeta, BillingDocumentLineItemEditorRow, BillingDocumentLineItemsStructure } from '../utils/billingDocumentLineItemsEditor.util.ts';
 interface UseBillingDocumentLineItemsEditorOptions {
     isSaving: ComputedRef<boolean>;
     billingDocument: () => AnyBillingDocumentDetail;
@@ -19,9 +19,12 @@ export interface BillingDocumentLineItemsEditorDisplayRow {
     vat: number | null;
 }
 export declare function useBillingDocumentLineItemsEditor(options: UseBillingDocumentLineItemsEditorOptions): {
+    dropTargetGroupId: import('vue').Ref<string | null, string | null>;
+    hoveredGroupId: import('vue').Ref<string | null, string | null>;
     hasInvalidRows: ComputedRef<boolean>;
     hasSaveError: import('vue').Ref<boolean, boolean>;
     isDirty: ComputedRef<boolean>;
+    isDraggingRows: import('vue').Ref<boolean, boolean>;
     isEditable: ComputedRef<boolean>;
     isSaving: ComputedRef<boolean>;
     customFieldDefinitions: ComputedRef<CustomFieldDefinition[]>;
@@ -29,9 +32,10 @@ export declare function useBillingDocumentLineItemsEditor(options: UseBillingDoc
     groupCustomFieldDefinitions: ComputedRef<CustomFieldDefinition[]>;
     lineCustomFieldDefinitions: ComputedRef<CustomFieldDefinition[]>;
     mutations: {
-        addGroup: (index: number) => void;
+        addGroup: (index: number, parentGroupId?: string | null) => string;
         addLine: (index: number) => string;
         addLineAtEnd: () => string;
+        addSubgroup: (groupId: string) => string | null;
         applyServerRows: (config?: {
             clearSelection: boolean;
         }) => void;
@@ -41,16 +45,20 @@ export declare function useBillingDocumentLineItemsEditor(options: UseBillingDoc
         duplicateLine: (lineId: string) => string | null;
         duplicateSelectedLines: () => void;
         groupSelectedLines: () => void;
-        moveLineByIndex: (currentIndex: number, targetIndex: number, dropIntent?: import('../utils/billingDocumentLineItemsEditor.util.ts').BillingDocumentLineItemDropIntent | null) => void;
-        moveSelectedLinesToGroup: (groupId: string) => void;
+        indentRow: (rowId: string) => boolean;
+        moveLineByIndex: (currentIndex: number, targetIndex: number, levelOffset?: number, collapsedGroupIds?: ReadonlySet<string>) => void;
+        moveSelectedLinesToGroup: (groupId: string | null) => void;
+        outdentRow: (rowId: string) => boolean;
         resetToServer: () => void;
         setUnitForSelectedLines: (unit: import('../../../../client/index.ts').UnitOfMeasurement) => void;
         setVatRateForSelectedLines: (vatRate: import('../../../../client/index.ts').VatRate) => void;
+        ungroupGroup: (groupId: string) => void;
         updateAllFields: (lineId: string, values: import('../../../../models/billing-document/billingDocumentLineItemUpdateForm.model').BillingDocumentLineItemUpdateForm) => void;
         updateGroup: (groupId: string, values: import('../../../../models/billing-document/billingDocumentLineItemGroupUpdateForm.model').BillingDocumentLineItemGroupUpdateForm) => void;
     };
     rows: import('vue').Ref<({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -259,6 +267,7 @@ export declare function useBillingDocumentLineItemsEditor(options: UseBillingDoc
         vatRate: import('../../../../client/index.ts').VatRate;
     })[], BillingDocumentLineItemEditorRow[] | ({
         id: string;
+        parentGroupId: string | null;
         sourceGroupUuid: string | null;
         name: string;
         customFields: ({
@@ -479,6 +488,7 @@ export declare function useBillingDocumentLineItemsEditor(options: UseBillingDoc
         toggleAll: () => void;
         toggleRow: (id: string) => void;
     };
+    structure: ComputedRef<BillingDocumentLineItemsStructure>;
     meta: ComputedRef<BillingDocumentLineItemEditorMeta>;
 };
 export {};

package/dist/ui/billing-document/table/composables/useBillingDocumentLineItemsKeyboardNav.composable.d.ts

@@ -22,6 +22,10 @@ export type BillingDocumentLineItemsNavAction = {
     type: 'deleteEmpty';
 } | {
     type: 'duplicate';
+} | {
+    type: 'indent';
+} | {
+    type: 'outdent';
 } | null;
 /**
  * Pure keyboard-navigation decision for the line-items grid. Kept free of DOM
@@ -33,6 +37,8 @@ interface UseBillingDocumentLineItemsKeyboardNavOptions {
     addLineBelow: (rowId: string) => string | null;
     deleteEmptyLine: (rowId: string) => string | null;
     duplicateLine: (rowId: string) => string | null;
+    indentRow: (rowId: string) => boolean;
+    outdentRow: (rowId: string) => boolean;
     tbodyRef: Readonly<ShallowRef<HTMLTableSectionElement | null>>;
 }
 export declare function useBillingDocumentLineItemsKeyboardNav(options: UseBillingDocumentLineItemsKeyboardNavOptions): {

package/dist/ui/billing-document/table/composables/useBillingDocumentLineItemsRowMutations.composable.d.ts

@@ -4,7 +4,7 @@ import { AnyBillingDocumentDetail } from '../../../../models/billing-document/bi
 import { BillingDocumentLineItemGroupUpdateForm } from '../../../../models/billing-document/billingDocumentLineItemGroupUpdateForm.model.ts';
 import { BillingDocumentLineItemUpdateForm } from '../../../../models/billing-document/billingDocumentLineItemUpdateForm.model.ts';
 import { useBillingDocumentLineItemsSelection } from './useBillingDocumentLineItemsSelection.composable.ts';
-import { BillingDocumentLineItemDropIntent, BillingDocumentLineItemEditorMeta, BillingDocumentLineItemEditorRow } from '../utils/billingDocumentLineItemsEditor.util.ts';
+import { BillingDocumentLineItemEditorMeta, BillingDocumentLineItemEditorRow } from '../utils/billingDocumentLineItemsEditor.util.ts';
 interface UseBillingDocumentLineItemsRowMutationsOptions {
     hasSaveError: Ref<boolean>;
     isEditable: ComputedRef<boolean>;
@@ -18,9 +18,10 @@ export interface DeleteGroupOptions {
     deleteLines: boolean;
 }
 export declare function useBillingDocumentLineItemsRowMutations(options: UseBillingDocumentLineItemsRowMutationsOptions): {
-    addGroup: (index: number) => void;
+    addGroup: (index: number, parentGroupId?: string | null) => string;
     addLine: (index: number) => string;
     addLineAtEnd: () => string;
+    addSubgroup: (groupId: string) => string | null;
     applyServerRows: (config?: {
         clearSelection: boolean;
     }) => void;
@@ -30,11 +31,14 @@ export declare function useBillingDocumentLineItemsRowMutations(options: UseBill
     duplicateLine: (lineId: string) => string | null;
     duplicateSelectedLines: () => void;
     groupSelectedLines: () => void;
-    moveLineByIndex: (currentIndex: number, targetIndex: number, dropIntent?: BillingDocumentLineItemDropIntent | null) => void;
-    moveSelectedLinesToGroup: (groupId: string) => void;
+    indentRow: (rowId: string) => boolean;
+    moveLineByIndex: (currentIndex: number, targetIndex: number, levelOffset?: number, collapsedGroupIds?: ReadonlySet<string>) => void;
+    moveSelectedLinesToGroup: (groupId: string | null) => void;
+    outdentRow: (rowId: string) => boolean;
     resetToServer: () => void;
     setUnitForSelectedLines: (unit: UnitOfMeasurement) => void;
     setVatRateForSelectedLines: (vatRate: VatRate) => void;
+    ungroupGroup: (groupId: string) => void;
     updateAllFields: (lineId: string, values: BillingDocumentLineItemUpdateForm) => void;
     updateGroup: (groupId: string, values: BillingDocumentLineItemGroupUpdateForm) => void;
 };

package/dist/ui/billing-document/table/composables/useBillingDocumentLineItemsTableDrag.composable.d.ts

@@ -1,15 +1,28 @@
 import { ComputedRef, ShallowRef } from 'vue';
-import { BillingDocumentLineItemDropIntent } from '../utils/billingDocumentLineItemsEditor.util.ts';
+/** Where the dragged row would land if it were dropped now, in visible indices. */
+export interface BillingDocumentLineItemsDragTarget {
+    fromIndex: number;
+    levelOffset: number;
+    toIndex: number;
+}
 interface UseBillingDocumentLineItemsTableDragOptions {
     isEditable: ComputedRef<boolean>;
-    moveLineByIndex: (oldIndex: number, newIndex: number, dropIntent: BillingDocumentLineItemDropIntent | null) => void;
+    moveLineByIndex: (oldIndex: number, newIndex: number, levelOffset: number) => void;
     saveNow: () => Promise<void>;
     tbodyRef: Readonly<ShallowRef<HTMLTableSectionElement | null>>;
 }
 export declare function useBillingDocumentLineItemsTableDrag(options: UseBillingDocumentLineItemsTableDragOptions): {
     isDragging: import('vue').Ref<boolean, boolean>;
+    dragTarget: import('vue').Ref<{
+        fromIndex: number;
+        levelOffset: number;
+        toIndex: number;
+    } | null, BillingDocumentLineItemsDragTarget | {
+        fromIndex: number;
+        levelOffset: number;
+        toIndex: number;
+    } | null>;
     dragVersion: import('vue').Ref<number, number>;
-    dropIntent: import('vue').Ref<BillingDocumentLineItemDropIntent | null, BillingDocumentLineItemDropIntent | null>;
     restart: () => void;
 };
 export {};