@sapui5/sap.suite.ui.generic.template 1.152.1 → 1.154.0

package/src/sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillHandler.js

@@ -8,7 +8,8 @@ sap.ui.define([
     "sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillFormRenderer",
     "sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillTableRenderer",
     "sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillApplyHandler",
-    "sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillDialogController"
+    "sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillDialogController",
+    "sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillFileHandler"
 ], function(
     BaseObject,
     extend,
@@ -19,7 +20,8 @@ sap.ui.define([
     EasyFillFormRenderer,
     EasyFillTableRenderer,
     EasyFillApplyHandler,
-    EasyFillDialogController
+    EasyFillDialogController,
+    EasyFillFileHandler
 ) {
     "use strict";
 
@@ -60,6 +62,9 @@ sap.ui.define([
         // including extension fragment fields and custom fields.
         var oOPStructureMap = null;
         var mLiveEditable = null;
+        // Stores the text extracted from an imported file (TXT/CSV).
+        // When non-null, this is sent to the AI instead of the textarea value.
+        var sImportedFileText = null;
 
         // Collection state — tracks OData row contexts and property metadata for SmartTable collections
         var mCollectionState = {
@@ -76,7 +81,9 @@ sap.ui.define([
         var mLastFieldMapping = null;                  // retained so table sections can be re-rendered on mode switch
         var oTableStagingState = {
             mStagedRows: Object.create(null),
-            mPendingNewRowContexts: Object.create(null)
+            mPendingNewRowContexts: Object.create(null),
+            mExcludedRows: Object.create(null),    // { navProp: { index: true } } existing rows excluded by user
+            mExcludedNewRows: Object.create(null)  // { navProp: { index: true } } new rows excluded by user
         };
 
         // ─── Internal Helpers ────────────────────────────────────────────────────
@@ -108,6 +115,13 @@ sap.ui.define([
          * @returns {object} handler/formatter map
          */
         function _buildDialogHandlers() {
+            // Shared text-imported callback: sets sImportedFileText and re-renders preview.
+            // Used by both the FileUploader change handler and the drop handler.
+            function fnOnTextImported(sText) {
+                sImportedFileText = sText;
+                EasyFillDialogController.renderFilePreview(oController, EasyFillFileHandler, sImportedFileText);
+            }
+
             return {
                 // ── Layout mode toggle (Condensed ↔ ObjectPage view) ──────────────
                 // After the sections binding is refreshed, SmartForms for the new mode
@@ -219,6 +233,145 @@ sap.ui.define([
                 // ── AI Notice popover ─────────────────────────────────────────────
                 onLinkPress: async function(oEvent) {
                     await EasyFillDialogController.onLinkPress(oEvent, oTemplateUtils, oAIPopoverRef);
+                },
+
+                // ── File import: FileUploader change event ────────────────────────
+                onFileUploaderChange: function(oEvent) {
+                    EasyFillDialogController.onFileUploaderChange(
+                        oEvent, oController, oRb, EasyFillFileHandler, fnOnTextImported
+                    );
+                },
+
+                // ── File import: FileUploader rejected the chosen file by extension ──
+                onFileTypeMismatch: function() {
+                    EasyFillDialogController.showFileTypeError(oRb);
+                },
+
+                // ── File discard: removes the imported file and restores the input area ──
+                onDiscardImportedFile: function() {
+                    EasyFillFileHandler.confirmFileRemoval(oRb.getText("EASY_FILL_REMOVE_FILE_CONFIRM"), function() {
+                        sImportedFileText = null;
+                        EasyFillDialogController.resetFileState(oController);
+                        var oDialogModel = oController.getView().getModel("easyFillDialogModel");
+                        if (oDialogModel) {
+                            oDialogModel.setProperty("/isEasyFillButtonEnabled", false);
+                        }
+                    });
+                },
+
+                // ── Table/text view toggle for CSV preview ───────────────────────────
+                onFilePreviewModeChange: function(oEvent) {
+                    var oDialogModel = oController.getView().getModel("easyFillDialogModel");
+                    var sSelectedKey = oEvent.getParameter("item").getKey();
+                    oDialogModel.setProperty("/selectedFilePreviewMode", sSelectedKey);
+                    EasyFillDialogController.renderFilePreview(oController, EasyFillFileHandler, sImportedFileText);
+                },
+
+                // ── Drag-and-drop: wire native drop events after dialog opens ────────
+                // Uses addEventDelegate({onAfterRendering}) on the SAPUI5 control so that
+                // drop handlers are re-attached each time the DOM element is re-created.
+                // This is necessary because EasyFillInputContainer is hidden (visible=false)
+                // when a file is uploaded and shown again on Clear All, which destroys and
+                // recreates the DOM element — exactly the V4 approach.
+                _onAfterOpen: function() {
+                    var oInputContainer = oController.byId("EasyFillInputContainer");
+                    if (!oInputContainer) { return; }
+
+                    function attachDropHandlers() {
+                        var oDomRef = oInputContainer.getDomRef();
+                        if (!oDomRef || oDomRef.dataset["dropInitialized"]) { return; }
+                        oDomRef.dataset["dropInitialized"] = "true";
+
+                        var iDragDepth = 0;
+
+                        function isFileDrag(oDragEvent) {
+                            var oTransfer = oDragEvent.dataTransfer;
+                            return !!(oTransfer && Array.prototype.indexOf.call(oTransfer.types, "Files") !== -1);
+                        }
+
+                        function resetDragState() {
+                            iDragDepth = 0;
+                            oDomRef.classList.remove("sapSmartTemplatesObjectPageEasyFillInputContainerDropDisabled");
+                            oController.getView().getModel("easyFillDialogModel").setProperty("/isDragging", false);
+                        }
+
+                        oDomRef.addEventListener("dragenter", function(oDragEvent) {
+                            if (!isFileDrag(oDragEvent)) { return; }
+                            oDragEvent.preventDefault();
+                            iDragDepth++;
+                        });
+
+                        oDomRef.addEventListener("dragover", function(oDragEvent) {
+                            if (!isFileDrag(oDragEvent)) { return; }
+                            oDragEvent.preventDefault();
+                            var oDialogModel = oController.getView().getModel("easyFillDialogModel");
+                            var bBlocked = !!oDialogModel.getProperty("/uploadedFileName") ||
+                                           !!oDialogModel.getProperty("/hasEnteredText");
+                            if (oDragEvent.dataTransfer) {
+                                oDragEvent.dataTransfer.dropEffect = bBlocked ? "none" : "copy";
+                            }
+                            if (bBlocked) {
+                                oDomRef.classList.add("sapSmartTemplatesObjectPageEasyFillInputContainerDropDisabled");
+                            } else {
+                                oDomRef.classList.remove("sapSmartTemplatesObjectPageEasyFillInputContainerDropDisabled");
+                            }
+                            oDialogModel.setProperty("/isDragging", true);
+                        });
+
+                        oDomRef.addEventListener("dragleave", function(oDragEvent) {
+                            if (!isFileDrag(oDragEvent)) { return; }
+                            iDragDepth = Math.max(0, iDragDepth - 1);
+                            if (iDragDepth === 0) {
+                                oDomRef.classList.remove("sapSmartTemplatesObjectPageEasyFillInputContainerDropDisabled");
+                                oController.getView().getModel("easyFillDialogModel").setProperty("/isDragging", false);
+                            }
+                        });
+
+                        oDomRef.addEventListener("drop", function(oDragEvent) {
+                            oDragEvent.preventDefault();
+                            oDragEvent.stopPropagation();
+                            resetDragState();
+
+                            var oDialogModel = oController.getView().getModel("easyFillDialogModel");
+                            if (oDialogModel.getProperty("/uploadedFileName") ||
+                                oDialogModel.getProperty("/hasEnteredText")) { return; }
+
+                            var oTransfer = oDragEvent.dataTransfer;
+                            var aDropped = oTransfer && oTransfer.files
+                                ? Array.prototype.slice.call(oTransfer.files) : [];
+                            if (aDropped.length === 0) { return; }
+
+                            var aSupported = aDropped.filter(function(oFile) {
+                                return !!EasyFillFileHandler.findHandler(oFile.name);
+                            });
+
+                            if (aSupported.length === 0) {
+                                EasyFillDialogController.showFileUploadError(oRb,
+                                    oRb.getText("EASY_FILL_UPLOAD_UNSUPPORTED_FILE_ERROR"));
+                                return;
+                            }
+                            if (aSupported.length > 1) {
+                                EasyFillDialogController.showFileUploadError(oRb,
+                                    oRb.getText("EASY_FILL_UPLOAD_SINGLE_FILE_ONLY_ERROR"));
+                                return;
+                            }
+
+                            var oFile = aSupported[0];
+                            // Shared accept path: metadata-set + read + length cap + persistent error feedback.
+                            EasyFillDialogController.acceptFile(oController, oRb, EasyFillFileHandler, oFile, fnOnTextImported);
+                        });
+                    }
+
+                    // Add the onAfterRendering delegate once per container instance. The dialog is
+                    // kept alive across opens (keepAlive), so a fresh delegate on every open would
+                    // accumulate; the flag below ensures a single registration. attachDropHandlers()
+                    // itself is idempotent via the dataset guard and re-binds after DOM re-creation.
+                    if (!oInputContainer._easyFillDropDelegateAdded) {
+                        oInputContainer.addEventDelegate({ onAfterRendering: attachDropHandlers });
+                        oInputContainer._easyFillDropDelegateAdded = true;
+                    }
+                    // Attach immediately for the current render (dialog is already open)
+                    attachDropHandlers();
                 }
             };
         }
@@ -262,9 +415,10 @@ sap.ui.define([
                 oObjectPageContext, EasyFillFieldCollector, mCollectionState
             );
 
-            // Submit to AI
+            // Submit to AI — prefer imported file text over the textarea value
+            var sUserInput = sImportedFileText || oController.byId("EasyFillInputTextArea").getValue();
             var aiCallResult = await EasyFillAIOrchestrator.submitToAI(
-                oController.byId("EasyFillInputTextArea").getValue(),
+                sUserInput,
                 mFieldMapping,
                 oTemplateUtils
             );
@@ -517,7 +671,7 @@ sap.ui.define([
          * Resets the EasyFill dialog to its initial state.
          * Delegates to EasyFillApplyHandler.resetEasyFill with the current state references.
          *
-         * @param {boolean} [bRemoveTextAreaValue=false] - if true, also clears the text area input
+         * @param {boolean} [bRemoveTextAreaValue=false] - if true, also clears the text area input and resets all file import state (sImportedFileText, file model properties)
          */
         function _resetEasyFill(bRemoveTextAreaValue) {
             mLastFieldMapping = null;
@@ -539,6 +693,11 @@ sap.ui.define([
                     oTransientContextForEasyFill = null;
                 }
             );
+            // Clear file import state on Clear All / Cancel
+            if (bRemoveTextAreaValue) {
+                sImportedFileText = null;
+                EasyFillDialogController.resetFileState(oController);
+            }
         }
 
         /**

package/src/sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillTableRenderer.js

@@ -1,5 +1,6 @@
 sap.ui.define([
     "sap/ui/comp/smartfield/SmartField",
+    "sap/m/Button",
     "sap/m/GenericTag",
     "sap/m/MessageStrip",
     "sap/m/Text",
@@ -17,7 +18,7 @@ sap.ui.define([
     "sap/ui/core/CustomData",
     "sap/suite/ui/generic/template/genericUtilities/FeLogger",
     "sap/suite/ui/generic/template/lib/ai/EasyFill/EasyFillFieldCollector"
-], function(SmartField, GenericTag, MessageStrip, Text, Title, Table, Column, ColumnListItem, VBox, HBox, ScrollContainer, SegmentedButton, SegmentedButtonItem, ObjectPageSection, ObjectPageSubSection, CustomData, FeLogger, EasyFillFieldCollector) {
+], function(SmartField, Button, GenericTag, MessageStrip, Text, Title, Table, Column, ColumnListItem, VBox, HBox, ScrollContainer, SegmentedButton, SegmentedButtonItem, ObjectPageSection, ObjectPageSubSection, CustomData, FeLogger, EasyFillFieldCollector) {
     "use strict";
 
     var sClassName = "lib.ai.EasyFill.EasyFillTableRenderer";
@@ -165,7 +166,84 @@ sap.ui.define([
                 var oPreviousTable = that._createPreviewTable(aPropertyNames, oCollectionMeta.itemProperties, aPreviousRows);
                 oPreviousTable.setVisible(false);
 
-                var oNewTable = that._createEditableNewTable(aPropertyNames, oCollectionMeta.itemProperties, aPreviewRows, aNewRows, sCollectionName, mCollectionState, fnOnTableFieldChange);
+                var aItemMetaOut = [];
+                var oNewTable = that._createEditableNewTable(aPropertyNames, oCollectionMeta.itemProperties, aPreviewRows, aNewRows, sCollectionName, mCollectionState, fnOnTableFieldChange, aItemMetaOut);
+
+                // "Exclude Changes" button — disabled until at least 1 active (non-excluded) row is checked
+                var oExcludeButton = new Button({
+                    text: oRb.getText("EASY_FILL_EXCLUDE_ROW_BUTTON"),
+                    type: "Ghost",
+                    enabled: false
+                });
+
+                // Re-evaluate button enabled state whenever a checkbox changes
+                function refreshExcludeButtonState() {
+                    var bAnyActiveChecked = aItemMetaOut.some(function(oMeta) {
+                        if (!oMeta.item.isSelected()) { return false; }
+                        var oExcludedSet = oMeta.isNew
+                            ? oTableStagingState.mExcludedNewRows[sCollectionName]
+                            : oTableStagingState.mExcludedRows[sCollectionName];
+                        return !oExcludedSet || !oExcludedSet[oMeta.index];
+                    });
+                    oExcludeButton.setEnabled(bAnyActiveChecked);
+                }
+
+                // Re-apply excluded row visual state after re-render (e.g. Condensed ↔ OP mode switch).
+                // mExcludedRows/mExcludedNewRows survive the mode switch but new controls are created fresh.
+                aItemMetaOut.forEach(function(oMeta) {
+                    var mTarget = oMeta.isNew ? oTableStagingState.mExcludedNewRows : oTableStagingState.mExcludedRows;
+                    var oExcludedSet = mTarget && mTarget[sCollectionName];
+                    if (!oExcludedSet || !oExcludedSet[oMeta.index]) { return; }
+
+                    oMeta.item.addStyleClass("sapEasyFillExcludedRow");
+                    oMeta.item.getCells().forEach(function(oCell) {
+                        if (oCell.isA && oCell.isA("sap.ui.comp.smartfield.SmartField")) {
+                            oCell.setEditable(false);
+                            oCell.setEnabled(false);
+                        }
+                    });
+                });
+
+                var oActualTable = oNewTable.getContent && oNewTable.getContent()[0];
+                if (oActualTable) {
+                    oActualTable.attachSelectionChange(function(oEvent) {
+                        if (oEvent.getParameter("selectAll")) {
+                            aItemMetaOut.forEach(function(oMeta) {
+                                var oExcludedSet = oMeta.isNew
+                                    ? oTableStagingState.mExcludedNewRows[sCollectionName]
+                                    : oTableStagingState.mExcludedRows[sCollectionName];
+                                if (oExcludedSet && oExcludedSet[oMeta.index]) {
+                                    oMeta.item.setSelected(false);
+                                }
+                            });
+                        }
+                        refreshExcludeButtonState();
+                    });
+                }
+
+                oExcludeButton.attachPress(function() {
+                    aItemMetaOut.forEach(function(oMeta) {
+                        if (!oMeta.item.isSelected()) { return; }
+                        var mTarget = oMeta.isNew ? oTableStagingState.mExcludedNewRows : oTableStagingState.mExcludedRows;
+                        var oExcludedSet = mTarget[sCollectionName];
+                        if (oExcludedSet && oExcludedSet[oMeta.index]) { return; } // already excluded
+
+                        if (!mTarget[sCollectionName]) { mTarget[sCollectionName] = Object.create(null); }
+                        mTarget[sCollectionName][oMeta.index] = true;
+
+                        oMeta.item.addStyleClass("sapEasyFillExcludedRow");
+                        oMeta.item.getCells().forEach(function(oCell) {
+                            if (oCell.isA && oCell.isA("sap.ui.comp.smartfield.SmartField")) {
+                                oCell.setEditable(false);
+                                oCell.setEnabled(false);
+                            }
+                        });
+                        oMeta.item.setSelected(false);
+                    });
+
+                    oExcludeButton.setEnabled(false);
+                    if (typeof fnOnTableFieldChange === "function") { fnOnTableFieldChange(); }
+                });
 
                 var oReadonlyTag = bHasUneditableChanges ? new GenericTag({ text: oRb.getText("EASYFILL_TABLE_READONLY_TAG"), status: "Warning" }).addStyleClass("sapUiTinyMarginBegin") : null;
                 var sLabel = oCollectionMeta.description || sCollectionName;
@@ -181,14 +259,17 @@ sap.ui.define([
                         var sKey = oSegmentedButton.getSelectedKey();
                         oPreviousTable.setVisible(sKey === "previous");
                         oNewTable.setVisible(sKey === "new");
+                        oExcludeButton.setVisible(sKey === "new");
                         if (oReadonlyTag) { oReadonlyTag.setVisible(sKey === "new"); }
                         oTitleControl.setText(sLabel + " (" + (sKey === "previous" ? iExistingRowCount : iTotalCount) + ")");
                     }
                 });
 
+                var oLeftGroup  = new HBox({ alignItems: "Center", items: oReadonlyTag ? [oTitleControl, oReadonlyTag] : [oTitleControl] });
+                var oRightGroup = new HBox({ alignItems: "Center", items: [oExcludeButton, oSegmentedButton] });
                 var oHeader = new HBox({
                     justifyContent: "SpaceBetween", alignItems: "Center", wrap: "Wrap",
-                    items: [oTitleControl].concat(oReadonlyTag ? [oReadonlyTag, oSegmentedButton] : [oSegmentedButton])
+                    items: [oLeftGroup, oRightGroup]
                 }).addStyleClass("sapUiSmallMarginTop sapUiSmallMarginBottom");
 
                 var oTableVBox = new VBox({ items: [oHeader, oPreviousTable, oNewTable] })
@@ -484,9 +565,10 @@ sap.ui.define([
          * @param {string} sCollectionName - navigation property name (used to look up property metadata)
          * @param {object} mCollectionState - collection tracking state (used to get property metadata)
          * @param {function} fnOnTableFieldChange - callback when a cell value changes
+         * @param {Array} [aItemMetaOut] - optional collector: receives { item, isNew, index } per row
          * @returns {sap.m.ScrollContainer} ScrollContainer wrapping the table with horizontal scrolling enabled
          */
-        _createEditableNewTable: function(aPropertyNames, oItemProperties, aPreviewRows, aNewRowContexts, sCollectionName, mCollectionState, fnOnTableFieldChange) {
+        _createEditableNewTable: function(aPropertyNames, oItemProperties, aPreviewRows, aNewRowContexts, sCollectionName, mCollectionState, fnOnTableFieldChange, aItemMetaOut) {
             var aColumns = aPropertyNames.map(function(sPropName) {
                 return new Column({
                     header: new Text({
@@ -500,7 +582,7 @@ sap.ui.define([
             var that = this;
 
             // Rows for existing rows with AI-proposed updates
-            var aExistingItems = aPreviewRows.map(function(oPreviewRow) {
+            var aExistingItems = aPreviewRows.map(function(oPreviewRow, iIndex) {
                 var oContext = oPreviewRow.transientContext;
                 var oRowObject = oPreviewRow.realContext && oPreviewRow.realContext.getObject && oPreviewRow.realContext.getObject();
 
@@ -544,6 +626,11 @@ sap.ui.define([
                 if (oContext) {
                     oItem.setBindingContext(oContext);
                 }
+
+                if (Array.isArray(aItemMetaOut)) {
+                    aItemMetaOut.push({ item: oItem, isNew: false, index: iIndex });
+                }
+
                 return oItem;
             });
 
@@ -551,7 +638,7 @@ sap.ui.define([
             // sEntitySetName is set explicitly on SmartField so it can resolve OData metadata
             // even though it lives inside a plain sap.m.Table (not a SmartTable).
             var sEntitySetName = (oEntitySet && oEntitySet.name) || sCollectionName;
-            var aNewItems = (aNewRowContexts || []).map(function(oNewContext) {
+            var aNewItems = (aNewRowContexts || []).map(function(oNewContext, iIndex) {
                 var aCells = aPropertyNames.map(function(sPropName) {
                     if (!oNewContext) {
                         return new Text({ text: "" });
@@ -581,17 +668,24 @@ sap.ui.define([
                     });
                     return oSmartField;
                 });
+
                 var oItem = new ColumnListItem({
                     cells: aCells,
                     highlight: "Information"
                 });
                 oItem.setBindingContext(oNewContext);
+
+                if (Array.isArray(aItemMetaOut)) {
+                    aItemMetaOut.push({ item: oItem, isNew: true, index: iIndex });
+                }
+
                 return oItem;
             });
 
             var oTable = new Table({
                 columns: aColumns,
                 items: aExistingItems.concat(aNewItems),
+                mode: "MultiSelect",
                 fixedLayout: false,
                 autoPopinMode: false
             }).addStyleClass("sapSmartTemplatesObjectPageEasyFillTablePreview");
@@ -664,6 +758,12 @@ sap.ui.define([
             Object.keys((oTableStagingState && oTableStagingState.mPendingNewRowContexts) || {}).forEach(function(sCollectionName) {
                 delete oTableStagingState.mPendingNewRowContexts[sCollectionName];
             });
+            Object.keys((oTableStagingState && oTableStagingState.mExcludedRows) || {}).forEach(function(sCollectionName) {
+                delete oTableStagingState.mExcludedRows[sCollectionName];
+            });
+            Object.keys((oTableStagingState && oTableStagingState.mExcludedNewRows) || {}).forEach(function(sCollectionName) {
+                delete oTableStagingState.mExcludedNewRows[sCollectionName];
+            });
         },
 
         /**