@trackunit/react-table-base-components 1.24.12 → 1.25.0

package/index.cjs.js

@@ -12,7 +12,8 @@ var sharedUtils = require('@trackunit/shared-utils');
 
 var defaultTranslations = {
 	"copyableCell.copied": "Copied!",
-	"copyableCell.copy": "Copy"
+	"copyableCell.copy": "Copy",
+	"rowActions.moreActions": "More actions"
 };
 
 const namespace = "react.table-base-components";
@@ -654,8 +655,8 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, "
  * @param {NoticeCellProps} props - The props for the NoticeCell component
  * @returns {ReactElement} NoticeCell component
  */
-const NoticeCell = ({ ref, ...rest }) => {
-    return jsxRuntime.jsx(reactComponents.Notice, { ref: ref, ...rest });
+const NoticeCell = ({ ref, tooltipLabel, ...rest }) => {
+    return (jsxRuntime.jsx(reactComponents.Tooltip, { disabled: !tooltipLabel, label: tooltipLabel, children: jsxRuntime.jsx(reactComponents.Notice, { ref: ref, ...rest }) }));
 };
 
 const cvaNumberCell = cssClassVarianceUtilities.cvaMerge(["flex", "gap-1", "slashed-zero", "text-sm", "text-ellipsis"]);
@@ -917,6 +918,7 @@ const cvaResizeHandel = cssClassVarianceUtilities.cvaMerge([
  * @returns {ReactElement} A React component rendering the row actions.
  */
 const RowActions = ({ actions, style }) => {
+    const [t] = useTranslation();
     const selectedActions = actions.filter(action => action.isSelected);
     const normalActions = actions.filter(action => (action.isVisible ?? true) && action.variant !== "danger");
     const dangerActions = actions.filter(action => (action.isVisible ?? true) && action.variant === "danger");
@@ -931,10 +933,10 @@ const RowActions = ({ actions, style }) => {
                 action.onClick(event);
             }, prefix: jsxRuntime.jsx(IconWithLoader, { action: action, size: "small" }), size: "small", style: style, variant: "secondary", children: action.label })));
     }
-    return (jsxRuntime.jsxs("div", { className: "flex items-center", "data-testid": "row-actions", style: style, children: [selectedActions.map((action, index) => (jsxRuntime.jsx(reactComponents.IconButton, { className: "mr-2", icon: action.iconName ? jsxRuntime.jsx(reactComponents.Icon, { name: action.iconName, size: "small" }) : undefined, onClick: event => {
+    return (jsxRuntime.jsxs("div", { className: "flex items-center", "data-testid": "row-actions", style: style, children: [selectedActions.map((action, index) => (jsxRuntime.jsx(reactComponents.IconButton, { className: "mr-2", icon: jsxRuntime.jsx(reactComponents.Icon, { name: action.iconName ?? "QuestionMarkCircle", size: "small" }), onClick: event => {
                     event.stopPropagation();
                     action.onClick(event);
-                }, size: "small", variant: "ghost-neutral" }, `selected-action-${index}`))), jsxRuntime.jsx(reactComponents.MoreMenu, { customButton: jsxRuntime.jsx(reactComponents.IconButton, { icon: jsxRuntime.jsx(reactComponents.Icon, { name: "EllipsisHorizontal", size: "medium" }), onClick: event => event.stopPropagation(), size: "small", variant: "ghost-neutral" }), children: close => (jsxRuntime.jsxs(reactComponents.MenuList, { children: [normalActions.map((action, index) => (jsxRuntime.jsx(reactComponents.MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {
+                }, size: "small", title: action.label, variant: "ghost-neutral" }, `selected-action-${index}`))), jsxRuntime.jsx(reactComponents.MoreMenu, { customButton: jsxRuntime.jsx(reactComponents.IconButton, { icon: jsxRuntime.jsx(reactComponents.Icon, { name: "EllipsisHorizontal", size: "medium" }), onClick: event => event.stopPropagation(), size: "small", title: t("rowActions.moreActions"), variant: "ghost-neutral" }), children: close => (jsxRuntime.jsxs(reactComponents.MenuList, { children: [normalActions.map((action, index) => (jsxRuntime.jsx(reactComponents.MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {
                                 action.onClick(event);
                                 close();
                             }, prefix: jsxRuntime.jsx(IconWithLoader, { action: action, size: "medium" }), variant: action.variant }, `action-${index}`))), normalActions.length > 0 && dangerActions.length > 0 && jsxRuntime.jsx(reactComponents.MenuDivider, {}), dangerActions.map((action, index) => (jsxRuntime.jsx(reactComponents.MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {

package/index.esm.js

@@ -10,7 +10,8 @@ import { DateTimeFormat } from '@trackunit/shared-utils';
 
 var defaultTranslations = {
 	"copyableCell.copied": "Copied!",
-	"copyableCell.copy": "Copy"
+	"copyableCell.copy": "Copy",
+	"rowActions.moreActions": "More actions"
 };
 
 const namespace = "react.table-base-components";
@@ -652,8 +653,8 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, "
  * @param {NoticeCellProps} props - The props for the NoticeCell component
  * @returns {ReactElement} NoticeCell component
  */
-const NoticeCell = ({ ref, ...rest }) => {
-    return jsx(Notice, { ref: ref, ...rest });
+const NoticeCell = ({ ref, tooltipLabel, ...rest }) => {
+    return (jsx(Tooltip, { disabled: !tooltipLabel, label: tooltipLabel, children: jsx(Notice, { ref: ref, ...rest }) }));
 };
 
 const cvaNumberCell = cvaMerge(["flex", "gap-1", "slashed-zero", "text-sm", "text-ellipsis"]);
@@ -915,6 +916,7 @@ const cvaResizeHandel = cvaMerge([
  * @returns {ReactElement} A React component rendering the row actions.
  */
 const RowActions = ({ actions, style }) => {
+    const [t] = useTranslation();
     const selectedActions = actions.filter(action => action.isSelected);
     const normalActions = actions.filter(action => (action.isVisible ?? true) && action.variant !== "danger");
     const dangerActions = actions.filter(action => (action.isVisible ?? true) && action.variant === "danger");
@@ -929,10 +931,10 @@ const RowActions = ({ actions, style }) => {
                 action.onClick(event);
             }, prefix: jsx(IconWithLoader, { action: action, size: "small" }), size: "small", style: style, variant: "secondary", children: action.label })));
     }
-    return (jsxs("div", { className: "flex items-center", "data-testid": "row-actions", style: style, children: [selectedActions.map((action, index) => (jsx(IconButton, { className: "mr-2", icon: action.iconName ? jsx(Icon, { name: action.iconName, size: "small" }) : undefined, onClick: event => {
+    return (jsxs("div", { className: "flex items-center", "data-testid": "row-actions", style: style, children: [selectedActions.map((action, index) => (jsx(IconButton, { className: "mr-2", icon: jsx(Icon, { name: action.iconName ?? "QuestionMarkCircle", size: "small" }), onClick: event => {
                     event.stopPropagation();
                     action.onClick(event);
-                }, size: "small", variant: "ghost-neutral" }, `selected-action-${index}`))), jsx(MoreMenu, { customButton: jsx(IconButton, { icon: jsx(Icon, { name: "EllipsisHorizontal", size: "medium" }), onClick: event => event.stopPropagation(), size: "small", variant: "ghost-neutral" }), children: close => (jsxs(MenuList, { children: [normalActions.map((action, index) => (jsx(MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {
+                }, size: "small", title: action.label, variant: "ghost-neutral" }, `selected-action-${index}`))), jsx(MoreMenu, { customButton: jsx(IconButton, { icon: jsx(Icon, { name: "EllipsisHorizontal", size: "medium" }), onClick: event => event.stopPropagation(), size: "small", title: t("rowActions.moreActions"), variant: "ghost-neutral" }), children: close => (jsxs(MenuList, { children: [normalActions.map((action, index) => (jsx(MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {
                                 action.onClick(event);
                                 close();
                             }, prefix: jsx(IconWithLoader, { action: action, size: "medium" }), variant: action.variant }, `action-${index}`))), normalActions.length > 0 && dangerActions.length > 0 && jsx(MenuDivider, {}), dangerActions.map((action, index) => (jsx(MenuItem, { disabled: action.disabled || action.loading, label: action.label, onClick: event => {

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "1.24.12",
+  "version": "1.25.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=24.x"
   },
   "dependencies": {
-    "@trackunit/react-components": "1.24.7",
-    "@trackunit/ui-icons": "1.13.4",
-    "@trackunit/react-form-components": "1.25.12",
-    "@trackunit/css-class-variance-utilities": "1.13.4",
-    "@trackunit/date-and-time-utils": "1.13.4",
-    "@trackunit/shared-utils": "1.15.4",
-    "@trackunit/i18n-library-translation": "1.21.8",
+    "@trackunit/react-components": "1.25.0",
+    "@trackunit/ui-icons": "1.13.5",
+    "@trackunit/react-form-components": "1.26.0",
+    "@trackunit/css-class-variance-utilities": "1.13.5",
+    "@trackunit/date-and-time-utils": "1.13.5",
+    "@trackunit/shared-utils": "1.15.5",
+    "@trackunit/i18n-library-translation": "1.22.0",
     "tailwind-merge": "^2.0.0"
   },
   "peerDependencies": {

package/src/components/NoticeCell/NoticeCell.d.ts

@@ -1,5 +1,8 @@
 import { NoticeProps } from "@trackunit/react-components";
-export type NoticeCellProps = NoticeProps;
+import { ReactElement } from "react";
+export type NoticeCellProps = NoticeProps & {
+    tooltipLabel?: string;
+};
 /**
  * NoticeCell renders a Notice component inside a table cell, displaying an inline colored message
  * (info, warning, success, danger). It accepts the same props as Notice.
@@ -20,4 +23,4 @@ export type NoticeCellProps = NoticeProps;
  * @param {NoticeCellProps} props - The props for the NoticeCell component
  * @returns {ReactElement} NoticeCell component
  */
-export declare const NoticeCell: ({ ref, ...rest }: NoticeCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NoticeCell: ({ ref, tooltipLabel, ...rest }: NoticeCellProps) => ReactElement;

package/src/translation.d.ts

@@ -6,8 +6,8 @@ export declare const translations: TranslationResource<TranslationKeys>;
 /**
  *  Local useTranslation for this specific library
  */
-export declare const useTranslation: () => [TransForLibs<"copyableCell.copied" | "copyableCell.copy">, import("i18next").i18n, boolean] & {
-    t: TransForLibs<"copyableCell.copied" | "copyableCell.copy">;
+export declare const useTranslation: () => [TransForLibs<"copyableCell.copied" | "copyableCell.copy" | "rowActions.moreActions">, import("i18next").i18n, boolean] & {
+    t: TransForLibs<"copyableCell.copied" | "copyableCell.copy" | "rowActions.moreActions">;
     i18n: import("i18next").i18n;
     ready: boolean;
 };