@sap/ux-specification 1.71.49 → 1.71.52

package/dist/schemas/v2/AnalyticalListPageConfig.json

@@ -26,6 +26,9 @@
     "chart": {
       "$ref": "#/definitions/ChartSettings"
     },
+    "footer": {
+      "$ref": "#/definitions/GenericFooter"
+    },
     "keyPerformanceIndicators": {
       "description": "Key Performance Indicators",
       "isViewNode": true,
@@ -319,13 +322,13 @@
           "controlType": "sap.m.Button"
         },
         "icon": {
-          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font, represented as RFC 3986 conformant URI.",
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
         },
         "activeIcon": {
-          "description": "Alternative icon for the active (depressed) state of the button, represented as RFC 3986 conformant URI.",
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
@@ -360,6 +363,9 @@
           {
             "$ref": "#/definitions/TableColumn"
           },
+          {
+            "$ref": "#/definitions/TableColumnAction"
+          },
           {
             "description": "Custom Columns",
             "isViewNode": true,
@@ -410,6 +416,59 @@
       ],
       "type": "string"
     },
+    "TableColumnAction": {
+      "description": "Column Action",
+      "isViewNode": true,
+      "type": "object",
+      "properties": {
+        "tooltip": {
+          "description": "The text of the button tooltip, preferably as an i18n key.",
+          "i18nClassification": "ACT: Text for tooltip of button.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "icon": {
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "activeIcon": {
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "type": {
+          "$ref": "#/definitions/ButtonType",
+          "description": "Defines the Button type.",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "width": {
+          "description": "The width property defines the width of the column.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Column"
+        },
+        "hAlign": {
+          "pattern": "^(Begin|Center|End|Initial|Left|Right)$|^{[A-Za-z0-9{}&$!@#? _|,<>'()[\\]\\/:=.]+}$",
+          "anyOf": [
+            {
+              "$ref": "#/definitions/HAlign"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "description": "The hAlign property defines the horizontal alignment of the column content.",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Column"
+        }
+      },
+      "additionalProperties": false
+    },
     "TableCustomColumn": {
       "description": "Custom Column",
       "isViewNode": true,
@@ -763,10 +822,24 @@
           "type": "boolean",
           "artifactType": "FlexChange",
           "controlType": "sap.ui.comp.smartfilterbar.SmartFilterBar"
+        },
+        "selectionFields": {
+          "$ref": "#/definitions/SelectionFields"
         }
       },
       "additionalProperties": false
     },
+    "SelectionFields": {
+      "description": "Filter Fields",
+      "isViewNode": true,
+      "type": "object",
+      "additionalProperties": {
+        "description": "Filter Field",
+        "isViewNode": true,
+        "type": "object",
+        "properties": {}
+      }
+    },
     "ChartSettings": {
       "description": "Chart",
       "isViewNode": true,
@@ -834,6 +907,17 @@
       },
       "additionalProperties": false
     },
+    "GenericFooter": {
+      "description": "Footer",
+      "isViewNode": true,
+      "type": "object",
+      "properties": {
+        "actions": {
+          "$ref": "#/definitions/Actions"
+        }
+      },
+      "additionalProperties": false
+    },
     "KPISettings": {
       "description": "KPI Settings",
       "isViewNode": true,

package/dist/schemas/v2/ListReportConfig.json

@@ -24,7 +24,10 @@
       ]
     },
     "filterBar": {
-      "$ref": "#/definitions/FilterBar"
+      "$ref": "#/definitions/ListReportFilterBar"
+    },
+    "footer": {
+      "$ref": "#/definitions/GenericFooter"
     },
     "$schema": {
       "type": "string"
@@ -323,13 +326,13 @@
           "controlType": "sap.m.Button"
         },
         "icon": {
-          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font, represented as RFC 3986 conformant URI.",
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
         },
         "activeIcon": {
-          "description": "Alternative icon for the active (depressed) state of the button, represented as RFC 3986 conformant URI.",
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
@@ -364,6 +367,9 @@
           {
             "$ref": "#/definitions/TableColumn"
           },
+          {
+            "$ref": "#/definitions/TableColumnAction"
+          },
           {
             "description": "Custom Columns",
             "isViewNode": true,
@@ -414,6 +420,59 @@
       ],
       "type": "string"
     },
+    "TableColumnAction": {
+      "description": "Column Action",
+      "isViewNode": true,
+      "type": "object",
+      "properties": {
+        "tooltip": {
+          "description": "The text of the button tooltip, preferably as an i18n key.",
+          "i18nClassification": "ACT: Text for tooltip of button.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "icon": {
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "activeIcon": {
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "type": {
+          "$ref": "#/definitions/ButtonType",
+          "description": "Defines the Button type.",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "width": {
+          "description": "The width property defines the width of the column.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Column"
+        },
+        "hAlign": {
+          "pattern": "^(Begin|Center|End|Initial|Left|Right)$|^{[A-Za-z0-9{}&$!@#? _|,<>'()[\\]\\/:=.]+}$",
+          "anyOf": [
+            {
+              "$ref": "#/definitions/HAlign"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "description": "The hAlign property defines the horizontal alignment of the column content.",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Column"
+        }
+      },
+      "additionalProperties": false
+    },
     "TableCustomColumn": {
       "description": "Custom Column",
       "isViewNode": true,
@@ -812,7 +871,7 @@
       },
       "additionalProperties": false
     },
-    "FilterBar": {
+    "ListReportFilterBar": {
       "description": "Filter Bar",
       "isViewNode": true,
       "type": "object",
@@ -856,6 +915,31 @@
           "type": "boolean",
           "artifactType": "FlexChange",
           "controlType": "sap.ui.comp.smartfilterbar.SmartFilterBar"
+        },
+        "selectionFields": {
+          "$ref": "#/definitions/SelectionFields"
+        }
+      },
+      "additionalProperties": false
+    },
+    "SelectionFields": {
+      "description": "Filter Fields",
+      "isViewNode": true,
+      "type": "object",
+      "additionalProperties": {
+        "description": "Filter Field",
+        "isViewNode": true,
+        "type": "object",
+        "properties": {}
+      }
+    },
+    "GenericFooter": {
+      "description": "Footer",
+      "isViewNode": true,
+      "type": "object",
+      "properties": {
+        "actions": {
+          "$ref": "#/definitions/Actions"
         }
       },
       "additionalProperties": false

package/dist/schemas/v2/ObjectPageConfig.json

@@ -38,7 +38,7 @@
       ]
     },
     "footer": {
-      "$ref": "#/definitions/ObjectPageFooter<GenericFooterActions>"
+      "$ref": "#/definitions/ObjectPageFooter<ObjectPageFooterActions>"
     },
     "$schema": {
       "type": "string"
@@ -132,13 +132,13 @@
           "controlType": "sap.uxap.ObjectPageHeaderActionButton"
         },
         "icon": {
-          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font, represented as RFC 3986 conformant URI.",
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.uxap.ObjectPageHeaderActionButton"
         },
         "activeIcon": {
-          "description": "Alternative icon for the active (depressed) state of the button, represented as RFC 3986 conformant URI.",
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.uxap.ObjectPageHeaderActionButton"
@@ -329,13 +329,13 @@
           "controlType": "sap.m.Button"
         },
         "icon": {
-          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font, represented as RFC 3986 conformant URI.",
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
         },
         "activeIcon": {
-          "description": "Alternative icon for the active (depressed) state of the button, represented as RFC 3986 conformant URI.",
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
@@ -604,13 +604,13 @@
           "controlType": "sap.m.Button"
         },
         "icon": {
-          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font, represented as RFC 3986 conformant URI.",
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
         },
         "activeIcon": {
-          "description": "Alternative icon for the active (depressed) state of the button, represented as RFC 3986 conformant URI.",
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
@@ -631,6 +631,9 @@
           {
             "$ref": "#/definitions/TableColumn"
           },
+          {
+            "$ref": "#/definitions/TableColumnAction"
+          },
           {
             "description": "Custom Columns",
             "isViewNode": true,
@@ -681,6 +684,59 @@
       ],
       "type": "string"
     },
+    "TableColumnAction": {
+      "description": "Column Action",
+      "isViewNode": true,
+      "type": "object",
+      "properties": {
+        "tooltip": {
+          "description": "The text of the button tooltip, preferably as an i18n key.",
+          "i18nClassification": "ACT: Text for tooltip of button.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "icon": {
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "activeIcon": {
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "type": {
+          "$ref": "#/definitions/ButtonType",
+          "description": "Defines the Button type.",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
+        "width": {
+          "description": "The width property defines the width of the column.",
+          "type": "string",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Column"
+        },
+        "hAlign": {
+          "pattern": "^(Begin|Center|End|Initial|Left|Right)$|^{[A-Za-z0-9{}&$!@#? _|,<>'()[\\]\\/:=.]+}$",
+          "anyOf": [
+            {
+              "$ref": "#/definitions/HAlign"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "description": "The hAlign property defines the horizontal alignment of the column content.",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Column"
+        }
+      },
+      "additionalProperties": false
+    },
     "TableCustomColumn": {
       "description": "Custom Column",
       "isViewNode": true,
@@ -1142,28 +1198,47 @@
         "type"
       ]
     },
-    "ObjectPageFooter<GenericFooterActions>": {
+    "ObjectPageFooter<ObjectPageFooterActions>": {
       "description": "Footer",
       "isViewNode": true,
       "type": "object",
       "properties": {
         "actions": {
-          "$ref": "#/definitions/GenericFooterActions"
+          "$ref": "#/definitions/ObjectPageFooterActions"
         }
       },
       "additionalProperties": false
     },
-    "GenericFooterActions": {
+    "ObjectPageFooterActions": {
       "type": "object",
       "additionalProperties": {
-        "$ref": "#/definitions/FooterAction"
+        "$ref": "#/definitions/ObjectPageFooterAction"
       }
     },
-    "FooterAction": {
+    "ObjectPageFooterAction": {
       "description": "Footer Action",
       "isViewNode": true,
       "type": "object",
       "properties": {
+        "visible": {
+          "pattern": "^(false|true)$|^{[A-Za-z0-9{}&$!@#? _|,<>'()[\\]\\/:=.]+}$",
+          "anyOf": [
+            {
+              "enum": [
+                false,
+                true,
+                "{ui>/editable}",
+                "{= !${ui>/editable}}"
+              ]
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "description": "Whether the button should be visible on the screen.",
+          "artifactType": "FlexChange",
+          "controlType": "sap.m.Button"
+        },
         "tooltip": {
           "description": "The text of the button tooltip, preferably as an i18n key.",
           "i18nClassification": "ACT: Text for tooltip of button.",
@@ -1172,13 +1247,13 @@
           "controlType": "sap.m.Button"
         },
         "icon": {
-          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font, represented as RFC 3986 conformant URI.",
+          "description": "Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
         },
         "activeIcon": {
-          "description": "Alternative icon for the active (depressed) state of the button, represented as RFC 3986 conformant URI.",
+          "description": "Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI.",
           "type": "string",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
@@ -1188,25 +1263,6 @@
           "description": "Defines the Button type.",
           "artifactType": "FlexChange",
           "controlType": "sap.m.Button"
-        },
-        "visible": {
-          "pattern": "^(false|true)$|^{[A-Za-z0-9{}&$!@#? _|,<>'()[\\]\\/:=.]+}$",
-          "anyOf": [
-            {
-              "enum": [
-                false,
-                true,
-                "{ui>/editable}",
-                "{= !${ui>/editable}}"
-              ]
-            },
-            {
-              "type": "string"
-            }
-          ],
-          "description": "Whether the button should be visible on the screen.",
-          "artifactType": "FlexChange",
-          "controlType": "sap.m.Button"
         }
       },
       "additionalProperties": false

package/dist/scripts/runDocu.js

@@ -91,7 +91,7 @@ function split(elem) {
 }
 // function to create the elements used in the tooltip depending on given data
 const tooltipElements = function (d) {
-    const closeButton = '<div id="b2">' + closeIcon + '</div>', learnButton = '<div id="b1">Learn more</div>', name = '<div class="tip_prop">' + d.data.name + ' </div>', description = '<div class="tip_desc">' + d.data.description + '</div>', type = '<div class="tip_type">' + d.data.type + '</div>', enums = '<div class="tip_enums">' + d.data.type.replaceAll('|', ' | ') + '</div>', controlType = '<div class="tip_control">' + d.data.control + '</div>';
+    const closeButton = '<div id="b1">' + closeIcon + '</div>', name = '<div class="tip_prop">' + d.data.name + ' </div>', description = '<div class="tip_desc">' + d.data.description + '</div>', type = '<div class="tip_type">' + d.data.type + '</div>', enums = '<div class="tip_enums">' + d.data.type.replaceAll('|', ' | ') + '</div>', controlType = '<div class="tip_control">' + d.data.control + '</div>';
     let elements = closeButton;
     elements += name;
     // checks which data exist
@@ -112,7 +112,6 @@ const tooltipElements = function (d) {
         elements += controlType;
     if (d.data.type)
         elements += '</div>';
-    elements += learnButton;
     return elements;
 };
 // function for collapsing nodes
@@ -186,6 +185,8 @@ function centerNode(source, ratio) {
 function resize() {
     innerWidth = jquery_1.default(window).width();
     innerHeight = jquery_1.default(window).height();
+    svg.attr('width', innerWidth);
+    svg.attr('height', innerHeight);
     centerNode(root, 5);
 }
 // function to draw the links between the nodes
@@ -240,17 +241,39 @@ function clickTitle(event, d) {
             .style('display', 'flex');
         tooltipDiv.html(tooltipElements(d));
         d3.select('#b1').on('click', function () {
-            window.location.href = 'https://sapui5.hana.ondemand.com/#/topic/03265b0408e2432c9571d6b3feb6b1fd';
-        });
-        d3.select('#b2').on('click', function () {
             removeTooltip();
         });
     }
     else if (!d.data.type) {
         removeTooltip();
     }
-    // recover the mouse position to control position of tooltip
-    tooltipDiv.style('left', event.pageX + 20 + 'px').style('top', event.pageY + 20 + 'px');
+    // get dimensions of svg container to position tooltip
+    const out_width = svg.node().getBoundingClientRect().width - 420;
+    const out_height = svg.node().getBoundingClientRect().height - 220;
+    if (event.pageX > out_width && event.pageY > out_height) {
+        tooltipDiv
+            .style('top', event.pageY - 20 + 'px')
+            .style('left', event.pageX - 20 + 'px')
+            .style('transform', 'translate(-100%, -100%)');
+    }
+    else if (event.pageX > out_width && !(event.pageY > out_height)) {
+        tooltipDiv
+            .style('top', event.pageY + 20 + 'px')
+            .style('left', event.pageX - 20 + 'px')
+            .style('transform', 'translate(-100%, 0)');
+    }
+    else if (!(event.pageX > out_width) && event.pageY > out_height) {
+        tooltipDiv
+            .style('top', event.pageY - 20 + 'px')
+            .style('left', event.pageX + 20 + 'px')
+            .style('transform', 'translate(0, -100%)');
+    }
+    else {
+        tooltipDiv
+            .style('top', event.pageY + 20 + 'px')
+            .style('left', event.pageX + 20 + 'px')
+            .style('transform', 'translate(0, 0)');
+    }
 }
 // function to draw the tree
 function update(source) {