@trackunit/react-table-base-components 0.0.15 → 0.0.17-alpha-4c4c5ce62d.0

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "0.0.15",
+  "version": "0.0.17-alpha-4c4c5ce62d.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=18.x"
   },
   "dependencies": {
-    "@trackunit/css-class-variance-utilities": "0.0.14",
-    "@trackunit/react-components": "0.1.158",
-    "@trackunit/react-form-components": "0.0.144",
+    "@trackunit/css-class-variance-utilities": "0.0.15-alpha-4c4c5ce62d.0",
+    "@trackunit/date-and-time-utils": "0.0.1-alpha-4c4c5ce62d.0",
+    "@trackunit/react-components": "0.1.160-alpha-4c4c5ce62d.0",
+    "@trackunit/react-form-components": "0.0.146-alpha-4c4c5ce62d.0",
     "react": "18.2.0"
   },
   "module": "./index.esm.js",

package/src/components/DateTimeCell/DateTimeCell.d.ts

@@ -0,0 +1,42 @@
+import { TemporalFormat } from "@trackunit/date-and-time-utils";
+import { CommonProps } from "@trackunit/react-components";
+export interface DateTimeCellProps extends CommonProps {
+    /**
+     * The date to render.
+     * If not provided, the component will not render.
+     */
+    date?: Date;
+    /**
+     * If true, the component will render the time since the date.
+     * This is rendered on a separate line.
+     *
+     * @default true
+     */
+    withTimeSince?: boolean;
+    /**
+     * The format to use for the date.
+     * If not provided, the component will use the default format.
+     * See the formatDateUtil function for more information.
+     */
+    format?: TemporalFormat;
+    /**
+     * The time zone to use for the date.
+     * See the formatDateUtil function for more information.
+     */
+    timeZone?: string;
+    /**
+     * The locale to use for the date.
+     * See the formatDateUtil function for more information.
+     */
+    locale?: string;
+}
+/**
+ * DateTimeCell is used for render a date and or time in a table cell.
+ *
+ * @param {DateTimeCellProps} props - The props for the DateTimeCell component
+ * @returns {JSX.Element} DateTimeCell component
+ */
+export declare const DateTimeCell: ({ format, timeZone, locale, date, withTimeSince, className, dataTestId, }: DateTimeCellProps) => JSX.Element | null;
+export interface TimeSinceProps extends Pick<DateTimeCellProps, "date" | "timeZone" | "locale"> {
+    date: Date;
+}

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

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

package/src/components/DateTimeCell/DateTimeCell.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const cvaDateTimeCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaDateTime: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaDateTimeSince: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/TextCell/TextCell.d.ts

@@ -0,0 +1,12 @@
+import { CommonProps } from "@trackunit/react-components";
+export interface TextCellProps extends CommonProps {
+    content?: string;
+}
+/**
+ * The `<TextCell>` component is used for displaying text in a table cell.
+ * The text is not editable and will be truncated if the cell is too narrow.
+ *
+ * @param {TextCellProps} props - The props for the TextCell component
+ * @returns {JSX.Element} TextCell component
+ */
+export declare const TextCell: ({ content, className, dataTestId }: TextCellProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TextCell } from "./TextCell";
+import "./TextCell.variants";
+type Story = StoryObj<typeof TextCell>;
+declare const meta: Meta<typeof TextCell>;
+export default meta;
+export declare const Default: Story;
+export declare const Example: Story;

package/src/components/TextCell/TextCell.variants.d.ts

@@ -0,0 +1 @@
+export declare const cvaTextCell: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;