@linzjs/lui 17.9.2 → 17.10.0

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+# [17.10.0](https://github.com/linz/lui/compare/v17.9.4...v17.10.0) (2022-08-12)
+
+
+### Features
+
+* **LOLLogoutLink:** TITLE-795 added logout guard 'preventLogout', so apps can do before logout check. ([#720](https://github.com/linz/lui/issues/720)) ([4d36fdb](https://github.com/linz/lui/commit/4d36fdb5c1fdf714ec7aede4319a2e38566670ea))
+
+## [17.9.4](https://github.com/linz/lui/compare/v17.9.3...v17.9.4) (2022-08-11)
+
+## [17.9.3](https://github.com/linz/lui/compare/v17.9.2...v17.9.3) (2022-08-11)
+
 ## [17.9.2](https://github.com/linz/lui/compare/v17.9.1...v17.9.2) (2022-08-11)
 
 ## [17.9.1](https://github.com/linz/lui/compare/v17.9.0...v17.9.1) (2022-08-11)

package/dist/components/lol/LOLLogoutLink.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export interface Props {
     redirectPath: () => string;
-    callBackBeforeLogout?: () => Promise<void>;
+    /** Return false if the logout should be aborted. */
+    callBackBeforeLogout?: () => Promise<void | boolean>;
 }
 export declare const LOLLogoutLink: (props: Props) => JSX.Element | null;

package/dist/index.js

@@ -29033,18 +29033,23 @@ var LOLLogoutLink = function (props) {
         return null;
     }
     var logout = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var res;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var _a, res;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    if (!props.callBackBeforeLogout) return [3 /*break*/, 2];
+                    _a = props.callBackBeforeLogout;
+                    if (!_a) return [3 /*break*/, 2];
                     return [4 /*yield*/, props.callBackBeforeLogout()];
                 case 1:
-                    _a.sent();
-                    _a.label = 2;
-                case 2: return [4 /*yield*/, fetch('/auth/api/logout')];
+                    _a = (_b.sent()) === false;
+                    _b.label = 2;
+                case 2:
+                    if (_a) {
+                        return [2 /*return*/];
+                    }
+                    return [4 /*yield*/, fetch('/auth/api/logout')];
                 case 3:
-                    res = _a.sent();
+                    res = _b.sent();
                     if (res.status === 200) {
                         window.location.assign("/auth/login?redirectPath=" + redirectPathString);
                     }
@@ -40502,7 +40507,7 @@ var LuiAccordicard = function (props) {
             } },
             React__default["default"].createElement("div", { className: clsx('LuiAccordicard-content', isOpen ? 'LuiAccordicard-content--isOpen' : null) }, isOpen ? children : React__default["default"].createElement(React__default["default"].Fragment, null))));
     };
-    return (React__default["default"].createElement(motion.div, { className: clsx('LuiAccordicard', props.className, isOpen ? 'LuiAccordicard--isOpen' : null) },
+    return (React__default["default"].createElement(motion.div, { initial: false, className: clsx('LuiAccordicard', props.className, isOpen ? 'LuiAccordicard--isOpen' : null) },
         React__default["default"].createElement(motion.header, { layout: true, initial: false, className: "LuiAccordicard-header" },
             React__default["default"].createElement("div", { className: "LuiAccordicard-headerContent" }, headerContent)),
         React__default["default"].createElement(AnimatePresence, { initial: false }, isOpen && React__default["default"].createElement(AccordicardContent, null)),
@@ -40513,7 +40518,7 @@ var LuiAccordicard = function (props) {
 var LuiAccordicardStatic = function (props) {
     var _a = props.defaultToOpen, defaultToOpen = _a === void 0 ? false : _a, children = props.children, headerContent = props.headerContent;
     var _b = React.useState(defaultToOpen), isOpen = _b[0], setIsOpen = _b[1];
-    return (React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null) },
+    return (React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null, props.className) },
         React__default["default"].createElement("div", { className: "LuiAccordicardStatic-header" },
             React__default["default"].createElement("div", { className: "LuiAccordicardStatic-headerContent" }, headerContent)),
         React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic-contentWrapper', isOpen ? 'LuiAccordicardStatic-contentWrapper--isOpen' : null) },