@trackunit/react-modal 1.25.12 → 1.25.15

package/index.cjs.js

@@ -9,7 +9,7 @@ var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities
 var reactCoreContextsApi = require('@trackunit/react-core-contexts-api');
 
 var defaultTranslations = {
-	
+	"modalHeader.close": "Close"
 };
 
 /** The translation namespace for this library */
@@ -43,6 +43,10 @@ const translations = {
         th: () => Promise.resolve().then(function () { return require('./translation.cjs17.js'); }),
     },
 };
+/**
+ *  Local useTranslation for this specific library
+ */
+const useTranslation = () => i18nLibraryTranslation.useNamespaceTranslation(namespace);
 /**
  * Registers the translations for this library
  */
@@ -571,9 +575,10 @@ const cvaIconContainer = cssClassVarianceUtilities.cvaMerge(["flex", "place-item
  * @returns The modal header element.
  */
 const ModalHeader = react.forwardRef(({ heading, subHeading, onClickClose, "data-testid": dataTestId, className, style, id, children, accessories, }, ref) => {
+    const [t] = useTranslation();
     return (jsxRuntime.jsxs("div", { className: cvaContainer({
             className,
-        }), "data-testid": dataTestId, id: id, ref: ref, style: style, children: [jsxRuntime.jsxs("div", { className: cvaHeadingContainer(), children: [jsxRuntime.jsxs("div", { className: cvaTitleContainer(), children: [jsxRuntime.jsx(reactComponents.Heading, { variant: "tertiary", children: heading }), accessories] }), Boolean(subHeading) ? (jsxRuntime.jsx(reactComponents.Text, { size: "small", subtle: true, children: subHeading })) : null, children] }), jsxRuntime.jsx("div", { className: cvaIconContainer(), children: jsxRuntime.jsx(reactComponents.IconButton, { className: "!h-min", "data-testid": dataTestId ? `${dataTestId}-close-button` : "modal-close-button", icon: jsxRuntime.jsx(reactComponents.Icon, { name: "XMark", size: "small" }), onClick: onClickClose, size: "small", variant: "ghost-neutral" }) })] }));
+        }), "data-testid": dataTestId, id: id, ref: ref, style: style, children: [jsxRuntime.jsxs("div", { className: cvaHeadingContainer(), children: [jsxRuntime.jsxs("div", { className: cvaTitleContainer(), children: [jsxRuntime.jsx(reactComponents.Heading, { variant: "tertiary", children: heading }), accessories] }), Boolean(subHeading) ? (jsxRuntime.jsx(reactComponents.Text, { size: "small", subtle: true, children: subHeading })) : null, children] }), jsxRuntime.jsx("div", { className: cvaIconContainer(), children: jsxRuntime.jsx(reactComponents.IconButton, { className: "!h-min", "data-testid": dataTestId ? `${dataTestId}-close-button` : "modal-close-button", icon: jsxRuntime.jsx(reactComponents.Icon, { name: "XMark", size: "small" }), onClick: onClickClose, size: "small", title: t("modalHeader.close"), variant: "ghost-neutral" }) })] }));
 });
 
 /**

package/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { registerTranslations } from '@trackunit/i18n-library-translation';
+import { useNamespaceTranslation, registerTranslations } from '@trackunit/i18n-library-translation';
 import { useMergeRefs, FloatingFocusManager, FloatingOverlay, useFloating, shift, autoUpdate, useDismiss, useInteractions } from '@floating-ui/react';
 import { useOverflowBorder, useSheetSnap, useWatch, Card, Portal, Sheet, Button, Heading, Text, IconButton, Icon, useContainerBreakpoints, useViewportBreakpoints, useTimeout, SHEET_TRANSITION_DURATION_MS } from '@trackunit/react-components';
 import { useRef, useCallback, useState, useReducer, useMemo, forwardRef, useId, useSyncExternalStore, useLayoutEffect, useContext, useEffect } from 'react';
@@ -7,7 +7,7 @@ import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { ModalDialogContext, ErrorHandlingContext } from '@trackunit/react-core-contexts-api';
 
 var defaultTranslations = {
-	
+	"modalHeader.close": "Close"
 };
 
 /** The translation namespace for this library */
@@ -41,6 +41,10 @@ const translations = {
         th: () => import('./translation.esm17.js'),
     },
 };
+/**
+ *  Local useTranslation for this specific library
+ */
+const useTranslation = () => useNamespaceTranslation(namespace);
 /**
  * Registers the translations for this library
  */
@@ -569,9 +573,10 @@ const cvaIconContainer = cvaMerge(["flex", "place-items-center"]);
  * @returns The modal header element.
  */
 const ModalHeader = forwardRef(({ heading, subHeading, onClickClose, "data-testid": dataTestId, className, style, id, children, accessories, }, ref) => {
+    const [t] = useTranslation();
     return (jsxs("div", { className: cvaContainer({
             className,
-        }), "data-testid": dataTestId, id: id, ref: ref, style: style, children: [jsxs("div", { className: cvaHeadingContainer(), children: [jsxs("div", { className: cvaTitleContainer(), children: [jsx(Heading, { variant: "tertiary", children: heading }), accessories] }), Boolean(subHeading) ? (jsx(Text, { size: "small", subtle: true, children: subHeading })) : null, children] }), jsx("div", { className: cvaIconContainer(), children: jsx(IconButton, { className: "!h-min", "data-testid": dataTestId ? `${dataTestId}-close-button` : "modal-close-button", icon: jsx(Icon, { name: "XMark", size: "small" }), onClick: onClickClose, size: "small", variant: "ghost-neutral" }) })] }));
+        }), "data-testid": dataTestId, id: id, ref: ref, style: style, children: [jsxs("div", { className: cvaHeadingContainer(), children: [jsxs("div", { className: cvaTitleContainer(), children: [jsx(Heading, { variant: "tertiary", children: heading }), accessories] }), Boolean(subHeading) ? (jsx(Text, { size: "small", subtle: true, children: subHeading })) : null, children] }), jsx("div", { className: cvaIconContainer(), children: jsx(IconButton, { className: "!h-min", "data-testid": dataTestId ? `${dataTestId}-close-button` : "modal-close-button", icon: jsx(Icon, { name: "XMark", size: "small" }), onClick: onClickClose, size: "small", title: t("modalHeader.close"), variant: "ghost-neutral" }) })] }));
 });
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-modal",
-  "version": "1.25.12",
+  "version": "1.25.15",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,12 +8,12 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.25",
-    "@trackunit/react-components": "1.24.7",
-    "@trackunit/css-class-variance-utilities": "1.13.4",
-    "@trackunit/shared-utils": "1.15.4",
+    "@trackunit/react-components": "1.24.10",
+    "@trackunit/css-class-variance-utilities": "1.13.5",
+    "@trackunit/shared-utils": "1.15.5",
     "@floating-ui/react-dom": "2.1.2",
-    "@trackunit/react-core-contexts-api": "1.17.4",
-    "@trackunit/i18n-library-translation": "1.21.8"
+    "@trackunit/react-core-contexts-api": "1.17.5",
+    "@trackunit/i18n-library-translation": "1.21.10"
   },
   "peerDependencies": {
     "@tanstack/react-router": "^1.114.29",