@sapui5/sap.ushell 1.141.2 → 1.142.0

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageRow.js

@@ -1,277 +0,0 @@
-// Copyright (c) 2009-2025 SAP SE, All Rights Reserved
-
-sap.ui.define([
-    "sap/ui/core/Control",
-    "sap/ushell/components/workPageBuilder/controls/WorkPageButton",
-    "sap/ushell/ui/launchpad/ExtendedChangeDetection",
-    "sap/ushell/components/workPageBuilder/controls/WorkPageRowRenderer"
-], (
-    Control,
-    WorkPageButton,
-    ExtendedChangeDetection,
-    Renderer
-) => {
-    "use strict";
-
-    /**
-     * Constructor for a new WorkPageRow.
-     *
-     * @param {string} [sId] ID for the new control, generated automatically if no ID is given
-     * @param {object} [mSettings] Initial settings for the new control
-     *
-     * @class
-     * The WorkPageRow represents a title and a collection of WorkPageColumns.
-     * In edit mode, there are "Add Row" buttons rendered, additionally.
-     * @extends sap.ui.core.Control
-     *
-     *
-     * @version 1.141.2
-     *
-     * @private
-     * @experimental
-     * @alias sap.ushell.components.workPageBuilder.controls.WorkPageRow
-     */
-    const WorkPageRow = Control.extend("sap.ushell.components.workPageBuilder.controls.WorkPageRow", /** @lends sap.ushell.components.workPageBuilder.controls.WorkPageRow.prototype */ {
-        metadata: {
-            library: "sap.ushell",
-            properties: {
-                /**
-                 * Indicating if the WorkPageRow should render itself in edit mode.
-                 */
-                editMode: { type: "boolean", group: "Misc", defaultValue: false, bindable: true },
-                /**
-                 * The tooltip text to display for the "Add Row" button
-                 */
-                addRowButtonTooltip: { type: "string", group: "Misc", defaultValue: "", bindable: true },
-                /**
-                 * The maximum amount of allowed columns
-                 */
-                maxColumns: { type: "int", group: "Misc", defaultValue: 4, bindable: true },
-                /**
-                 * The minimum pixel value of a column to accommodate 1 wide tile
-                 */
-                columnMinFlex: { type: "int", group: "Misc", defaultValue: 4, bindable: true },
-                /**
-                 * Aria label for screen reader support. Will be rendered into the HTML element.
-                 **/
-                ariaLabel: { type: "string", group: "Misc", defaultValue: "", bindable: true }
-            },
-            defaultAggregation: "columns",
-            aggregations: {
-                /**
-                 * A set of WorkPage Columns which are rendered horizontally in the WorkPageRow.
-                 */
-                columns: { type: "sap.ushell.components.workPageBuilder.controls.WorkPageColumn", multiple: true, singularName: "column" },
-                /**
-                 * The header toolbar that displays the title
-                 */
-                headerBar: { type: "sap.m.IBar", multiple: false },
-                /**
-                 * The buttons for row editing, such as delete or config
-                 */
-                controlButtons: { type: "sap.m.Button", multiple: true, singularName: "controlButton" },
-                /**
-                 * The title of the row shown in display mode.
-                 */
-                title: { type: "sap.m.Title", multiple: false },
-                /**
-                 * A message strip to show above all columns in the row.
-                 */
-                messageStrip: { type: "sap.m.MessageStrip", multiple: false },
-                /**
-                 * Private aggregation to store the "Add Row" button.
-                 * @private
-                 */
-                _addButtonBottom: {
-                    type: "sap.ushell.components.workPageBuilder.controls.WorkPageButton",
-                    multiple: false,
-                    visibility: "hidden"
-                },
-                /**
-                 * Private aggregation to store the "Add Row" button.
-                 * @private
-                 */
-                _addButtonTop: {
-                    type: "sap.ushell.components.workPageBuilder.controls.WorkPageButton",
-                    multiple: false,
-                    visibility: "hidden"
-                }
-            },
-            events: {
-                /**
-                 * Fired if an "Add Row" button was pressed.
-                 */
-                addRow: {
-                    parameters: {
-                        /**
-                         * Indicates if the new WorkPageRow should be added after or before the current one.
-                         */
-                        bottom: { type: "boolean" }
-                    }
-                }
-            }
-        },
-        renderer: Renderer
-    });
-
-    /**
-     * Initializes the control.
-     * Extended Change Detection for the columns aggregation
-     */
-    WorkPageRow.prototype.init = function () {
-        this._oColumnsChangeDetection = new ExtendedChangeDetection("columns", this);
-        Control.prototype.init.apply(this, arguments);
-    };
-
-    /**
-     * Called if the control is destroyed.
-     * Detaches the listeners
-     */
-    WorkPageRow.prototype.exit = function () {
-        this._oColumnsChangeDetection.destroy();
-        Control.prototype.exit.apply(this, arguments);
-    };
-
-    /**
-     * Returns the width of one single column in the row.
-     * There are max. 24 columns.
-     *
-     * @returns {int} The value.
-     */
-    WorkPageRow.prototype.getSingleColumnWidth = function () {
-        const oDomRef = this.getDomRef();
-        if (!oDomRef) { return 1; }
-
-        const oInnerDomRef = oDomRef.querySelector(".workPageRowInner");
-        if (!oInnerDomRef) { return 1; }
-
-        return oInnerDomRef.offsetWidth / 24;
-    };
-
-    /**
-     * Called when the control or any child element of the control gains focus.
-     * Adds focused class to control.
-     */
-    WorkPageRow.prototype.onfocusin = function () {
-        if (!this.hasStyleClass("workPageRowFocused")) {
-            this.addStyleClass("workPageRowFocused");
-        }
-    };
-
-    /**
-     * Called when focus leaves the control and any child element of the control.
-     * Removes focused class from control.
-     */
-    WorkPageRow.prototype.onfocusout = function () {
-        if (this.hasStyleClass("workPageRowFocused")) {
-            this.removeStyleClass("workPageRowFocused");
-        }
-    };
-
-    /**
-     * Creates a new "Add Row" button at the given position.
-     * @param {string} sPosition The position of the button ("top"|"bottom").
-     * @returns {sap.ushell.components.workPageBuilder.controls.WorkPageButton} The WorkPageButton control.
-     * @private
-     */
-    WorkPageRow.prototype._createAddButton = function (sPosition) {
-        const sClass = sPosition === "bottom" ? "workPageRowButtonBottom" : "workPageRowButtonTop";
-
-        return new WorkPageButton(`${this.getId()}-addRowButton-${sPosition}`, {
-            icon: "sap-icon://add",
-            tooltip: this.getAddRowButtonTooltip(),
-            press: function () {
-                this.fireEvent("addRow", {
-                    bottom: sPosition === "bottom"
-                });
-            }.bind(this)
-        }).addStyleClass(`workPageRowButton ${sClass}`);
-    };
-
-    /**
-     * Checks if the "Add Row" button for the given position already exists in the aggregation. If not, a new
-     * button is created and stored.
-     *
-     * @param {string} sPosition The button position.
-     * @returns {sap.ushell.components.workPageBuilder.controls.WorkPageButton} The WorkPageButton control.
-     */
-    WorkPageRow.prototype.getAddButton = function (sPosition) {
-        if (sPosition === "bottom") {
-            if (!this.getAggregation("_addButtonBottom")) {
-                this.setAggregation("_addButtonBottom", this._createAddButton(sPosition));
-            }
-            return this.getAggregation("_addButtonBottom");
-        } else if (!this.getAggregation("_addButtonTop")) {
-            this.setAggregation("_addButtonTop", this._createAddButton(sPosition));
-        }
-        return this.getAggregation("_addButtonTop");
-    };
-
-    /**
-     * Returns the index of the current row in the WorkPage
-     *
-     * @returns {int} The index.
-     */
-    WorkPageRow.prototype.getIndex = function () {
-        return this.getParent().indexOfAggregation("rows", this);
-    };
-
-    /**
-     * Returns an array containing the column flex values.
-     * The array length is equal to the number of columns.
-     *
-     * @returns {int[]} The array.
-     */
-    WorkPageRow.prototype.getColumnFlexValues = function () {
-        return this.getColumns().map((oColumn) => oColumn.getColumnWidth());
-    };
-
-    /**
-     * Returns a string concatenating the column flex values.
-     * e.g. 12-8-8-4 for 4 columns
-     *
-     * @returns {string} The concatenated string.
-     * @since 1.118.0
-     */
-    WorkPageRow.prototype.getGridLayoutString = function () {
-        const aColumnWidths = this.getColumnFlexValues();
-        return `${aColumnWidths.join("-")}`;
-    };
-
-    /**
-     * Sets the data attribute on the inner dom ref of the WorkPageRow by concatenating the numbers given in aColumnFlexValues.
-     *
-     * @param {int[]} aColumnFlexValues An array of integers.
-     * @since 1.118.0
-     */
-    WorkPageRow.prototype.setGridLayoutString = function (aColumnFlexValues) {
-        const oDomRef = this.getDomRef();
-
-        if (!oDomRef) { return; }
-
-        const oInnerDomRef = oDomRef.querySelector(".workPageRowInner");
-
-        if (!oInnerDomRef) { return; }
-
-        oInnerDomRef.dataset.wpGridLayout = `${aColumnFlexValues.join("-")}`;
-    };
-
-    /**
-     * In edit mode: Returns the amount of WorkPageColumns in the WorkPageRow
-     * In display mode: Returns the amount of WorkPageColumns in the WorkPageRow, capped to the defined maximum amount of WorkPageColumns.
-     *
-     * @returns {int} The amount.
-     */
-    WorkPageRow.prototype.getCappedColumnCount = function () {
-        const iColumnCount = this.getColumns().length;
-        const iMaxColumns = this.getMaxColumns();
-
-        if (this.getEditMode()) {
-            return iColumnCount;
-        }
-
-        return iColumnCount > iMaxColumns ? iMaxColumns : iColumnCount;
-    };
-
-    return WorkPageRow;
-});

package/src/main/js/sap/ushell/components/workPageBuilder/controls/WorkPageRowRenderer.js

@@ -1,96 +0,0 @@
-// Copyright (c) 2009-2025 SAP SE, All Rights Reserved
-
-sap.ui.define(() => {
-    "use strict";
-
-    /**
-     * WorkPageRow renderer.
-     * @namespace
-     * @static
-     *
-     * @private
-     */
-    const WorkPageRowRenderer = {
-        apiVersion: 2,
-        /**
-         * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
-         *
-         * @param {sap.ui.core.RenderManager} rm the RenderManager that can be used for writing to the render output buffer
-         * @param {sap.ushell.components.workPageBuilder.controls.WorkPageRow} workPageRow an object representation of the control that should be rendered
-         */
-        render: function (rm, workPageRow) {
-            // Return immediately if control is invisible
-            if (!workPageRow.getVisible()) {
-                return;
-            }
-            const iIndex = workPageRow.getIndex();
-            const aColumns = workPageRow.getColumns();
-            const iMaxColumns = workPageRow.getCappedColumnCount();
-
-            rm.openStart("div", workPageRow);
-            rm.attr("role", "region");
-
-            const oRowTitle = workPageRow.getTitle();
-
-            rm.attr("aria-label", workPageRow.getAriaLabel());
-
-            rm.class("workPageRow");
-
-            if (iIndex === 0) {
-                rm.class("workPageRowFirst");
-            }
-
-            rm.openEnd(); // div - tag
-
-            rm.openStart("div");
-            rm.class("workPageRowLimiter");
-            rm.openEnd(); // div - tag
-
-            if (workPageRow.getEditMode()) {
-                const aControlButtons = workPageRow.getControlButtons();
-
-                if (aControlButtons.length > 0) {
-                    rm.openStart("div");
-                    rm.class("workPageRowControlButtons");
-                    rm.openEnd(); // div - tag
-
-                    for (let j = 0; j < aControlButtons.length; j++) {
-                        rm.renderControl(aControlButtons[j]);
-                    }
-
-                    rm.close("div");
-                }
-            }
-
-            if (workPageRow.getEditMode()) {
-                rm.renderControl(workPageRow.getHeaderBar());
-            } else {
-                rm.renderControl(oRowTitle);
-            }
-
-            if (workPageRow.getMessageStrip()) {
-                rm.renderControl(workPageRow.getMessageStrip());
-            }
-
-            rm.openStart("div");
-            rm.class("workPageRowInner");
-            rm.attr("data-wp-grid-layout", workPageRow.getGridLayoutString());
-            rm.attr("data-wp-col-min-flex", workPageRow.getColumnMinFlex());
-            rm.attr("data-wp-cols", iMaxColumns);
-            rm.openEnd(); // div - tag
-
-            for (let i = 0; i < iMaxColumns; i++) {
-                rm.renderControl(aColumns[i]);
-            }
-            if (workPageRow.getEditMode()) {
-                rm.renderControl(workPageRow.getAddButton("top"));
-                rm.renderControl(workPageRow.getAddButton("bottom"));
-            }
-            rm.close("div");
-            rm.close("div");
-            rm.close("div");
-        }
-    };
-
-    return WorkPageRowRenderer;
-}, /* bExport= */ true);

package/src/main/js/sap/ushell/components/workPageBuilder/manifest.json

@@ -1,59 +0,0 @@
-{
-    "_version": "1.39.0",
-    "sap.app": {
-        "id": "sap.ushell.components.workPageBuilder",
-        "applicationVersion": {
-            "version": "1.141.2"
-        },
-        "i18n": "../../utils/workpage/resources/resources.properties",
-        "ach": "CA-FLP-FE-UI",
-        "type": "component",
-        "title": ""
-    },
-    "sap.ui": {
-        "fullWidth": false,
-        "technology": "UI5",
-        "deviceTypes": {
-            "desktop": true,
-            "tablet": true,
-            "phone": true
-        }
-    },
-    "sap.ui5": {
-        "models": {
-            "i18n": {
-                "type": "sap.ui.model.resource.ResourceModel",
-                "uri": "resources/resources.properties"
-            }
-        },
-        "componentName": "sap.ushell.components.workPageBuilder",
-        "componentUsages": {
-            "ContentFinder": {
-                "settings": {
-                    "id": "contentFinder",
-                    "noItemsInCatalogDescription": "{{ContentFinder.AppSearch.IllustratedMessage.NoItems.InCatalog.Description}}"
-                },
-                "name": "sap.ushell.components.contentFinder.dialog",
-                "lazy": true
-            }
-        },
-        "rootView": {
-            "viewName": "sap.ushell.components.workPageBuilder.view.WorkPageBuilder",
-            "type": "XML",
-            "id": "workPageBuilder",
-            "async": true
-        },
-        "dependencies": {
-            "minUI5Version": "1.99",
-            "libs": {
-                "sap.ui.core": {},
-                "sap.m": {},
-                "sap.f": {}
-            }
-        },
-        "contentDensities": {
-            "compact": true,
-            "cozy": true
-        }
-    }
-}

package/src/main/js/sap/ushell/components/workPageBuilder/resources/resources.properties

@@ -1,177 +0,0 @@
-# Translatable texts for the Fiori Launchpad
-# __ldi.translation.uuid=bc59a778-900a-11ec-b909-0242ac120002
-
-#XTIT
-WorkPage.EmptyPage.Title=Empty Page
-#XMSG
-WorkPage.EmptyPage.Message=This page does not contain any sections yet.
-#XBUT
-WorkPage.EmptyPage.Button.Add=Add Section
-
-#XBUT
-WorkPage.EditMode.Save=Save
-#XBUT
-WorkPage.EditMode.Cancel=Cancel
-#XMSG
-WorkPage.Message.WidgetMoved=Widget moved
-
-# WorkPage Row Overflow toolbar
-
-#XFLD
-WorkPage.Row.OverflowToolbar.RowTitleLabel=Section Title
-#XTXT
-WorkPage.Row.OverflowToolbar.RowTitleOptional=Enter an optional section title
-#XBUT
-WorkPage.Row.OverflowToolbar.DeleteRowButtonText=Remove Section
-#XTOL
-WorkPage.Row.OverflowToolbar.DeleteRowButtonTooltip=Delete section
-#XTIT
-WorkPage.Row.DeleteDialog.Title=Delete
-#XMSG
-WorkPage.Row.DeleteDialog.ConfirmText=Do you want to delete this section and all its content?
-#XBUT
-WorkPage.Row.DeleteDialog.Button.Confirm=Delete
-#XBUT
-WorkPage.Row.DeleteDialog.Button.Cancel=Cancel
-#XTOL
-WorkPage.Row.AddRowButtonTooltip=Add section
-#XMSG
-WorkPage.Row.MessageStrip.DeprecatedColumnCount=In runtime, only the first four columns will be visible. Please reduce the number of columns to four.
-#XACT
-WorkPage.Row.AriaLabel=WorkPage Sections
-#XMSG: If the Section Title is empty this text should be read instead of the section title. "{0}" is the position of the section on the page.
-WorkPage.Row.Unnamed.AriaLabel=Unnamed section at position {0}
-#XMSG: "{0}" is the Section Title, this is read when a user navigates to the section and should describe the UI type as well as the title.
-WorkPage.Row.Named.AriaLabel={0} Section
-
-# WorkPage Column
-
-#XACT: Accessibility label for the column info
-WorkPage.Column.AriaLabel=Column {0} of {1}
-#XBUT
-WorkPage.Column.AddWidgetButtonText=Add Widget
-#XTOL
-WorkPage.Column.DeleteColumnButtonTooltip=Remove column
-#XTOL
-WorkPage.Column.AddColumnButtonTooltip=Add column
-#XTIT
-WorkPage.Column.EmptyIllustrationTitle=Search for Apps
-#XMSG
-WorkPage.Column.EmptyIllustrationDescription=Add apps to the widget, or remove the widget if you don't need it.
-
-# WorkPage Cell
-
-#XTOL
-WorkPage.Cell.HeaderBar.AddTilesTooltip=Add app
-#XTOL
-WorkPage.Cell.HeaderBar.DeleteWidgetTooltip=Delete widget
-#XTIT
-WorkPage.Cell.EmptyIllustrationTitle=Search for Apps
-#XMSG
-WorkPage.Cell.EmptyIllustrationDescription=Add apps to the widget, or remove the widget if you don't need it.
-#XTIT
-WorkPage.Cell.DeleteDialog.Title=Delete
-#XMSG
-WorkPage.Cell.DeleteDialog.ConfirmText=Are you sure you want to delete this widget? All apps inside will also be removed from the page.
-#XBUT
-WorkPage.Cell.DeleteDialog.Button.Confirm=Delete
-#XBUT
-WorkPage.Cell.DeleteDialog.Button.Cancel=Cancel
-
-# WorkPage WidgetContainer
-
-#XTOL
-WorkPage.WidgetContainer.OpenWidgetSettingsButtonTooltip=Open widget settings
-#XTOL
-WorkPage.WidgetContainer.DeleteWidgetButtonTooltip=Delete widget
-
-# WorkPage Section
-
-#XBUT
-WorkPage.Section.AddVizInstanceButtonText=Add Tiles
-
-# ContentFinder Add Widgets Dialog
-
-#XTIT
-ContentFinder.Categories.Applications.Title=Applications
-#XBUT
-ContentFinder.Widgets.Tiles.Title=Tiles
-#XTXT
-ContentFinder.Widgets.Tiles.Description=Visual representations of apps.
-#XBUT
-ContentFinder.Widgets.Cards.Title=Cards
-#XTXT
-ContentFinder.Widgets.Cards.Description=Visual representations of apps, displayed in flexible layouts.
-#XTXT
-ContentFinder.AppSearch.IllustratedMessage.NoItems.InCatalog.Description=You can add apps to this catalog in the Content Manager.
-#XBUT
-ContentFinder.AppSearch.VisualizationsFilter.Tiles=Tiles
-#XBUT
-ContentFinder.AppSearch.VisualizationsFilter.Cards=Cards
-
-# ContentFinder Category Tree Root Node Titles
-
-#XTIT
-ContentFinder.CategoryTree.Category.AllTiles=All Tiles
-#XTIT
-ContentFinder.CategoryTree.Category.Catalogs=Catalogs
-
-# CardEditor
-
-#XBUT
-WorkPage.CardEditor.Save=Save
-#XBUT
-WorkPage.CardEditor.Cancel=Cancel
-#XTIT: "{0}" is the card title
-WorkPage.CardEditor.Title=Configure "{0}"
-#XTIT: If no card title is available, use this one here
-WorkPage.CardEditor.Title.NoCardTitle=Configure
-#XBUT
-WorkPage.Card.ActionDefinition.Configure=Configure
-#XBUT
-WorkPage.Card.ActionDefinition.Reset=Delete Configuration
-
-# CardEditor Context Configuration
-
-#XFLD
-WorkPage.Host.Context.WorkZone.Label=SAP Build Work Zone
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.Label=Current User
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.Id.Label=Id of the SAP Build Work Zone user
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.Id.Placeholder=SAP Build Work Zone user id
-#YTXT
-WorkPage.Host.Context.WorkZone.CurrentUser.Id.Desc=Id of the current user. The value will change based on the logged on user. To show the users name, use Name of the SAP Build Work Zone user.
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.Name.Label=Name of the SAP Build Work Zone user
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.Name.Placeholder=SAP Build Work Zone user name
-#YTXT
-WorkPage.Host.Context.WorkZone.CurrentUser.Name.Desc=Name of the current user with first, middle and last name. The middle name will be abbreviated. The value will change based on the logged on user.
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.FirstName.Label=Firstname of the SAP Build Work Zone user
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.FirstName.Placeholder=SAP Build Work Zone user firstname
-#YTXT
-WorkPage.Host.Context.WorkZone.CurrentUser.FirstName.Desc=Firstname of the current user. The value will change based on the logged on user.
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.LastName.Label=Lastname of the SAP Build Work Zone user
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.LastName.Placeholder=SAP Build Work Zone user lastname
-#YTXT
-WorkPage.Host.Context.WorkZone.CurrentUser.LastName.Desc=Lastname of the current user. The value will change based on the logged on user.
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.Email.Label=Email address of current SAP Build Work Zone user
-#XFLD
-WorkPage.Host.Context.WorkZone.CurrentUser.Email.Placeholder=SAP Build Work Zone user email
-#YTXT
-WorkPage.Host.Context.WorkZone.CurrentUser.Email.Desc=Email address of current SAP Build Work Zone user. The value will change based on the logged on user.
-#XTIT: The title of the delete configuration dialog
-WorkPage.CardEditor.DeleteConfigurationDialog.Title=Delete Configuration
-#YTXT: The content text of the delete configuration dialog
-WorkPage.CardEditor.DeleteConfigurationDialog.Content=This card has individual configurations. Do you want to delete them irrevocably and reset the card to its default settings?
-#XBTN: The accept button of the delete configuration dialog
-WorkPage.CardEditor.DeleteConfigurationDialog.Accept=Delete
-#XBTN: The deny button of the delete configuration dialog
-WorkPage.CardEditor.DeleteConfigurationDialog.Deny=Cancel