@linzjs/lui 21.4.0 → 21.5.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [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/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,10 +42053,21 @@ 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) {