ublo-lib 1.30.5 → 1.30.7

package/es/common/components/collapsible/collapsible.js

@@ -3,6 +3,7 @@ import Button from "dt-design-system/es/button";
 import { motion } from "framer-motion";
 import * as Icons from "dt-design-system/es/icons";
 import classnames from "classnames";
+import * as Cms from "../../utils/cms";
 import styles from "./collapsible.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -35,10 +36,12 @@ export default function Collapsible({
   };
   const messageLang = lang === "fr" ? "fr" : "en";
   const message = opened ? messages[messageLang].close : messages[messageLang].open;
+  const Icon = opened ? Icons.ChevronUp : Icons.ChevronDown;
   React.useEffect(() => {
     const parentHeight = parentRef.current?.offsetHeight;
     const childrenHeight = childrenRef.current?.offsetHeight;
-    if (childrenHeight > parentHeight) {
+    const isConnected = Cms.isConnected();
+    if (!isConnected && childrenHeight > parentHeight) {
       setHasOverflow(true);
     }
   }, []);
@@ -60,7 +63,7 @@ export default function Collapsible({
     }), hasOverflow && _jsxs(Button, {
       className: styles.message,
       onClick: toggleOpen,
-      children: [message, opened ? _jsx(Icons.ChevronUp, {}) : _jsx(Icons.ChevronDown, {})]
+      children: [message, _jsx(Icon, {})]
     })]
   });
 }

package/es/common/components/collapsible/collapsible.module.css

@@ -1,14 +1,15 @@
-.collapsible {
+.collapsible.overflow {
   position: relative;
   overflow: hidden;
 }
 
-.overflow.collapsible::after {
+.collapsible.overflow::after {
   content: "";
   position: absolute;
   bottom: 0;
   width: 100%;
   height: calc(100% - 70px);
+  /* --gradient-color is defined in the collapsible.tsx props */
   background: linear-gradient(to top, var(--gradient-color), transparent);
   transition: opacity 320ms
     var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
@@ -16,12 +17,12 @@
   z-index: 1;
 }
 
-.opened.collapsible {
+.collapsible.opened {
   padding-bottom: 10px;
   margin-bottom: 10px;
 }
 
-.opened.collapsible::after {
+.collapsible.opened::after {
   content: none;
 }
 

package/es/common/components/msem-preset-linker/hooks/use-msem-presets.js

@@ -4,7 +4,8 @@ import { MODES, PRESET_ATTRIBUTE } from "../msem-preset-linker";
 import * as UrlParams from "../services/url-params";
 import * as MseM from "../../../utils/msem-widget";
 export default function useMsemPresets({
-  mode
+  mode,
+  defaultOptions
 }) {
   const {
     lang,
@@ -19,23 +20,27 @@ export default function useMsemPresets({
     if (!preset) return;
     const {
       widget,
-      options,
+      options = {},
       presets,
       url
     } = JSON.parse(preset);
+    const allOptions = {
+      ...defaultOptions,
+      ...options
+    };
     e.preventDefault();
     e.stopPropagation();
     if (url) {
       const params = UrlParams.build({
-        options,
+        options: allOptions,
         presets
       });
       const endpoint = url.concat(params);
       window.open(endpoint, "_blank");
       return;
     }
-    MseM.loadWidget(widget, options, presets);
-  }, []);
+    MseM.loadWidget(widget, allOptions, presets);
+  }, [defaultOptions]);
   React.useEffect(() => {
     const container = document.getElementById("__next");
     if (isEnabled && container) {

package/es/common/components/msem-preset-linker/msem-preset-linker.js

@@ -56,7 +56,8 @@ export default function MseMPresetLinker({
     });
   });
   useMsemPresets({
-    mode
+    mode,
+    defaultOptions: options
   });
   if (!cmsMode) return null;
   return _jsxs("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.30.5",
+  "version": "1.30.7",
   "peerDependencies": {
     "dt-design-system": "^3.8.3",
     "leaflet": "^1.9.1",