@trackunit/react-table-base-components 1.7.138 → 1.7.142
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs.js +3 -3
- package/index.esm.js +3 -3
- package/package.json +7 -7
- package/src/components/IndicatorCell/IndicatorCell.d.ts +2 -2
- package/src/components/LinkCell/LinkCell.d.ts +2 -2
- package/src/components/LinkCell/LinkCell.stories.d.ts +1 -1
- package/src/components/SortIndicator.d.ts +2 -2
- package/src/components/Th.d.ts +2 -2
package/index.cjs.js
CHANGED
|
@@ -146,7 +146,7 @@ const cvaLinkCell = cssClassVarianceUtilities.cvaMerge(["text-sm"]);
|
|
|
146
146
|
*/
|
|
147
147
|
const LinkCell = ({ link, type, className, ...rest }) => {
|
|
148
148
|
const linkPrefix = type === "LINK" ? "" : type === "PHONE" ? "tel:" : "mailto:";
|
|
149
|
-
const handleClick =
|
|
149
|
+
const handleClick = event => {
|
|
150
150
|
event.stopPropagation();
|
|
151
151
|
};
|
|
152
152
|
return (jsxRuntime.jsx(reactComponents.ExternalLink, { className: cvaLinkCell({ className }), href: `${linkPrefix}${link}`, ...rest, color: "neutral", onClick: handleClick, children: link }));
|
|
@@ -298,7 +298,7 @@ const DaysSince = ({ date, locale }) => {
|
|
|
298
298
|
* @returns {ReactElement} A React element representing the resizable handle.
|
|
299
299
|
*/
|
|
300
300
|
const ResizeHandle = ({ isResizing = false, "data-testid": dataTestId, onMouseDown: onMouseDownHandler, className, ...rest }) => {
|
|
301
|
-
const onMouseDown =
|
|
301
|
+
const onMouseDown = event => {
|
|
302
302
|
const resizeCursorClass = "cursor-col-resize";
|
|
303
303
|
document.addEventListener("mouseup", () => {
|
|
304
304
|
document.body.classList.remove(resizeCursorClass);
|
|
@@ -306,7 +306,7 @@ const ResizeHandle = ({ isResizing = false, "data-testid": dataTestId, onMouseDo
|
|
|
306
306
|
document.body.classList.add(resizeCursorClass);
|
|
307
307
|
onMouseDownHandler?.(event);
|
|
308
308
|
};
|
|
309
|
-
return (jsxRuntime.jsx("div", { className: cvaResizeHandel({ isResizing, className }), "data-testid": dataTestId, onMouseDown:
|
|
309
|
+
return (jsxRuntime.jsx("div", { className: cvaResizeHandel({ isResizing, className }), "data-testid": dataTestId, onMouseDown: onMouseDown, role: "separator", ...rest }));
|
|
310
310
|
};
|
|
311
311
|
const cvaResizeHandel = cssClassVarianceUtilities.cvaMerge([
|
|
312
312
|
"absolute",
|
package/index.esm.js
CHANGED
|
@@ -144,7 +144,7 @@ const cvaLinkCell = cvaMerge(["text-sm"]);
|
|
|
144
144
|
*/
|
|
145
145
|
const LinkCell = ({ link, type, className, ...rest }) => {
|
|
146
146
|
const linkPrefix = type === "LINK" ? "" : type === "PHONE" ? "tel:" : "mailto:";
|
|
147
|
-
const handleClick =
|
|
147
|
+
const handleClick = event => {
|
|
148
148
|
event.stopPropagation();
|
|
149
149
|
};
|
|
150
150
|
return (jsx(ExternalLink, { className: cvaLinkCell({ className }), href: `${linkPrefix}${link}`, ...rest, color: "neutral", onClick: handleClick, children: link }));
|
|
@@ -296,7 +296,7 @@ const DaysSince = ({ date, locale }) => {
|
|
|
296
296
|
* @returns {ReactElement} A React element representing the resizable handle.
|
|
297
297
|
*/
|
|
298
298
|
const ResizeHandle = ({ isResizing = false, "data-testid": dataTestId, onMouseDown: onMouseDownHandler, className, ...rest }) => {
|
|
299
|
-
const onMouseDown =
|
|
299
|
+
const onMouseDown = event => {
|
|
300
300
|
const resizeCursorClass = "cursor-col-resize";
|
|
301
301
|
document.addEventListener("mouseup", () => {
|
|
302
302
|
document.body.classList.remove(resizeCursorClass);
|
|
@@ -304,7 +304,7 @@ const ResizeHandle = ({ isResizing = false, "data-testid": dataTestId, onMouseDo
|
|
|
304
304
|
document.body.classList.add(resizeCursorClass);
|
|
305
305
|
onMouseDownHandler?.(event);
|
|
306
306
|
};
|
|
307
|
-
return (jsx("div", { className: cvaResizeHandel({ isResizing, className }), "data-testid": dataTestId, onMouseDown:
|
|
307
|
+
return (jsx("div", { className: cvaResizeHandel({ isResizing, className }), "data-testid": dataTestId, onMouseDown: onMouseDown, role: "separator", ...rest }));
|
|
308
308
|
};
|
|
309
309
|
const cvaResizeHandel = cvaMerge([
|
|
310
310
|
"absolute",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-table-base-components",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.142",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"react": "19.0.0",
|
|
11
|
-
"@trackunit/react-components": "1.10.
|
|
12
|
-
"@trackunit/ui-icons": "1.7.
|
|
13
|
-
"@trackunit/react-form-components": "1.8.
|
|
14
|
-
"@trackunit/css-class-variance-utilities": "1.7.
|
|
15
|
-
"@trackunit/date-and-time-utils": "1.7.
|
|
16
|
-
"@trackunit/shared-utils": "1.9.
|
|
11
|
+
"@trackunit/react-components": "1.10.68",
|
|
12
|
+
"@trackunit/ui-icons": "1.7.94",
|
|
13
|
+
"@trackunit/react-form-components": "1.8.140",
|
|
14
|
+
"@trackunit/css-class-variance-utilities": "1.7.93",
|
|
15
|
+
"@trackunit/date-and-time-utils": "1.7.93",
|
|
16
|
+
"@trackunit/shared-utils": "1.9.93",
|
|
17
17
|
"tailwind-merge": "^2.0.0",
|
|
18
18
|
"@js-temporal/polyfill": "^0.5.1"
|
|
19
19
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { IndicatorProps } from "@trackunit/react-components";
|
|
2
|
-
import { ReactElement } from "react";
|
|
3
|
-
export interface IndicatorCellProps extends IndicatorProps,
|
|
2
|
+
import { HTMLAttributes, ReactElement } from "react";
|
|
3
|
+
export interface IndicatorCellProps extends IndicatorProps, HTMLAttributes<HTMLTableSectionElement> {
|
|
4
4
|
/**
|
|
5
5
|
* The icon to be rendered inside the indicator component
|
|
6
6
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CommonProps } from "@trackunit/react-components";
|
|
2
|
-
import { HTMLAttributes } from "react";
|
|
2
|
+
import { HTMLAttributes, ReactElement } from "react";
|
|
3
3
|
export interface LinkCellProps extends CommonProps, HTMLAttributes<HTMLTableSectionElement> {
|
|
4
4
|
/**
|
|
5
5
|
* A id that can be used in tests to get the component
|
|
@@ -24,4 +24,4 @@ export interface LinkCellProps extends CommonProps, HTMLAttributes<HTMLTableSect
|
|
|
24
24
|
* @param {LinkCellProps} props - The props for the LinkCell component
|
|
25
25
|
* @returns {ReactElement} LinkCell component
|
|
26
26
|
*/
|
|
27
|
-
export declare const LinkCell: ({ link, type, className, ...rest }: LinkCellProps) =>
|
|
27
|
+
export declare const LinkCell: ({ link, type, className, ...rest }: LinkCellProps) => ReactElement;
|
|
@@ -4,7 +4,7 @@ import { LinkCellProps } from "./LinkCell";
|
|
|
4
4
|
type Story = StoryObj<typeof meta>;
|
|
5
5
|
declare const meta: {
|
|
6
6
|
title: string;
|
|
7
|
-
component: ({ link, type, className, ...rest }: LinkCellProps) =>
|
|
7
|
+
component: ({ link, type, className, ...rest }: LinkCellProps) => ReactElement;
|
|
8
8
|
argTypes: {};
|
|
9
9
|
parameters: {
|
|
10
10
|
docs: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommonProps } from "@trackunit/react-components";
|
|
2
|
-
import { ReactElement } from "react";
|
|
3
|
-
export interface SortIndicatorProps extends CommonProps,
|
|
2
|
+
import { HTMLAttributes, ReactElement } from "react";
|
|
3
|
+
export interface SortIndicatorProps extends CommonProps, HTMLAttributes<HTMLSpanElement> {
|
|
4
4
|
/**
|
|
5
5
|
* A id that can be used in tests to get the component
|
|
6
6
|
*/
|
package/src/components/Th.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommonProps } from "@trackunit/react-components";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
export interface ThProps extends CommonProps,
|
|
2
|
+
import { HTMLAttributes, ReactNode } from "react";
|
|
3
|
+
export interface ThProps extends CommonProps, HTMLAttributes<HTMLTableCellElement> {
|
|
4
4
|
/**
|
|
5
5
|
* A id that can be used in tests to get the component
|
|
6
6
|
*/
|