blue-react 11.3.0 → 11.3.2

package/dist/components/Layout.d.ts

@@ -7,8 +7,12 @@ export interface LayoutProps {
     side?: React.ReactNode;
     noPageBorder?: boolean;
     drawerTitle?: ReactNode;
+    /**
+     * For SSR you can pass server's country code to solve hydration problems.
+     */
+    countryCode?: string;
 }
 /**
  * A layout with header, side and main content area. Side is collapsible.
  */
-export default function Layout({ children, className, style, header, side, noPageBorder, drawerTitle }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export default function Layout({ children, className, style, header, side, noPageBorder, drawerTitle, countryCode }: LayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Layout.js

@@ -14,7 +14,8 @@ export default function Layout(_ref) {
     side = _ref.side,
     _ref$noPageBorder = _ref.noPageBorder,
     noPageBorder = _ref$noPageBorder === void 0 ? false : _ref$noPageBorder,
-    drawerTitle = _ref.drawerTitle;
+    drawerTitle = _ref.drawerTitle,
+    countryCode = _ref.countryCode;
   var ref = useRef(null);
   var idPrefix = useId();
   var sideId = "".concat(idPrefix, "side");
@@ -42,7 +43,7 @@ export default function Layout(_ref) {
         /* @ts-ignore */,
         command: "show-modal",
         commandfor: drawerId,
-        "aria-label": getPhrase("Toggle menu"),
+        "aria-label": getPhrase("Toggle menu", countryCode),
         children: /*#__PURE__*/_jsxs("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16",
@@ -63,7 +64,7 @@ export default function Layout(_ref) {
         "data-blue-toggle": "layout-side",
         "aria-controls": sideId,
         "aria-expanded": "true",
-        "aria-label": getPhrase("Toggle sidebar"),
+        "aria-label": getPhrase("Toggle sidebar", countryCode),
         children: /*#__PURE__*/_jsx("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16",
@@ -85,13 +86,13 @@ export default function Layout(_ref) {
         id: drawerId,
         "aria-describedby": drawerLabelId,
         children: [/*#__PURE__*/_jsxs("div", {
-          className: "offcanvas offcanvas-start show",
+          className: "offcanvas offcanvas-start",
           children: [/*#__PURE__*/_jsxs("div", {
             className: "offcanvas-header",
             children: [/*#__PURE__*/_jsx("h1", {
               className: "h5 offcanvas-title",
               id: drawerLabelId,
-              children: drawerTitle || getPhrase("Menu")
+              children: drawerTitle || getPhrase("Menu", countryCode)
             }), /*#__PURE__*/_jsx("form", {
               method: "dialog",
               style: {
@@ -100,7 +101,7 @@ export default function Layout(_ref) {
               children: /*#__PURE__*/_jsx("button", {
                 type: "submit",
                 className: "btn-close",
-                "aria-label": getPhrase("Close")
+                "aria-label": getPhrase("Close", countryCode)
               })
             })]
           }), /*#__PURE__*/_jsx("div", {
@@ -114,7 +115,7 @@ export default function Layout(_ref) {
           method: "dialog",
           className: "blue-modal-backdrop",
           children: /*#__PURE__*/_jsx("button", {
-            children: getPhrase("Close")
+            children: getPhrase("Close", countryCode)
           })
         })]
       })

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "11.3.0",
+    "version": "11.3.2",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "type": "module",
@@ -35,7 +35,7 @@
     },
     "dependencies": {
         "@popperjs/core": "^2.11.5",
-        "blue-web": "^1.27.1",
+        "blue-web": "^1.30.1",
         "bootstrap": "~5.3.3",
         "clsx": "^1.1.1"
     },