@ui5/webcomponents 2.22.0-rc.4 → 2.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/MenuItemTemplate.d.ts +5 -1
- package/dist/MenuItemTemplate.js +8 -3
- package/dist/MenuItemTemplate.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +9 -9
- package/src/MenuItemTemplate.tsx +21 -10
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
|
|
1
2
|
import type MenuItem from "./MenuItem.js";
|
|
2
3
|
import type { ListItemHooks } from "./ListItemTemplate.js";
|
|
3
|
-
export
|
|
4
|
+
export type MenuItemHooks = ListItemHooks & {
|
|
5
|
+
menuItemTextContent: JsxTemplate;
|
|
6
|
+
};
|
|
7
|
+
export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<MenuItemHooks>): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;
|
package/dist/MenuItemTemplate.js
CHANGED
|
@@ -10,15 +10,20 @@ import slimArrowRight from "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
|
|
|
10
10
|
import Icon from "./Icon.js";
|
|
11
11
|
import ListItemTemplate from "./ListItemTemplate.js";
|
|
12
12
|
const predefinedHooks = {
|
|
13
|
-
listItemContent,
|
|
14
13
|
iconBegin,
|
|
14
|
+
menuItemTextContent,
|
|
15
15
|
};
|
|
16
16
|
export default function MenuItemTemplate(hooks) {
|
|
17
17
|
const currentHooks = { ...predefinedHooks, ...hooks };
|
|
18
|
+
if (!hooks?.listItemContent) {
|
|
19
|
+
currentHooks.listItemContent = function listItemContent() {
|
|
20
|
+
return (_jsxs(_Fragment, { children: [currentHooks.menuItemTextContent.call(this), rightContent.call(this), checkmarkContent.call(this)] }));
|
|
21
|
+
};
|
|
22
|
+
}
|
|
18
23
|
return _jsxs(_Fragment, { children: [ListItemTemplate.call(this, currentHooks), listItemPostContent.call(this)] });
|
|
19
24
|
}
|
|
20
|
-
function
|
|
21
|
-
return (
|
|
25
|
+
function menuItemTextContent() {
|
|
26
|
+
return _jsx(_Fragment, { children: this.text && _jsx("div", { class: "ui5-menu-item-text", children: this.text }) });
|
|
22
27
|
}
|
|
23
28
|
function checkmarkContent() {
|
|
24
29
|
return !this._markChecked ? "" : (_jsx("div", { class: "ui5-menu-item-checked", children: _jsx(Icon, { name: checkIcon, class: "ui5-menu-item-icon-checked" }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemTemplate.js","sourceRoot":"","sources":["../src/MenuItemTemplate.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"MenuItemTemplate.js","sourceRoot":"","sources":["../src/MenuItemTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JsxTemplate } from \"@ui5/webcomponents-base/dist/index.js\";\nimport type MenuItem from \"./MenuItem.js\";\nimport PopoverPlacement from \"./types/PopoverPlacement.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport Button from \"./Button.js\";\nimport List from \"./List.js\";\nimport BusyIndicator from \"./BusyIndicator.js\";\nimport navBackIcon from \"@ui5/webcomponents-icons/dist/nav-back.js\";\nimport checkIcon from \"@ui5/webcomponents-icons/dist/accept.js\";\nimport slimArrowRight from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport Icon from \"./Icon.js\";\nimport ListItemTemplate from \"./ListItemTemplate.js\";\nimport type { ListItemHooks } from \"./ListItemTemplate.js\";\n\nexport type MenuItemHooks = ListItemHooks & {\n\tmenuItemTextContent: JsxTemplate;\n}\n\nconst predefinedHooks: Partial<MenuItemHooks> = {\n\ticonBegin,\n\tmenuItemTextContent,\n};\n\nexport default function MenuItemTemplate(this: MenuItem, hooks?: Partial<MenuItemHooks>) {\n\tconst currentHooks = { ...predefinedHooks, ...hooks };\n\n\tif (!hooks?.listItemContent) {\n\t\tcurrentHooks.listItemContent = function listItemContent(this: MenuItem) {\n\t\t\treturn (<>\n\t\t\t\t{currentHooks.menuItemTextContent!.call(this)}\n\n\t\t\t\t{rightContent.call(this)}\n\t\t\t\t{checkmarkContent.call(this)}\n\t\t\t</>);\n\t\t};\n\t}\n\n\treturn <>\n\t\t{ListItemTemplate.call(this, currentHooks)}\n\n\t\t{listItemPostContent.call(this)}\n\t</>;\n}\n\nfunction menuItemTextContent(this: MenuItem) {\n\treturn <>{this.text && <div class=\"ui5-menu-item-text\">{this.text}</div>}</>;\n}\n\nfunction checkmarkContent(this: MenuItem) {\n\treturn !this._markChecked ? \"\" : (\n\t\t<div class=\"ui5-menu-item-checked\">\n\t\t\t<Icon\n\t\t\t\tname={checkIcon}\n\t\t\t\tclass=\"ui5-menu-item-icon-checked\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction rightContent(this: MenuItem) {\n\tswitch (true) {\n\tcase this.hasSubmenu:\n\t\treturn (\n\t\t\t<div class=\"ui5-menu-item-submenu-icon\" >\n\t\t\t\t<Icon\n\t\t\t\t\tpart=\"subicon\"\n\t\t\t\t\tname={slimArrowRight}\n\t\t\t\t\tclass=\"ui5-menu-item-icon-end\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\tcase this.hasEndContent:\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass=\"ui5-menu-item-end-content\"\n\t\t\t\trole=\"group\"\n\t\t\t\taria-label={this.endContentAccessibleName}\n\t\t\t>\n\t\t\t\t<slot name=\"endContent\" onKeyDown={this._endContentKeyDown}></slot>\n\t\t\t</div>\n\t\t);\n\tcase !!this.additionalText:\n\t\treturn (\n\t\t\t<span\n\t\t\t\tpart=\"additional-text\"\n\t\t\t\tclass=\"ui5-li-additional-text\"\n\t\t\t\taria-hidden={this._accInfo.ariaHidden}\n\t\t\t>\n\t\t\t\t{this.additionalText}\n\t\t\t</span>\n\t\t);\n\t}\n}\n\nfunction iconBegin(this: MenuItem) {\n\tif (this.hasIcon) {\n\t\treturn <Icon class=\"ui5-li-icon\" name={this.icon} />;\n\t}\n\n\tif (this._siblingsWithIcon) {\n\t\treturn <div class=\"ui5-menu-item-dummy-icon\"></div>;\n\t}\n}\n\nfunction listItemPostContent(this: MenuItem) {\n\treturn this.hasSubmenu && <ResponsivePopover\n\t\tid={`${this._id}-menu-rp`}\n\t\tclass=\"ui5-menu-rp ui5-menu-rp-sub-menu\"\n\t\tpreventInitialFocus={true}\n\t\tpreventFocusRestore={true}\n\t\thideArrow={true}\n\t\tallowTargetOverlap={true}\n\t\tplacement={PopoverPlacement.End}\n\t\tverticalAlign=\"Top\"\n\t\taccessibleName={this.accessibleNameText}\n\t\tonBeforeOpen={this._beforePopoverOpen}\n\t\tonOpen={this._afterPopoverOpen}\n\t\tonBeforeClose={this._beforePopoverClose}\n\t\tonClose={this._afterPopoverClose}\n\t>\n\t\t{\n\t\t\tthis.isPhone && (\n\t\t\t\t<>\n\t\t\t\t\t<div slot=\"header\" class=\"ui5-menu-dialog-header\" >\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={navBackIcon}\n\t\t\t\t\t\t\tclass=\"ui5-menu-back-button\"\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\taria-label={this.labelBack}\n\t\t\t\t\t\t\tonClick={this._close}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div class=\"ui5-menu-dialog-title\" >\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t{this.text}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div >\n\t\t\t\t</>\n\t\t\t)\n\t\t}\n\n\t\t<div\n\t\t\tid={`${this._id}-menu-main`}\n\t\t\tclass={this.loading ? \"menu-busy-indicator-main\" : \"\"}\n\t\t\taria-busy={this.loading}\n\t\t>\n\t\t\t{\n\t\t\t\tthis.items.length ? (\n\t\t\t\t\t<List\n\t\t\t\t\t\tid={`${this._id}-menu-list`}\n\t\t\t\t\t\tselectionMode=\"None\"\n\t\t\t\t\t\tseparators=\"None\"\n\t\t\t\t\t\taccessibleRole=\"Menu\"\n\t\t\t\t\t\tloading={this.loading}\n\t\t\t\t\t\tloadingDelay={this.loadingDelay}\n\t\t\t\t\t\tonMouseOver={this._itemMouseOver}\n\t\t\t\t\t\tonKeyDown={this._itemKeyDown}\n\t\t\t\t\t\tonKeyUp={this._itemKeyUp}\n\t\t\t\t\t\t// handles event from slotted children\n\t\t\t\t\t\tonui5-close-menu={this._close}\n\t\t\t\t\t\tonui5-exit-end-content={this._navigateOutOfEndContent}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</List>\n\t\t\t\t) : this.loading && <BusyIndicator\n\t\t\t\t\tid={`${this._id}-menu-busy-indicator`}\n\t\t\t\t\tdelay={this.loadingDelay}\n\t\t\t\t\tclass=\"ui5-menu-busy-indicator\"\n\t\t\t\t\tactive={true}\n\t\t\t\t/>\n\t\t\t}\n\t\t</div >\n\n\t\t{\n\t\t\tthis.isPhone && (\n\t\t\t\t<div slot=\"footer\" class=\"ui5-menu-dialog-footer\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tonClick={this._closeAll}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.labelCancel}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)\n\t\t}\n\t</ResponsivePopover>;\n}\n"]}
|
package/dist/web-types.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui5/webcomponents",
|
|
3
|
-
"version": "2.22.0
|
|
3
|
+
"version": "2.22.0",
|
|
4
4
|
"description": "UI5 Web Components: webcomponents.main",
|
|
5
5
|
"ui5": {
|
|
6
6
|
"webComponentsPackage": true
|
|
@@ -54,22 +54,22 @@
|
|
|
54
54
|
"directory": "packages/main"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@ui5/webcomponents-base": "2.22.0
|
|
58
|
-
"@ui5/webcomponents-icons": "2.22.0
|
|
59
|
-
"@ui5/webcomponents-icons-business-suite": "2.22.0
|
|
60
|
-
"@ui5/webcomponents-icons-tnt": "2.22.0
|
|
61
|
-
"@ui5/webcomponents-localization": "2.22.0
|
|
62
|
-
"@ui5/webcomponents-theming": "2.22.0
|
|
57
|
+
"@ui5/webcomponents-base": "2.22.0",
|
|
58
|
+
"@ui5/webcomponents-icons": "2.22.0",
|
|
59
|
+
"@ui5/webcomponents-icons-business-suite": "2.22.0",
|
|
60
|
+
"@ui5/webcomponents-icons-tnt": "2.22.0",
|
|
61
|
+
"@ui5/webcomponents-localization": "2.22.0",
|
|
62
|
+
"@ui5/webcomponents-theming": "2.22.0"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
65
|
"@custom-elements-manifest/analyzer": "^0.10.10",
|
|
66
66
|
"@ui5/cypress-internal": "0.1.0",
|
|
67
|
-
"@ui5/webcomponents-tools": "2.22.0
|
|
67
|
+
"@ui5/webcomponents-tools": "2.22.0",
|
|
68
68
|
"cypress": "15.9.0",
|
|
69
69
|
"jsdom": "^26.0.0",
|
|
70
70
|
"lit": "^2.0.0",
|
|
71
71
|
"vite": "5.4.21",
|
|
72
72
|
"vitest": "^3.0.2"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "1b2500a573cf0e268d87aa10b22564058a6e4de8"
|
|
75
75
|
}
|
package/src/MenuItemTemplate.tsx
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
|
|
1
2
|
import type MenuItem from "./MenuItem.js";
|
|
2
3
|
import PopoverPlacement from "./types/PopoverPlacement.js";
|
|
3
4
|
import ResponsivePopover from "./ResponsivePopover.js";
|
|
@@ -11,14 +12,29 @@ import Icon from "./Icon.js";
|
|
|
11
12
|
import ListItemTemplate from "./ListItemTemplate.js";
|
|
12
13
|
import type { ListItemHooks } from "./ListItemTemplate.js";
|
|
13
14
|
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
export type MenuItemHooks = ListItemHooks & {
|
|
16
|
+
menuItemTextContent: JsxTemplate;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
const predefinedHooks: Partial<MenuItemHooks> = {
|
|
16
20
|
iconBegin,
|
|
21
|
+
menuItemTextContent,
|
|
17
22
|
};
|
|
18
23
|
|
|
19
|
-
export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<
|
|
24
|
+
export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<MenuItemHooks>) {
|
|
20
25
|
const currentHooks = { ...predefinedHooks, ...hooks };
|
|
21
26
|
|
|
27
|
+
if (!hooks?.listItemContent) {
|
|
28
|
+
currentHooks.listItemContent = function listItemContent(this: MenuItem) {
|
|
29
|
+
return (<>
|
|
30
|
+
{currentHooks.menuItemTextContent!.call(this)}
|
|
31
|
+
|
|
32
|
+
{rightContent.call(this)}
|
|
33
|
+
{checkmarkContent.call(this)}
|
|
34
|
+
</>);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
|
|
22
38
|
return <>
|
|
23
39
|
{ListItemTemplate.call(this, currentHooks)}
|
|
24
40
|
|
|
@@ -26,13 +42,8 @@ export default function MenuItemTemplate(this: MenuItem, hooks?: Partial<ListIte
|
|
|
26
42
|
</>;
|
|
27
43
|
}
|
|
28
44
|
|
|
29
|
-
function
|
|
30
|
-
return
|
|
31
|
-
{this.text && <div class="ui5-menu-item-text">{this.text}</div>}
|
|
32
|
-
|
|
33
|
-
{rightContent.call(this)}
|
|
34
|
-
{checkmarkContent.call(this)}
|
|
35
|
-
</>);
|
|
45
|
+
function menuItemTextContent(this: MenuItem) {
|
|
46
|
+
return <>{this.text && <div class="ui5-menu-item-text">{this.text}</div>}</>;
|
|
36
47
|
}
|
|
37
48
|
|
|
38
49
|
function checkmarkContent(this: MenuItem) {
|