ba-js-common-header 0.0.68 → 0.0.71

package/dist/ba-js-common-header.es.js

@@ -14719,7 +14719,7 @@ function Row(props) {
         children: /* @__PURE__ */ jsx("div", {
           className: "col py-2 py-lg-0 px-0",
           children: /* @__PURE__ */ jsxs("span", {
-            className: "px-lg-3 py-2 d-block",
+            className: "px-lg-3 py-2 py-lg-1 d-block",
             children: [i18n.translate("label").fetch(), /* @__PURE__ */ jsx("span", {
               className: "float-end",
               children: /* @__PURE__ */ jsx(commonThin.Lock, {
@@ -14802,7 +14802,7 @@ function Row(props) {
   if (level === 2) {
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [isFirstInGroup && /* @__PURE__ */ jsx("div", {
-        className: "row m-0 pt-3 hd-nav-section",
+        className: "row m-0 pt-3 pb-1 hd-nav-section",
         children: /* @__PURE__ */ jsx("div", {
           className: "col py-2 py-lg-0 px-0",
           children: /* @__PURE__ */ jsx("div", {
@@ -14821,7 +14821,7 @@ function Row(props) {
           children: [/* @__PURE__ */ jsx("div", {
             className: "col py-2 py-lg-0 px-0",
             children: href ? /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({
-              className: "px-lg-3 py-2 d-block",
+              className: "px-lg-3 py-2 py-lg-1 d-block",
               href
             }, isExternalLink(href) && {
               target: "_blank"
@@ -14831,13 +14831,13 @@ function Row(props) {
               },
               children: i18n.translate(label).fetch()
             })) : /* @__PURE__ */ jsx("span", {
-              className: "px-lg-3 py-2 d-block",
+              className: "px-lg-3 py-2 py-lg-1 d-block",
               children: i18n.translate(label).fetch()
             })
           }), hasChildren && /* @__PURE__ */ jsx("div", {
             className: "col-auto px-0",
             children: /* @__PURE__ */ jsx("span", {
-              className: "p-2 d-lg-block",
+              className: "p-2 py-lg-1 d-lg-block",
               children: /* @__PURE__ */ jsx(commonThin.ArrowAngleRight, {
                 className: "hd-icon hd-icon-arrow-angle-right"
               })
@@ -14859,7 +14859,7 @@ function Row(props) {
         children: /* @__PURE__ */ jsx("div", {
           className: "col p-lg-0",
           children: /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({
-            className: "px-lg-3 py-2 d-block",
+            className: "px-lg-3 py-2 py-lg-1 d-block",
             href
           }, isExternalLink(href) && {
             target: "_blank"
@@ -16544,7 +16544,7 @@ function HotelFinder(props) {
     i18n
   } = useI18n();
   if (noMatchHotel.length === 1) {
-    noMatchHotel.unshift(i18n.translate("No_matches_please_try_again").fetch());
+    noMatchHotel.unshift(i18n.translate("header.no_matches_please_try_again").fetch());
   }
   const [inputHotels, setInputHotels] = useState([]);
   const [ctrlInputValue, setCtrlInputValue] = useState(defaultHotel && defaultHotel[0] || "");
@@ -16641,7 +16641,7 @@ function HotelFinder(props) {
           })), {
             type: "text",
             className: "form-control",
-            placeholder: i18n.translate("hotel_name").fetch(),
+            placeholder: i18n.translate("header.type_property_name").fetch(),
             id: "hd-property-input",
             value: ctrlInputValue
           })), /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({
@@ -16656,7 +16656,7 @@ function HotelFinder(props) {
               index: index2
             })), {
               children: [hotel[0], hotel === selectedHotel && /* @__PURE__ */ jsx(commonThin.Tick, {
-                className: "hd-icon hd-icon-tick text-success float-end"
+                className: "hd-icon hd-icon-tick float-end"
               })]
             }), hotel[1]))
           })), /* @__PURE__ */ jsx(commonThin.Search, {
@@ -16798,11 +16798,11 @@ function PropertySelector(props) {
               className: "ps-lg-3 py-3 py-lg-0 d-block",
               id: userInfo.group ? "hd-group-name" : "hd-hotel-name",
               children: displayName
-            }), /* @__PURE__ */ jsxs("div", {
+            }), showHotelFinder && /* @__PURE__ */ jsxs("div", {
               className: "row me-0 d-lg-none align-items-center",
               children: [/* @__PURE__ */ jsxs("div", {
                 className: "col",
-                children: [showHotelFinder && /* @__PURE__ */ jsx("small", {
+                children: [/* @__PURE__ */ jsx("small", {
                   className: "pt-2",
                   children: i18n.translate(label).fetch()
                 }), /* @__PURE__ */ jsx("span", {
@@ -16810,7 +16810,7 @@ function PropertySelector(props) {
                   id: "hd-property-name",
                   children: selectedHotel && selectedHotel[0] || defaultHotel && defaultHotel[0]
                 })]
-              }), showHotelFinder && /* @__PURE__ */ jsx("div", {
+              }), /* @__PURE__ */ jsx("div", {
                 className: "col-auto p-2 d-block",
                 children: /* @__PURE__ */ jsx(commonThin.ArrowAngleRight, {
                   className: "hd-icon hd-icon-arrow-angle-right"
@@ -17130,6 +17130,9 @@ function Title() {
     config: config.stiff
   });
   const dispatch = useDispatch();
+  const {
+    i18n
+  } = useI18n();
   useEffect(() => {
     var _a2;
     const menuItemLabel = ((_a2 = items.find((item) => item.id === subMenus[subMenus.length - 1])) == null ? void 0 : _a2.label) || subMenus[subMenus.length - 1];
@@ -17154,7 +17157,7 @@ function Title() {
     }), /* @__PURE__ */ jsx("span", {
       className: "ms-3",
       id: "hd-submenu-title",
-      children: label
+      children: label && i18n.translate(label).fetch()
     })]
   }));
 }