ublo-lib 1.35.10 → 1.35.12

package/es/common/components/collapsible/collapsible.d.ts

@@ -5,6 +5,6 @@ type Props = {
     lang: string;
     gradientColor: string;
 };
-export default function Collapsible({ gradientColor, height: initHeight, children, lang, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Collapsible({ gradientColor, height, children, lang, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=collapsible.d.ts.map

package/es/common/components/collapsible/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAsB,EACtB,MAAM,EAAE,UAAgB,EACxB,QAAQ,EACR,IAAI,GACL,EAAE,KAAK,2CAqDP"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAsB,EACtB,MAAY,EACZ,QAAQ,EACR,IAAI,GACL,EAAE,KAAK,2CAkDP"}

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

@@ -16,7 +16,7 @@ const messages = {
         close: "Close",
     },
 };
-export default function Collapsible({ gradientColor = "#fff", height: initHeight = 150, children, lang, }) {
+export default function Collapsible({ gradientColor = "#fff", height = 150, children, lang, }) {
     const [opened, setOpened] = React.useState(false);
     const [hasOverflow, setHasOverflow] = React.useState(false);
     const classes = classnames(styles.collapsible, {
@@ -33,16 +33,15 @@ export default function Collapsible({ gradientColor = "#fff", height: initHeight
         ? messages[messageLang].close
         : messages[messageLang].open;
     const Icon = opened ? Icons.ChevronUp : Icons.ChevronDown;
-    const parentHeight = parentRef.current?.offsetHeight;
-    const childrenHeight = childrenRef.current?.offsetHeight;
-    const openedHeight = childrenHeight + 50;
     React.useEffect(() => {
+        const parentHeight = parentRef.current?.offsetHeight;
+        const childrenHeight = childrenRef.current?.offsetHeight;
         const isConnected = Cms.isConnected();
         if (!isConnected && childrenHeight > parentHeight) {
             setHasOverflow(true);
         }
-    }, [parentHeight, childrenHeight]);
+    }, []);
     return (_jsxs(motion.div, { ref: parentRef, animate: {
-            height: opened || !hasOverflow ? openedHeight : initHeight,
-        }, initial: { height: initHeight }, className: classes, style: { "--gradient-color": gradientColor }, children: [_jsx("div", { ref: childrenRef, children: children }), hasOverflow && (_jsxs(Button, { className: styles.message, onClick: toggleOpen, children: [message, _jsx(Icon, {})] }))] }));
+            height: opened || !hasOverflow ? "auto" : height,
+        }, initial: { height }, className: classes, style: { "--gradient-color": gradientColor }, children: [_jsx("div", { ref: childrenRef, children: children }), hasOverflow && (_jsxs(Button, { className: styles.message, onClick: toggleOpen, children: [message, _jsx(Icon, {})] }))] }));
 }

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

@@ -24,10 +24,9 @@
 }
 
 button.message {
-  position: absolute;
-  bottom: 10px;
-  left: 50%;
-  transform: translateX(-50%);
+  position: sticky;
+  bottom: 0;
+  margin: 10px auto;
   z-index: 2;
 }
 

package/es/common/components/search-bar/search-bar.js

@@ -139,11 +139,15 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
                                         "Terms - Destination": `${text} - ${path}`,
                                     });
                                 };
+                                const onClick = () => {
+                                    close();
+                                    sendPlausibleGoal();
+                                };
                                 const props = externalLink ? anchorProps : linkProps;
                                 const classes = classNames("search-bar__result", {
                                     "search-bar__result--active": i === state.active,
                                 });
-                                return (_jsx(Tag, { className: classes, ...props, onClick: sendPlausibleGoal }, `${name}-${i}`));
+                                return (_jsx(Tag, { className: classes, ...props, onClick: onClick }, `${name}-${i}`));
                             }), search.result?.length === 0 && (_jsx("div", { className: "search-bar__no-result", children: message(ubloLang, "no-results", messages) }))] })] })] }));
 };
 export default React.memo(SearchBar);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.35.10",
+  "version": "1.35.12",
   "peerDependencies": {
     "dt-design-system": "^3.8.5",
     "leaflet": "^1.9.1",