@stll/workspace-ui 0.11.8 → 0.11.10

package/dist/field-value.d.ts

@@ -1,6 +1,8 @@
 import { GenericProperty, WorkspaceFieldContent } from "./types.js";
+import { useFormatter } from "use-intl";
 //#region src/field-value.d.ts
-type FieldValueVariant = "default" | "table" | "kanban";
+export type FieldValueVariant = "default" | "table" | "kanban";
+type PropertyContentType = GenericProperty["content"]["type"];
 type FieldValueProps = {
   content: WorkspaceFieldContent | undefined;
   property: GenericProperty;
@@ -14,6 +16,17 @@ export declare const IntFieldValue: ({ content, variant }: {
   }>;
   variant?: FieldValueVariant;
 }) => import("react").JSX.Element;
+type FormatIntFieldValueParams = {
+  content: Extract<WorkspaceFieldContent, {
+    type: "int";
+  }>;
+  format: ReturnType<typeof useFormatter>;
+};
+/**
+ * An int with a currency renders as that currency when the code is one
+ * `Intl` knows, else as the number followed by the raw code.
+ */
+export declare const formatIntFieldValue: ({ content, format }: FormatIntFieldValueParams) => string;
 export declare const MoneyFieldValue: ({ content, variant }: {
   content: Extract<WorkspaceFieldContent, {
     type: "money";
@@ -26,4 +39,34 @@ export declare const PersonFieldValue: ({ content, variant }: {
   }>;
   variant?: FieldValueVariant;
 }) => import("react").JSX.Element;
+/**
+ * The person's picture, or their initial when there is none. Deliberately not
+ * the app's user avatar: a person field names someone who may not be a
+ * workspace member at all, so there is no account to render.
+ */
+export declare const PersonAvatar: ({ image, name }: {
+  image: string | null;
+  name: string;
+}) => import("react").JSX.Element;
+export declare const EmptyFieldValue: ({ variant }: {
+  variant: FieldValueVariant;
+}) => import("react").JSX.Element | null;
+export declare const ErrorFieldValue: ({ variant }: {
+  variant: FieldValueVariant;
+}) => import("react").JSX.Element | null;
+export declare const UnsupportedFieldValue: ({ variant }: {
+  variant: FieldValueVariant;
+}) => import("react").JSX.Element | null;
+export declare const ClipFieldValue: ({ content, variant }: {
+  content: Extract<WorkspaceFieldContent, {
+    type: "clip";
+  }>;
+  variant: FieldValueVariant;
+}) => import("react").JSX.Element;
+type PendingSkeletonProps = {
+  contentType: PropertyContentType;
+};
+export declare const PendingSkeleton: ({ contentType }: PendingSkeletonProps) => import("react").JSX.Element;
+export declare const getSelectPropertyColor: (property: GenericProperty, option: string | null) => import("@stll/ui/option-color").ColorVariants | undefined;
+export declare const getIntClassName: (variant: FieldValueVariant) => "text-muted-foreground bg-muted/60 rounded px-1.5 py-0.5 text-xs leading-none tabular-nums" | "block max-w-full min-w-0 truncate text-start tabular-nums" | "block min-w-0 max-w-full truncate text-start text-sm tabular-nums";
 //#endregion

package/dist/field-value.js

@@ -62,25 +62,26 @@ const FieldValue = ({ content, property, pendingPreview, variant }) => {
 };
 const IntFieldValue = ({ content, variant }) => {
 	const format = useFormatter();
-	const className = getIntClassName(variant ?? "default");
-	const fallback = `${format.number(content.value)} ${content.currency}`;
-	if (!content.currency) return /* @__PURE__ */ jsx("span", {
-		className,
-		children: format.number(content.value)
+	return /* @__PURE__ */ jsx("span", {
+		className: getIntClassName(variant ?? "default"),
+		children: formatIntFieldValue({
+			content,
+			format
+		})
 	});
-	const formattedResult = Result.try(() => format.number(content.value, {
+};
+/**
+* An int with a currency renders as that currency when the code is one
+* `Intl` knows, else as the number followed by the raw code.
+*/
+const formatIntFieldValue = ({ content, format }) => {
+	const { currency } = content;
+	if (!currency) return format.number(content.value);
+	return Result.try(() => format.number(content.value, {
 		style: "currency",
-		currency: content.currency ?? void 0,
+		currency,
 		minimumFractionDigits: 0
-	}));
-	if (formattedResult.isErr()) return /* @__PURE__ */ jsx("span", {
-		className,
-		children: fallback
-	});
-	return /* @__PURE__ */ jsx("span", {
-		className,
-		children: formattedResult.value
-	});
+	})).unwrapOr(`${format.number(content.value)} ${currency}`);
 };
 const MoneyFieldValue = ({ content, variant }) => {
 	const locale = useLocale();
@@ -316,4 +317,4 @@ const getIntClassName = (variant) => {
 	return "block min-w-0 max-w-full truncate text-start text-sm tabular-nums";
 };
 //#endregion
-export { FieldValue, IntFieldValue, MoneyFieldValue, PersonFieldValue };
+export { ClipFieldValue, EmptyFieldValue, ErrorFieldValue, FieldValue, IntFieldValue, MoneyFieldValue, PendingSkeleton, PersonAvatar, PersonFieldValue, UnsupportedFieldValue, formatIntFieldValue, getIntClassName, getSelectPropertyColor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/workspace-ui",
-  "version": "0.11.8",
+  "version": "0.11.10",
   "description": "Reusable workspace presentation components and view helpers for Stella.",
   "keywords": [
     "calculations",
@@ -109,7 +109,7 @@
     "pack:dry-run": "bun pm pack --dry-run",
     "test": "bun test src",
     "typecheck": "bun ../../packages/scripts/src/tsc-native.ts --noEmit",
-    "lint": "cd ../.. && bun --bun oxlint -c oxlint.config.ts --report-unused-disable-directives-severity=error --deny-warnings --type-aware packages/workspace-ui",
+    "lint": "cd ../.. && bun --bun oxlint -c oxlint.config.ts --report-unused-disable-directives-severity=error --type-aware packages/workspace-ui",
     "lint:fix": "cd ../.. && bun --bun oxlint -c oxlint.config.ts --type-aware --fix packages/workspace-ui",
     "format": "bun ../../scripts/run-oxfmt.ts .",
     "prepack": "bun run build",
@@ -118,12 +118,12 @@
   "dependencies": {
     "@stll/calculations": "^0.1.1",
     "@stll/conditions": "^0.4.0",
-    "@stll/money": "^0.2.0",
-    "@stll/ui": "^0.34.1",
+    "@stll/money": "^0.2.1",
+    "@stll/ui": "^0.34.4",
     "better-result": "3.0.1",
     "lucide-react": "1.41.0",
-    "temporal-polyfill": "1.0.4",
-    "use-intl": "4.14.2"
+    "temporal-polyfill": "1.0.5",
+    "use-intl": "4.14.5"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
@@ -135,7 +135,7 @@
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.7",
     "bun-types": "1.4.2",
-    "fast-check": "^4.9.0",
+    "fast-check": "^4.10.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "tailwindcss": "4.3.3",