@trackunit/react-table-base-components 0.0.372 → 0.0.373

package/index.cjs.js

@@ -3,14 +3,57 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactComponents = require('@trackunit/react-components');
 var reactFormComponents = require('@trackunit/react-form-components');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var dateAndTimeUtils = require('@trackunit/date-and-time-utils');
-var reactComponents = require('@trackunit/react-components');
 var react = require('react');
 var polyfill = require('@js-temporal/polyfill');
 var sharedUtils = require('@trackunit/shared-utils');
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * The ButtonCell is used to render buttons in a table cell
+ *
+ * @param {ButtonCellProps} props - The props for the ButtonCell component
+ * @returns {JSX.Element} ButtonCell component
+ */
+const ButtonCell = (_a) => {
+    var { dataTestId, children, iconName, iconColor = "primary", variant = "ghost-neutral" } = _a, rest = __rest(_a, ["dataTestId", "children", "iconName", "iconColor", "variant"]);
+    return (jsxRuntime.jsx(reactComponents.Button, Object.assign({ prefix: iconName ? jsxRuntime.jsx(reactComponents.Icon, { color: iconColor, name: iconName, size: "small", type: "solid" }) : null }, rest, { dataTestId: `button-cell-${dataTestId}`, variant: variant, children: children })));
+};
+
 const cvaCheckboxCell = cssClassVarianceUtilities.cvaMerge([""]);
 
 /**
@@ -51,38 +94,6 @@ const TimeSince = ({ date, timeZone, locale }) => {
     }
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * The `<ImageCell>` component is used for displaying images in a table cell.
  *
@@ -451,6 +462,7 @@ const cvaTr = cssClassVarianceUtilities.cvaMerge(["border-b", "border-neutral-30
     },
 });
 
+exports.ButtonCell = ButtonCell;
 exports.CheckboxCell = CheckboxCell;
 exports.DateTimeCell = DateTimeCell;
 exports.ImageCell = ImageCell;

package/index.esm.js

@@ -1,12 +1,55 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { Button, Icon, Indicator, ExternalLink, Tooltip, Tag, Notice } from '@trackunit/react-components';
 import { Checkbox } from '@trackunit/react-form-components';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { formatDateUtil, timeSinceAuto, timeSinceInDays } from '@trackunit/date-and-time-utils';
-import { Indicator, ExternalLink, Tooltip, Tag, Notice } from '@trackunit/react-components';
 import { useState, useEffect } from 'react';
 import { Temporal } from '@js-temporal/polyfill';
 import { DateTimeFormat } from '@trackunit/shared-utils';
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * The ButtonCell is used to render buttons in a table cell
+ *
+ * @param {ButtonCellProps} props - The props for the ButtonCell component
+ * @returns {JSX.Element} ButtonCell component
+ */
+const ButtonCell = (_a) => {
+    var { dataTestId, children, iconName, iconColor = "primary", variant = "ghost-neutral" } = _a, rest = __rest(_a, ["dataTestId", "children", "iconName", "iconColor", "variant"]);
+    return (jsx(Button, Object.assign({ prefix: iconName ? jsx(Icon, { color: iconColor, name: iconName, size: "small", type: "solid" }) : null }, rest, { dataTestId: `button-cell-${dataTestId}`, variant: variant, children: children })));
+};
+
 const cvaCheckboxCell = cvaMerge([""]);
 
 /**
@@ -47,38 +90,6 @@ const TimeSince = ({ date, timeZone, locale }) => {
     }
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * The `<ImageCell>` component is used for displaying images in a table cell.
  *
@@ -447,4 +458,4 @@ const cvaTr = cvaMerge(["border-b", "border-neutral-300", "w-full", "h-max"], {
     },
 });
 
-export { CheckboxCell, DateTimeCell, ImageCell, IndicatorCell, LinkCell, MultiValueTextCell, NoticeCell, NumberCell, PlainDateCell, ResizeHandle, SortIndicator, TableRoot, TagsCell, Tbody, Td, TextCell, Tfoot, Th, Thead, Tr };
+export { ButtonCell, CheckboxCell, DateTimeCell, ImageCell, IndicatorCell, LinkCell, MultiValueTextCell, NoticeCell, NumberCell, PlainDateCell, 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.372",
+  "version": "0.0.373",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -12,6 +12,7 @@
     "@trackunit/css-class-variance-utilities": "*",
     "@trackunit/date-and-time-utils": "*",
     "@trackunit/shared-utils": "*",
+    "@trackunit/ui-icons": "*",
     "react": "^18.2.0",
     "@js-temporal/polyfill": "^0.4.4"
   },

package/src/components/ButtonCell/ButtonCell.d.ts

@@ -0,0 +1,15 @@
+import { ButtonCommonProps, IconColors } from "@trackunit/react-components";
+import { IconName } from "@trackunit/ui-icons";
+import { ReactNode } from "react";
+export interface ButtonCellProps extends ButtonCommonProps {
+    children: ReactNode;
+    iconName?: IconName;
+    iconColor?: IconColors;
+}
+/**
+ * The ButtonCell is used to render buttons in a table cell
+ *
+ * @param {ButtonCellProps} props - The props for the ButtonCell component
+ * @returns {JSX.Element} ButtonCell component
+ */
+export declare const ButtonCell: ({ dataTestId, children, iconName, iconColor, variant, ...rest }: ButtonCellProps) => JSX.Element;

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

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

package/src/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/ButtonCell/ButtonCell";
 export * from "./components/CheckboxCell/CheckboxCell";
 export * from "./components/DateTimeCell/DateTimeCell";
 export * from "./components/ImageCell/ImageCell";