@masterteam/task-schedule 0.0.24 → 0.0.26

package/fesm2022/masterteam-task-schedule.mjs

@@ -2669,15 +2669,18 @@ class TaskScheduleDialog {
                 ...(request.fields ?? []),
                 {
                     // Parent reference is the anchor row's schedule guid / externalId,
-                    // not its numeric database id.
-                    propertyKey: 'externalParentId',
+                    // not its numeric database id. Send it under the canonical `parentId`
+                    // key (the same key the drag-drop reparent and bulk-update paths use)
+                    // so the new task is actually nested as a subtask; `externalParentId`
+                    // is only a legacy alias and isn't reliably honored on create.
+                    propertyKey: 'parentId',
                     value: this.parentGuid(),
                 },
             ],
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleDialog, isStandalone: true, selector: "mt-task-schedule-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: false, transformFunction: null }, typeOptions: { classPropertyName: "typeOptions", publicName: "typeOptions", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, parentGuid: { classPropertyName: "parentGuid", publicName: "parentGuid", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"'p-4 overflow-y-auto ' + (modal.contentClass || '')\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <mt-select-field\r\n      [options]=\"typeSelectOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [label]=\"'task-schedule.dialog.type' | transloco\"\r\n      [placeholder]=\"'task-schedule.dialog.typePlaceholder' | transloco\"\r\n      [ngModel]=\"selectedType() ?? undefined\"\r\n      (onChange)=\"onTypeChange($event)\"\r\n    />\r\n\r\n    @if (selectedType()) {\r\n      <mt-client-form\r\n        #clientForm\r\n        [moduleKey]=\"'ModuleData'\"\r\n        [moduleId]=\"selectedModuleId() ?? undefined\"\r\n        [operationKey]=\"mode() === 'edit' ? 'Update' : 'Create'\"\r\n        [formMode]=\"mode()\"\r\n        [levelId]=\"context()?.levelId ?? undefined\"\r\n        [levelDataId]=\"context()?.levelDataId ?? undefined\"\r\n        [moduleDataId]=\"selectedModuleDataId() ?? undefined\"\r\n        [lang]=\"langCode()\"\r\n        [autoLoad]=\"true\"\r\n        [ignoredFieldKeys]=\"ignoredFieldKeys()\"\r\n        [submitRequestMapper]=\"submitRequestMapper\"\r\n        (submitted)=\"onClientFormSubmitted($event)\"\r\n      />\r\n    } @else {\r\n      <div\r\n        class=\"rounded-xl border border-surface bg-content px-4 py-4 text-sm text-muted-color\"\r\n      >\r\n        {{ \"task-schedule.dialog.typeFirst\" | transloco }}\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <div class=\"flex items-center justify-end gap-3\">\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.cancel' | transloco\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.save' | transloco\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TaskScheduleDialog, isStandalone: true, selector: "mt-task-schedule-dialog", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, task: { classPropertyName: "task", publicName: "task", isSignal: true, isRequired: false, transformFunction: null }, typeOptions: { classPropertyName: "typeOptions", publicName: "typeOptions", isSignal: true, isRequired: false, transformFunction: null }, langCode: { classPropertyName: "langCode", publicName: "langCode", isSignal: true, isRequired: false, transformFunction: null }, parentGuid: { classPropertyName: "parentGuid", publicName: "parentGuid", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div [class]=\"'p-4 overflow-y-auto ' + (modal.contentClass || '')\">\r\n  <div class=\"flex flex-col gap-4\">\r\n    <mt-select-field\r\n      [options]=\"typeSelectOptions()\"\r\n      optionLabel=\"label\"\r\n      optionValue=\"value\"\r\n      [label]=\"'task-schedule.dialog.type' | transloco\"\r\n      [placeholder]=\"'task-schedule.dialog.typePlaceholder' | transloco\"\r\n      [ngModel]=\"selectedType() ?? undefined\"\r\n      (onChange)=\"onTypeChange($event)\"\r\n    />\r\n\r\n    @if (selectedType()) {\r\n      <mt-client-form\r\n        #clientForm\r\n        [moduleKey]=\"'ModuleData'\"\r\n        [moduleId]=\"selectedModuleId() ?? undefined\"\r\n        [operationKey]=\"mode() === 'edit' ? 'Update' : 'Create'\"\r\n        [formMode]=\"mode()\"\r\n        [levelId]=\"context()?.levelId ?? undefined\"\r\n        [levelDataId]=\"context()?.levelDataId ?? undefined\"\r\n        [moduleDataId]=\"selectedModuleDataId() ?? undefined\"\r\n        [lang]=\"langCode()\"\r\n        [autoLoad]=\"true\"\r\n        [ignoredFieldKeys]=\"ignoredFieldKeys()\"\r\n        [submitRequestMapper]=\"submitRequestMapper\"\r\n        (submitted)=\"onClientFormSubmitted($event)\"\r\n      />\r\n    } @else {\r\n      <div\r\n        class=\"rounded-xl border border-surface bg-content px-4 py-4 text-sm text-muted-color\"\r\n      >\r\n        {{ \"task-schedule.dialog.typeFirst\" | transloco }}\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div [class]=\"modal.footerClass\">\r\n  <div class=\"flex items-center justify-end gap-3\">\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.cancel' | transloco\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"cancel()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"'task-schedule.dialog.save' | transloco\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"save()\"\r\n    />\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "hint", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape", "markCurrentUser"], outputs: ["onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "forceOriginalForm", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.TranslocoPipe, name: "transloco" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TaskScheduleDialog, decorators: [{
             type: Component,
@@ -3135,16 +3138,23 @@ class TaskScheduleImportDialog {
     }
     buildApplyPayloadTask(row) {
         const task = row.task;
+        // The MPP parse leaves externalId as "None" for tasks without one; the
+        // import DTO rejects "None" and requires unique externalIds, expressing
+        // hierarchy via externalParentId (parentGuid is ignored). Send the task's
+        // stable unique id as externalId and link children to the parent's id.
+        const externalParentId = this.resolveParentExternalIdForPreviewRow(row.key);
         const payloadTask = {
             ...task,
             name: String(task.title ?? task.name ?? ''),
             predecessors: task.predecessor ?? task.predecessors ?? '',
-            parentGuid: task.parentGuid ?? this.resolveParentGuidForPreviewRow(row.key),
+            parentGuid: externalParentId,
             assignedTo: this.resolveAssignedTo(task),
             isSelected: true,
             subtasks: [],
             children: [],
         };
+        payloadTask['externalId'] = this.toStableExternalId(task);
+        payloadTask['externalParentId'] = externalParentId;
         payloadTask['startDate'] = this.toApiDateTime(task.startDate);
         payloadTask['finishDate'] = this.toApiDateTime(task.finishDate);
         payloadTask['baselineStart'] = this.toApiDateTime(task.baselineStartDate ?? task.baselineStart);
@@ -3157,7 +3167,7 @@ class TaskScheduleImportDialog {
             String(task.type ?? task.typeLabel ?? task.typeLable ?? '').toLowerCase() === 'milestone';
         return payloadTask;
     }
-    resolveParentGuidForPreviewRow(rowKey) {
+    resolveParentExternalIdForPreviewRow(rowKey) {
         const path = this.readPathFromRowKey(rowKey);
         if (!path) {
             return null;
@@ -3167,13 +3177,29 @@ class TaskScheduleImportDialog {
             return null;
         }
         const parent = this.findTaskByPath(steps.slice(0, -1).join('.'));
-        if (!parent) {
-            return null;
+        return parent ? this.toStableExternalId(parent) : null;
+    }
+    /**
+     * A unique, stable external id for the import DTO. The MPP parse yields
+     * `guid`/`externalId` of "None" for tasks without one, which the backend
+     * rejects as a duplicate/reserved value — fall back to the task's unique id.
+     */
+    toStableExternalId(task) {
+        const candidates = [
+            task.guid,
+            task['externalId'],
+            task.id,
+        ];
+        for (const candidate of candidates) {
+            if (candidate === null || candidate === undefined) {
+                continue;
+            }
+            const value = String(candidate).trim();
+            if (value && value.toLowerCase() !== 'none') {
+                return value;
+            }
         }
-        const parentGuid = parent.guid ?? parent.id ?? null;
-        return parentGuid === null || parentGuid === undefined
-            ? null
-            : String(parentGuid);
+        return null;
     }
     resolveChildTasks(task) {
         const subtasks = Array.isArray(task.subtasks) ? task.subtasks : [];