@linzjs/lui 17.41.8 → 17.41.10

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [17.41.10](https://github.com/linz/lui/compare/v17.41.9...v17.41.10) (2023-03-17)
+
+
+### Bug Fixes
+
+* update data-testid in LuiHeaderMenuItemV2 ([#892](https://github.com/linz/lui/issues/892)) ([c6fc645](https://github.com/linz/lui/commit/c6fc64533ddd5e21d5f81b8d1f644c1082803dfb))
+
+## [17.41.9](https://github.com/linz/lui/compare/v17.41.8...v17.41.9) (2023-03-17)
+
+
+### Bug Fixes
+
+* feat(helpLink) GA allow function for help link to accommodate GA hooks ([#891](https://github.com/linz/lui/issues/891)) ([bc63062](https://github.com/linz/lui/commit/bc63062e63224e2acedc7ca5f32f390be5df14e3))
+
 ## [17.41.8](https://github.com/linz/lui/compare/v17.41.7...v17.41.8) (2023-03-16)
 
 

package/dist/components/LuiModal/LuiModal.d.ts

@@ -6,7 +6,7 @@ interface ILuiModal {
     className?: string;
     maxWidth?: boolean;
     headingText?: string;
-    helpLink?: string;
+    helpLink?: string | (() => void);
     lowContrast?: boolean;
     preventAutoFocus?: boolean;
     appendToElement?: () => HTMLElement;
@@ -19,7 +19,7 @@ export declare const LuiAlertModal: React.FC<React.PropsWithChildren<{
 export declare const LuiAlertModalButtons: React.FC<React.PropsWithChildren<unknown>>;
 interface IModalHeader {
     headingText?: string;
-    helpLink?: string;
+    helpLink?: string | (() => void);
     onClose?: () => void;
     style?: 'light' | 'default';
 }

package/dist/index.js

@@ -40379,15 +40379,15 @@ var LuiHeaderMenuItemV2 = React$1.forwardRef(function (_a, ref) {
         return (React__default["default"].createElement("span", { className: "menu-tooltip ".concat(anchorOrigin, " ").concat(theme) }, text));
     };
     return (React__default["default"].createElement("div", { className: rootStyle, ref: ref },
-        React__default["default"].createElement("div", { ref: innerItemRef, className: clsx$1("".concat(rootStyle, "-button"), { selected: selected }, { unselected: !selected }) },
+        React__default["default"].createElement("div", { ref: innerItemRef, className: clsx$1("".concat(rootStyle, "-button"), { selected: selected }, { unselected: !selected }, { clickable: !!onClick }), "data-testid": dataTestId, onClick: onClick },
             tooltip && React__default["default"].createElement(TooltipElement, null),
             resolvedIcon && (React__default["default"].createElement("div", { className: clsx$1("".concat(rootStyle, "-button-icon"), {
                     clickable: !!onClick
-                }), "data-testid": dataTestId, onClick: onClick },
+                }) },
                 React__default["default"].createElement(LuiIcon, { size: "lg", name: resolvedIcon, alt: '', color: iconColor }))),
             label && (React__default["default"].createElement("div", { className: clsx$1(resolvedIcon
                     ? "".concat(rootStyle, "-button-label")
-                    : "".concat(rootStyle, "-button-label-only"), { clickable: !!onClick }), onClick: onClick }, label)),
+                    : "".concat(rootStyle, "-button-label-only"), { clickable: !!onClick }) }, label)),
             badge && React__default["default"].createElement("div", { className: "".concat(rootStyle, "-button-badge") }, badge)),
         !!children && React__default["default"].createElement("div", null, children)));
 });
@@ -40413,7 +40413,7 @@ var LuiCloseableHeaderMenuItemV2 = function (_a) {
             setOpen(false);
         }
     });
-    var menuItemProps = __assign$3(__assign$3({ onClick: function () { return toggle(); } }, props), { isSelected: isOpen });
+    var menuItemProps = __assign$3(__assign$3({}, props), { onClick: function () { return toggle(); }, isSelected: isOpen });
     return (React__default["default"].createElement(LuiCloseableHeaderMenuContextV2.Provider, { value: {
             isOpen: isOpen,
             toggle: toggle,
@@ -42494,7 +42494,9 @@ var LuiModalHeader = function (props) {
     return (React__default["default"].createElement("header", { className: "lui-modal-header-".concat(headerStyle) }, props.headingText && (React__default["default"].createElement("div", { className: "lui-modal-header-title" },
         React__default["default"].createElement("h1", null, props.headingText),
         React__default["default"].createElement("div", { className: "lui-modal-header-buttons" },
-            props.helpLink && (React__default["default"].createElement("button", { "aria-label": 'Modal Help', title: 'Help', className: "lui-modal-header-help-btn", onClick: function () { return window.open(props.helpLink); } },
+            props.helpLink && (React__default["default"].createElement("button", { "aria-label": 'Modal Help', title: 'Help', className: "lui-modal-header-help-btn", onClick: typeof props.helpLink === 'string'
+                    ? function () { return window.open(props.helpLink, '_blank'); }
+                    : props.helpLink },
                 React__default["default"].createElement(LuiIcon, { name: "ic_help_outline", alt: "Help", size: "lg" }))),
             headerStyle === 'default' && props.onClose && (React__default["default"].createElement("button", { "aria-label": 'Modal Close', title: 'Close', className: "lui-modal-header-close-btn", onClick: props.onClose },
                 React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: "Help", size: "lg" }))))))));