@linzjs/lui 21.4.0 → 21.6.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [21.6.0](https://github.com/linz/lui/compare/v21.5.0...v21.6.0) (2023-11-01)
+
+
+### Features
+
+* expose shouldCloseOnEsc for LuiModal ([#1037](https://github.com/linz/lui/issues/1037)) ([c17f418](https://github.com/linz/lui/commit/c17f418fe7a6d813bc686699e53de793484e5f80))
+
+# [21.5.0](https://github.com/linz/lui/compare/v21.4.0...v21.5.0) (2023-10-31)
+
+
+### Features
+
+* SURVEY-19904 allow LuiSplash video ([#1036](https://github.com/linz/lui/issues/1036)) ([e91bc44](https://github.com/linz/lui/commit/e91bc4476b238a92f042abc3dd674835d086f585))
+
 # [21.4.0](https://github.com/linz/lui/compare/v21.3.1...v21.4.0) (2023-10-31)
 
 

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

@@ -2,6 +2,7 @@ import React from 'react';
 interface ILuiModal {
     key?: string;
     shouldCloseOnOverlayClick?: boolean;
+    shouldCloseOnEsc?: boolean;
     onClose?: () => void;
     className?: string;
     maxWidth?: boolean;

package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.d.ts

@@ -1,13 +1,27 @@
 import { ReactNode } from 'react';
-interface SplashModalProps {
-    bigImage: string;
-    smallImage: string;
+interface IFrameConfig {
+    url: string;
+    width: number;
+    height: number;
+    title: string;
+    iframeWrapperClass?: string;
+    iFrameProps?: Partial<JSX.IntrinsicElements['iframe']>;
+}
+declare type SplashModalProps = {
     header: string;
     wrapperClass?: string;
     id: string;
     releaseVersion: string;
     enabled: boolean;
     children?: ReactNode;
-}
+} & ({
+    bigImage: string;
+    smallImage: string;
+    iframe?: never;
+} | {
+    bigImage?: never;
+    smallImage?: never;
+    iframe: IFrameConfig;
+});
 export declare const LuiUpdatesSplashModal: (props: SplashModalProps) => JSX.Element;
 export {};

package/dist/index.js

@@ -42042,6 +42042,7 @@ var LuiUpdatesSplashModal = function (props) {
     if (typeof process === 'undefined' || ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) !== 'test') {
         Modal.setAppElement('#root');
     }
+    var featureMedia = props.iframe ? (React__default["default"].createElement(FeatureIFrame, { iframeConfig: props.iframe })) : (React__default["default"].createElement(FeatureImages, { bigImage: props.bigImage, smallImage: props.smallImage }));
     return (React__default["default"].createElement(Modal, { isOpen: props.enabled &&
             showModal &&
             props.releaseVersion.trim() !== currentVersion, shouldCloseOnEsc: true, onRequestClose: handleClose, shouldCloseOnOverlayClick: true, contentLabel: "Recent updates", className: "lui-splash-content lui-box-shadow", overlayClassName: "splash_overlay" },
@@ -42052,14 +42053,25 @@ var LuiUpdatesSplashModal = function (props) {
                     React__default["default"].createElement("h1", null, props.header)),
                 React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: handleClose },
                     React__default["default"].createElement(LuiIcon, { alt: "cross_icon", name: "ic_clear", status: "interactive", size: "md" }))),
-            React__default["default"].createElement("div", { className: "lui-feature-img" },
-                React__default["default"].createElement("img", { className: "lui-hide-xs lui-hide-sm", alt: "What's new", src: props.bigImage }),
-                React__default["default"].createElement("img", { className: "lui-hide-md lui-hide-lg lui-hide-xl", alt: "What's new", src: props.smallImage })),
+            featureMedia,
             React__default["default"].createElement("div", { className: 'lui-feature-text' }, props.children))));
+};
+var FeatureImages = function (_a) {
+    var bigImage = _a.bigImage, smallImage = _a.smallImage;
+    return (React__default["default"].createElement("div", { className: "lui-feature-img" },
+        React__default["default"].createElement("img", { className: "lui-hide-xs lui-hide-sm", alt: "What's new", src: bigImage }),
+        React__default["default"].createElement("img", { className: "lui-hide-md lui-hide-lg lui-hide-xl", alt: "What's new", src: smallImage })));
+};
+var FeatureIFrame = function (_a) {
+    var iframeConfig = _a.iframeConfig;
+    var wrapperClass = iframeConfig.iframeWrapperClass || 'iframe-wrapper';
+    var iFrameProps = iframeConfig.iFrameProps ? iframeConfig.iFrameProps : {};
+    return (React__default["default"].createElement("div", { className: wrapperClass },
+        React__default["default"].createElement("iframe", __assign({ width: iframeConfig.width, height: iframeConfig.height, src: iframeConfig.url, title: iframeConfig.title }, iFrameProps))));
 };
 
 var LuiModal = function (props) {
-    var _a;
+    var _a, _b;
     var node = React.useRef(null);
     var handleClickOutside = React.useCallback(function (e) {
         // current DOES have a contains!
@@ -42086,7 +42098,7 @@ var LuiModal = function (props) {
             Modal.setAppElement('#root');
         }
     }
-    return (React__default["default"].createElement(Modal, __assign({ key: props.key, isOpen: true, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onRequestClose: props.onClose, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', ariaHideApp: !isTest }, (props.appendToElement && {
+    return (React__default["default"].createElement(Modal, __assign({ key: props.key, isOpen: true, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, shouldCloseOnEsc: (_b = props.shouldCloseOnEsc) !== null && _b !== void 0 ? _b : true, onRequestClose: props.onClose, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', ariaHideApp: !isTest }, (props.appendToElement && {
         parentSelector: props.appendToElement
     })),
         React__default["default"].createElement("div", { ref: node, className: clsx('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },