@sap-ux/ui-components 1.7.0 → 1.8.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/dist/components/UIActionCallout/UIActionCallout.d.ts +2 -0
- package/dist/components/UIActionCallout/UIActionCallout.d.ts.map +1 -1
- package/dist/components/UIActionCallout/UIActionCallout.js +9 -4
- package/dist/components/UIActionCallout/UIActionCallout.js.map +1 -1
- package/package.json +1 -1
- package/storybook/iframe.html +1 -1
- package/storybook/{main.4137ae8d.iframe.bundle.js → main.3b29bdd5.iframe.bundle.js} +1 -1
- package/storybook/project.json +1 -1
|
@@ -45,6 +45,7 @@ export declare class UIActionCallout extends React.Component<ActionCalloutProps>
|
|
|
45
45
|
private showInline;
|
|
46
46
|
private icon;
|
|
47
47
|
private onClick;
|
|
48
|
+
private anchorClicked;
|
|
48
49
|
/**
|
|
49
50
|
* Initializes component properties.
|
|
50
51
|
*
|
|
@@ -52,6 +53,7 @@ export declare class UIActionCallout extends React.Component<ActionCalloutProps>
|
|
|
52
53
|
*/
|
|
53
54
|
constructor(props: ActionCalloutProps);
|
|
54
55
|
private onCalloutClick;
|
|
56
|
+
private handleAnchorClick;
|
|
55
57
|
/**
|
|
56
58
|
* @returns {JSX.Element}
|
|
57
59
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIActionCallout.d.ts","sourceRoot":"","sources":["../../../src/components/UIActionCallout/UIActionCallout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IAC/B,4DAA4D;IAC5D,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,YAAY,EAAE,oBAAoB,CAAC;IACnC,oDAAoD;IACpD,aAAa,CAAC,CAAC,OAAO,EAAE,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC/D,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,OAAO,CAAC,IAAI,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;KAC3B,CAAC;IACF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC;IACpE,OAAO,CAAC,MAAM,CAAqC;IACnD,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,aAAa,CAAsC;IAC3D,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,OAAO,CAAgC;IAC/C;;;;OAIG;gBACgB,KAAK,EAAE,kBAAkB;
|
|
1
|
+
{"version":3,"file":"UIActionCallout.d.ts","sourceRoot":"","sources":["../../../src/components/UIActionCallout/UIActionCallout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IAC/B,4DAA4D;IAC5D,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,YAAY,EAAE,oBAAoB,CAAC;IACnC,oDAAoD;IACpD,aAAa,CAAC,CAAC,OAAO,EAAE,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC/D,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,OAAO,CAAC,IAAI,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;KAC3B,CAAC;IACF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC;IACpE,OAAO,CAAC,MAAM,CAAqC;IACnD,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,aAAa,CAAsC;IAC3D,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,IAAI,CAAqB;IACjC,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,aAAa,CAAU;IAE/B;;;;OAIG;gBACgB,KAAK,EAAE,kBAAkB;IAa5C,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CA+BxB"}
|
|
@@ -30,17 +30,22 @@ class UIActionCallout extends react_2.default.Component {
|
|
|
30
30
|
this.onCalloutClick = this.onCalloutClick.bind(this);
|
|
31
31
|
this.icon = props.icon;
|
|
32
32
|
this.onClick = props.onClick;
|
|
33
|
+
this.anchorClicked = false;
|
|
33
34
|
}
|
|
34
35
|
onCalloutClick() {
|
|
36
|
+
if (this.onClick && !this.anchorClicked) {
|
|
37
|
+
this.onClick();
|
|
38
|
+
}
|
|
35
39
|
if (this.actionDetail.command && this.commandAction) {
|
|
36
40
|
this.commandAction(this.actionDetail.command);
|
|
37
41
|
}
|
|
38
42
|
else {
|
|
39
43
|
this.anchor.current?.click();
|
|
44
|
+
this.anchorClicked = false;
|
|
40
45
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
46
|
+
}
|
|
47
|
+
handleAnchorClick() {
|
|
48
|
+
this.anchorClicked = true;
|
|
44
49
|
}
|
|
45
50
|
/**
|
|
46
51
|
* @returns {JSX.Element}
|
|
@@ -51,7 +56,7 @@ class UIActionCallout extends react_2.default.Component {
|
|
|
51
56
|
root: { position: this.showInline === false ? 'absolute' : 'sticky' }
|
|
52
57
|
} },
|
|
53
58
|
(this.icon && this.icon.render()) || react_2.default.createElement(UIIcon_1.UIIcon, { iconName: Icons_1.UiIcons.HelpAction }),
|
|
54
|
-
react_2.default.createElement("a", { ref: this.anchor, href: this.actionDetail.url, className: "UIActionCallout-link", target: "_blank", rel: "noreferrer" }, this.actionDetail.linkText),
|
|
59
|
+
react_2.default.createElement("a", { ref: this.anchor, href: this.actionDetail.url, className: "UIActionCallout-link", target: "_blank", rel: "noreferrer", onClick: () => this.handleAnchorClick() }, this.actionDetail.linkText),
|
|
55
60
|
react_2.default.createElement("div", { className: "UIActionCallout-subText" }, this.actionDetail.subText)));
|
|
56
61
|
}
|
|
57
62
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIActionCallout.js","sourceRoot":"","sources":["../../../src/components/UIActionCallout/UIActionCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAC1B,oCAAmC;AACnC,4CAAyC;AACzC,sCAAmC;AACnC,kCAAgC;AAoChC;;;GAGG;AACH,MAAa,eAAgB,SAAQ,eAAK,CAAC,SAA6B;
|
|
1
|
+
{"version":3,"file":"UIActionCallout.js","sourceRoot":"","sources":["../../../src/components/UIActionCallout/UIActionCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAkD;AAClD,kDAA0B;AAC1B,oCAAmC;AACnC,4CAAyC;AACzC,sCAAmC;AACnC,kCAAgC;AAoChC;;;GAGG;AACH,MAAa,eAAgB,SAAQ,eAAK,CAAC,SAA6B;IAUpE;;;;OAIG;IACH,YAAmB,KAAyB;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;QACvC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,MAAM,GAAG,eAAK,CAAC,SAAS,EAAqB,CAAC;QACnD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC/B,CAAC;IAEO,cAAc;QAClB,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACrC,IAAI,CAAC,OAAO,EAAE,CAAC;SAClB;QAED,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE;YACjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACjD;aAAM;YACH,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;SAC9B;IACL,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,MAAM;QACF,OAAO,CACH,8BAAC,qBAAS,IACN,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,MAAM,EAAE,IAAI,IAAI,CAAC,eAAe,EAAE,EAClC,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,CAAC,EACZ,eAAe,EAAE,GAAG,EACpB,eAAe,EAAE,GAAG,EACpB,eAAe,EAAE,uBAAe,CAAC,cAAc,EAC/C,MAAM,EAAE;gBACJ,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;gBAChC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE;aACxE;YACA,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,8BAAC,eAAM,IAAC,QAAQ,EAAE,eAAO,CAAC,UAAU,GAAW;YAErF,qCACI,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,EAC3B,SAAS,EAAC,sBAAsB,EAChC,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,IACtC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAC3B;YACJ,uCAAK,SAAS,EAAC,yBAAyB,IAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAO,CAClE,CACf,CAAC;IACN,CAAC;CACJ;AA/ED,0CA+EC"}
|
package/package.json
CHANGED
package/storybook/iframe.html
CHANGED
|
@@ -377,4 +377,4 @@
|
|
|
377
377
|
|
|
378
378
|
|
|
379
379
|
|
|
380
|
-
window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories\\/(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];</script><script src="runtime~main.ded4beec.iframe.bundle.js"></script><script src="215.f4718a88.iframe.bundle.js"></script><script src="main.
|
|
380
|
+
window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories\\/(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];</script><script src="runtime~main.ded4beec.iframe.bundle.js"></script><script src="215.f4718a88.iframe.bundle.js"></script><script src="main.3b29bdd5.iframe.bundle.js"></script></body></html>
|