@trackunit/react-table-base-components 0.0.201 → 0.0.202

package/index.cjs.js

@@ -131,6 +131,17 @@ const MultiValueTextCell = ({ content, count, icon, iconTooltip, dataTestId, cla
     return count && count > 0 ? (jsxRuntime.jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", disabled: !iconTooltip, label: iconTooltip !== null && iconTooltip !== void 0 ? iconTooltip : "", placement: "bottom", children: icon }), jsxRuntime.jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsxRuntime.jsx(reactComponents.Tooltip, { className: "inline", disabled: !isTooltipVisible, label: content !== null && content !== void 0 ? content : "", placement: "bottom", children: content !== null && content !== void 0 ? content : "" }) }), jsxRuntime.jsx("span", { className: "text-slate-500", children: count > 1 ? `+${count - 1}` : "" })] })) : null;
 };
 
+/**
+ * The NoticeCell is used for rendering a Notice in a table cell
+ *
+ * @param {NoticeCellProps} props - The props for the NoticeCell component
+ * @returns {JSX.Element} NoticeCell component
+ */
+const NoticeCell = (_a) => {
+    var rest = __rest(_a, []);
+    return jsxRuntime.jsx(reactComponents.Notice, Object.assign({}, rest));
+};
+
 const cvaNumberCell = cssClassVarianceUtilities.cvaMerge([
     "flex",
     "gap-1",
@@ -412,6 +423,7 @@ exports.ImageCell = ImageCell;
 exports.IndicatorCell = IndicatorCell;
 exports.LinkCell = LinkCell;
 exports.MultiValueTextCell = MultiValueTextCell;
+exports.NoticeCell = NoticeCell;
 exports.NumberCell = NumberCell;
 exports.ResizeHandle = ResizeHandle;
 exports.SortIndicator = SortIndicator;

package/index.esm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Checkbox } from '@trackunit/react-form-components';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { formatDateUtil, timeSinceAuto } from '@trackunit/date-and-time-utils';
-import { Indicator, ExternalLink, Tooltip, Tag } from '@trackunit/react-components';
+import { Indicator, ExternalLink, Tooltip, Notice, Tag } from '@trackunit/react-components';
 import { useState, useEffect } from 'react';
 
 const cvaCheckboxCell = cvaMerge([""]);
@@ -127,6 +127,17 @@ const MultiValueTextCell = ({ content, count, icon, iconTooltip, dataTestId, cla
     return count && count > 0 ? (jsxs("div", { className: cvaMultiValueTextCellWrapper({ className }), "data-testid": dataTestId, children: [jsx(Tooltip, { className: "inline", disabled: !iconTooltip, label: iconTooltip !== null && iconTooltip !== void 0 ? iconTooltip : "", placement: "bottom", children: icon }), jsx("span", { className: cvaMultiValueTextCellTooltip(), ref: elementRef => updateTooltipVisibility(elementRef), children: jsx(Tooltip, { className: "inline", disabled: !isTooltipVisible, label: content !== null && content !== void 0 ? content : "", placement: "bottom", children: content !== null && content !== void 0 ? content : "" }) }), jsx("span", { className: "text-slate-500", children: count > 1 ? `+${count - 1}` : "" })] })) : null;
 };
 
+/**
+ * The NoticeCell is used for rendering a Notice in a table cell
+ *
+ * @param {NoticeCellProps} props - The props for the NoticeCell component
+ * @returns {JSX.Element} NoticeCell component
+ */
+const NoticeCell = (_a) => {
+    var rest = __rest(_a, []);
+    return jsx(Notice, Object.assign({}, rest));
+};
+
 const cvaNumberCell = cvaMerge([
     "flex",
     "gap-1",
@@ -402,4 +413,4 @@ const cvaTr = cvaMerge(["border-b", "border-neutral-300", "w-full", "h-max"], {
     },
 });
 
-export { CheckboxCell, DateTimeCell, ImageCell, IndicatorCell, LinkCell, MultiValueTextCell, NumberCell, ResizeHandle, SortIndicator, TableRoot, TagsCell, Tbody, Td, TextCell, Tfoot, Th, Thead, Tr };
+export { CheckboxCell, DateTimeCell, ImageCell, IndicatorCell, LinkCell, MultiValueTextCell, NoticeCell, NumberCell, ResizeHandle, SortIndicator, TableRoot, TagsCell, Tbody, Td, TextCell, Tfoot, Th, Thead, Tr };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "0.0.201",
+  "version": "0.0.202",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { NoticeProps } from "@trackunit/react-components";
+export interface NoticeCellProps extends NoticeProps {
+}
+/**
+ * The NoticeCell is used for rendering a Notice in a table cell
+ *
+ * @param {NoticeCellProps} props - The props for the NoticeCell component
+ * @returns {JSX.Element} NoticeCell component
+ */
+export declare const NoticeCell: ({ ...rest }: NoticeCellProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { NoticeCell } from "./NoticeCell";
+type Story = StoryObj<typeof NoticeCell>;
+declare const meta: Meta<typeof NoticeCell>;
+export default meta;
+export declare const packageName: () => JSX.Element;
+export declare const Default: Story;

package/src/index.d.ts

@@ -4,6 +4,7 @@ export * from "./components/ImageCell/ImageCell";
 export * from "./components/IndicatorCell/IndicatorCell";
 export * from "./components/LinkCell/LinkCell";
 export * from "./components/MultiValueTextCell/MultiValueTextCell";
+export * from "./components/NoticeCell/NoticeCell";
 export * from "./components/NumberCell/NumberCell";
 export * from "./components/ResizeHandle";
 export * from "./components/SortIndicator";