@linzjs/lui 17.39.2 → 17.41.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [17.41.0](https://github.com/linz/lui/compare/v17.40.0...v17.41.0) (2023-03-08)
+
+
+### Features
+
+* added alternate modal header style ([#878](https://github.com/linz/lui/issues/878)) ([1f11909](https://github.com/linz/lui/commit/1f11909eddf8fb53ededf9e474737fdb4f393f46))
+
+# [17.40.0](https://github.com/linz/lui/compare/v17.39.2...v17.40.0) (2023-03-07)
+
+
+### Features
+
+* expose allowHTML and interactive tippy properties ([#876](https://github.com/linz/lui/issues/876)) ([a1d86c3](https://github.com/linz/lui/commit/a1d86c35f6fd4648045700f15f50b827699dc23b))
+
 ## [17.39.2](https://github.com/linz/lui/compare/v17.39.1...v17.39.2) (2023-03-07)
 
 

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

@@ -10,6 +10,7 @@ interface ILuiModal {
     lowContrast?: boolean;
     preventAutoFocus?: boolean;
     appendToElement?: () => HTMLElement;
+    headerStyle?: 'light' | 'default';
 }
 export declare const LuiModal: React.FC<React.PropsWithChildren<ILuiModal>>;
 export declare const LuiAlertModal: React.FC<React.PropsWithChildren<{
@@ -20,6 +21,7 @@ interface IModalHeader {
     headingText?: string;
     helpLink?: string;
     onClose?: () => void;
+    style?: 'light' | 'default';
 }
 export declare const LuiModalHeader: React.FC<React.PropsWithChildren<IModalHeader>>;
 export {};

package/dist/components/LuiTooltip/LuiTooltip.d.ts

@@ -10,5 +10,7 @@ export interface ILuiTooltipProperties {
     animation?: boolean;
     followCursor?: boolean;
     mode?: 'default' | 'info' | 'error';
+    interactive?: boolean;
+    allowHTML?: boolean;
 }
 export declare const LuiTooltip: (props: ILuiTooltipProperties) => JSX.Element;

package/dist/index.js

@@ -42426,7 +42426,7 @@ var LuiModal = function (props) {
         parentSelector: props.appendToElement
     })),
         React__default["default"].createElement("div", { ref: node, className: clsx$1('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
-            props.headingText && (React__default["default"].createElement(LuiModalHeader, { headingText: props.headingText, helpLink: props.helpLink, onClose: props.onClose })),
+            props.headingText && (React__default["default"].createElement(LuiModalHeader, { headingText: props.headingText, helpLink: props.helpLink, onClose: props.onClose, style: props.headerStyle })),
             React__default["default"].createElement("div", { className: clsx$1(props.headingText && 'lui-modal-container'), ref: function (element) {
                     if (!props.preventAutoFocus &&
                         element &&
@@ -42446,12 +42446,14 @@ var LuiAlertModalButtons = function (props) {
     return React__default["default"].createElement("div", { className: "modal-btn-row" }, props.children);
 };
 var LuiModalHeader = function (props) {
-    return (React__default["default"].createElement("header", { className: "lui-modal-header" }, props.headingText && (React__default["default"].createElement("div", { className: "lui-modal-header-title" },
+    var _a;
+    var headerStyle = (_a = props.style) !== null && _a !== void 0 ? _a : 'default';
+    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", { className: "lui-modal-header-help-btn", onClick: function () { return window.open(props.helpLink); } },
                 React__default["default"].createElement(LuiIcon, { name: "ic_help_outline", alt: "Help", size: "lg" }))),
-            props.onClose && (React__default["default"].createElement("button", { className: "lui-modal-header-close-btn", onClick: props.onClose },
+            headerStyle === 'default' && props.onClose && (React__default["default"].createElement("button", { className: "lui-modal-header-close-btn", onClick: props.onClose },
                 React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: "Help", size: "lg" }))))))));
 };
 
@@ -47260,7 +47262,7 @@ styleInject(css_248z$4);
 var id = 0;
 var getKey = function () { return id++; };
 var LuiTooltip = function (props) {
-    var children = props.children, message = props.message, placement = props.placement, trigger = props.trigger, _a = props.animation, animation = _a === void 0 ? true : _a, _b = props.followCursor, followCursor$1 = _b === void 0 ? false : _b, _c = props.mode, mode = _c === void 0 ? 'default' : _c;
+    var children = props.children, message = props.message, placement = props.placement, trigger = props.trigger, _a = props.animation, animation = _a === void 0 ? true : _a, _b = props.followCursor, followCursor$1 = _b === void 0 ? false : _b, _c = props.mode, mode = _c === void 0 ? 'default' : _c, _d = props.interactive, interactive = _d === void 0 ? false : _d, _e = props.allowHTML, allowHTML = _e === void 0 ? false : _e;
     var id = "LuiToolTip_".concat(React$1.useMemo(getKey, []));
     if (typeof message !== 'string') {
         throw new Error('LuiTooltip message must be a string!');
@@ -47275,6 +47277,8 @@ var LuiTooltip = function (props) {
             offset: [0, 18],
             animation: animation,
             followCursor: followCursor$1,
+            interactive: interactive,
+            allowHTML: allowHTML,
             plugins: [followCursor]
         });
         return function () {