@stll/workspace-ui 0.12.7 → 0.13.1

package/dist/field-value.d.ts

@@ -68,5 +68,5 @@ type PendingSkeletonProps = {
 };
 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) => "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" | "text-muted-foreground bg-muted/60 rounded px-1.5 py-0.5 text-xs leading-none tabular-nums";
+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/index.d.ts

@@ -1,4 +1,3 @@
-import { WorkspaceViewSwitcher, WorkspaceViewSwitcherEditing, WorkspaceViewSwitcherItem, WorkspaceViewSwitcherProps, WorkspaceViewSwitcherReorder } from "./view-switcher.js";
 import { CalculationFormatters, CalculationLabels, FormatCalculationParams, FormattedCalculation, formatCalculationResult } from "./calculation-format.js";
 import { ApplyCalculationSelectionParams, CalculationSelection, applyCalculationSelection } from "./calculation-selection.js";
 import { CalculationKindPicker, CalculationKindPickerProps, CalculationPicker, CalculationPickerProps, CalculationProperty, CalculationResult, CalculationSummary, CalculationSummaryProps, ColumnCalculation, UseCalculationParams, WorkspaceCalculationLabels, useCalculation } from "./calculations.js";
@@ -13,5 +12,6 @@ import { SortChips, SortChipsLabels, SortChipsProps, SortDescriptor, SortablePro
 import { TableSkeletonRows } from "./table-skeleton-rows.js";
 import { CreateWorkspaceKanbanSchemaParams, KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, KanbanBoardPresentation, KanbanEmptyGroupVisibility, KanbanPresentedBand, KanbanPresentedLane, KanbanSavedAxisState, KanbanSavedGroupAxisState, KanbanSavedGroupReference, KanbanSavedSubgroupState, KanbanSavedViewState, KanbanSavedViewStateV1, ResolveWorkspaceKanbanViewParams, ResolvedWorkspaceKanbanView, WorkspaceKanbanBuiltInGroupLabel, WorkspaceKanbanGroupingChoice, WorkspaceKanbanGroupingPickerLabels, WorkspaceKanbanGroupingPickerProps, WorkspaceKanbanProperty, createWorkspaceKanbanSchema, getWorkspaceKanbanGroupingChoices, normalizeKanbanSavedViewState, presentKanbanBoard, resolveWorkspaceKanbanView } from "./kanban-view.js";
 import { WorkspaceKanbanGroupingPicker } from "./kanban-grouping-picker.js";
+import { WorkspaceViewSwitcher, WorkspaceViewSwitcherEditing, WorkspaceViewSwitcherItem, WorkspaceViewSwitcherProps, WorkspaceViewSwitcherReorder } from "./view-switcher.js";
 import { WorkspaceFrame, WorkspaceFrameEndRail, WorkspaceFrameInspector, WorkspaceFrameNavigation, WorkspaceFrameNavigationItem, WorkspaceFrameProps, WorkspaceFrameTopBar } from "./workspace-frame.js";
 export { type ApplyCalculationSelectionParams, CONDITION_OPERATORS, type CalculationFormatters, CalculationKindPicker, type CalculationKindPickerProps, type CalculationLabels, CalculationPicker, type CalculationPickerProps, type CalculationProperty, type CalculationResult, type CalculationSelection, CalculationSummary, type CalculationSummaryProps, type ColorVariants, ColumnCalculation, ConditionBuilder, type ConditionBuilderLabels, type ConditionCapabilities, type ConditionOperator, type CreateWorkspaceKanbanSchemaParams, FIELD_CONTENT_TYPES, type FieldContent, type FieldOption, type FieldOptionChoice, FieldValue, type FieldValueType, type FormatCalculationParams, type FormattedCalculation, type FormulaCellRenderCtx, type GenericProperty, IntFieldValue, KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, type KanbanBoardPresentation, type KanbanEmptyGroupVisibility, type KanbanPresentedBand, type KanbanPresentedLane, type KanbanSavedAxisState, type KanbanSavedGroupAxisState, type KanbanSavedGroupReference, type KanbanSavedSubgroupState, type KanbanSavedViewState, type KanbanSavedViewStateV1, MoneyFieldValue, type OptionColor, PersonFieldValue, PropertyIcon, type PropertyIconType, type ResolveWorkspaceKanbanViewParams, type ResolvedWorkspaceKanbanView, SortChips, type SortChipsLabels, type SortChipsProps, type SortDescriptor, type SortableProperty, TableSkeletonRows, type UseCalculationParams, type ValueEditorKind, type ValueEditorRenderCtx, type WorkspaceCalculationLabels, type WorkspaceFieldContent, WorkspaceFrame, type WorkspaceFrameEndRail, type WorkspaceFrameInspector, type WorkspaceFrameNavigation, type WorkspaceFrameNavigationItem, type WorkspaceFrameProps, type WorkspaceFrameTopBar, type WorkspaceKanbanBuiltInGroupLabel, type WorkspaceKanbanGroupingChoice, WorkspaceKanbanGroupingPicker, type WorkspaceKanbanGroupingPickerLabels, type WorkspaceKanbanGroupingPickerProps, type WorkspaceKanbanProperty, WorkspaceViewSwitcher, type WorkspaceViewSwitcherEditing, type WorkspaceViewSwitcherItem, type WorkspaceViewSwitcherProps, type WorkspaceViewSwitcherReorder, appendChild, applyCalculationSelection, asGroup, buildLeaf, createWorkspaceKanbanSchema, emptyColor, fieldForNode, formatCalculationResult, getClipFieldValueLabel, getWorkspaceKanbanGroupingChoices, isConditionOperator, isMultiValue, leafFromField, leafOperand, leafOperator, leafValueList, leafValueString, normalizeKanbanSavedViewState, operandsEqual, operatorsFor, optionColors, presentKanbanBoard, removeChild, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, useCalculation, valueEditorFor };

package/dist/responsive-action-toolbar.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { cn } from "@stll/ui/utils";
 //#region src/responsive-action-toolbar.tsx
 const RESPONSIVE_ACTION_TOOLBAR_SLOT_CLASS = {
-	primary: "min-w-56 flex-1 shrink-0",
-	secondary: "min-w-0 shrink-0",
-	action: "shrink-0"
+	primary: "min-w-56 flex-1",
+	secondary: "min-w-0 max-w-full",
+	action: "ms-auto shrink-0"
 };
 const ResponsiveActionToolbar = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("flex min-w-0 [scrollbar-width:none] flex-nowrap items-center gap-2 overflow-x-auto [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", className),
+	className: cn("flex min-w-0 flex-wrap items-center gap-2", className),
 	...props
 });
 const ResponsiveActionToolbarItem = ({ slot, className, children }) => /* @__PURE__ */ jsx("div", {

package/dist/task-status.d.ts

@@ -0,0 +1,21 @@
+import { LucideIcon } from "@stll/ui/icons";
+//#region src/task-status.d.ts
+/**
+ * How a task's status is drawn: one glyph and one colour per status.
+ *
+ * Owned here so every surface that draws a task (the app's boards and tables,
+ * the published feature previews) reads the same mapping. The status union
+ * itself belongs to the API contract; its consumer binds these maps to it with
+ * `satisfies Record<TaskStatus, …>`, so a status added there fails typecheck
+ * until it has a glyph here.
+ */
+export declare const TASK_STATUS_ICONS: Readonly<Record<"open" | "in_progress" | "in_review" | "done" | "cancelled", LucideIcon>>;
+export declare const TASK_STATUS_COLORS: {
+  readonly open: "text-muted-foreground";
+  readonly in_progress: "text-foreground dark:text-foreground-muted";
+  readonly in_review: "text-warning";
+  readonly done: "text-success dark:text-success";
+  readonly cancelled: "text-destructive dark:text-destructive";
+};
+export type TaskStatusGlyph = keyof typeof TASK_STATUS_ICONS;
+//#endregion

package/dist/task-status.js

@@ -0,0 +1,27 @@
+import { CheckCircle2Icon, CircleDotIcon, CircleIcon, XCircleIcon } from "@stll/ui/icons";
+//#region src/task-status.ts
+/**
+* How a task's status is drawn: one glyph and one colour per status.
+*
+* Owned here so every surface that draws a task (the app's boards and tables,
+* the published feature previews) reads the same mapping. The status union
+* itself belongs to the API contract; its consumer binds these maps to it with
+* `satisfies Record<TaskStatus, …>`, so a status added there fails typecheck
+* until it has a glyph here.
+*/
+const TASK_STATUS_ICONS = {
+	open: CircleIcon,
+	in_progress: CircleDotIcon,
+	in_review: CircleDotIcon,
+	done: CheckCircle2Icon,
+	cancelled: XCircleIcon
+};
+const TASK_STATUS_COLORS = {
+	open: "text-muted-foreground",
+	in_progress: "text-foreground dark:text-foreground-muted",
+	in_review: "text-warning",
+	done: "text-success dark:text-success",
+	cancelled: "text-destructive dark:text-destructive"
+};
+//#endregion
+export { TASK_STATUS_COLORS, TASK_STATUS_ICONS };

package/dist/types.d.ts

@@ -95,7 +95,9 @@ export type FieldContent = {
 };
 /** Runtime names for every content arm the field renderer understands. */
 export declare const FIELD_CONTENT_TYPES: readonly ["error", "pending", "unsupported", "text", "single-select", "multi-select", "file", "date", "int", "money", "person", "clip"];
-export type WorkspaceFieldContent = FieldContent;
+export type WorkspaceFieldContent = FieldContent & {
+  truncated?: true;
+};
 /**
  * Minimal structural bound the display layer needs from a property: the cell
  * renderers only read `content.type` and, for selects, the `options` colors.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/workspace-ui",
-  "version": "0.12.7",
+  "version": "0.13.1",
   "description": "Reusable workspace presentation components and view helpers for Stella.",
   "keywords": [
     "calculations",
@@ -51,6 +51,10 @@
       "types": "./dist/conditions/index.d.ts",
       "import": "./dist/conditions/index.js"
     },
+    "./feature-previews": {
+      "types": "./dist/feature-previews/index.d.ts",
+      "import": "./dist/feature-previews/index.js"
+    },
     "./field-value": {
       "types": "./dist/field-value.d.ts",
       "import": "./dist/field-value.js"
@@ -83,6 +87,10 @@
       "types": "./dist/table-skeleton-rows.d.ts",
       "import": "./dist/table-skeleton-rows.js"
     },
+    "./task-status": {
+      "types": "./dist/task-status.d.ts",
+      "import": "./dist/task-status.js"
+    },
     "./types": {
       "types": "./dist/types.d.ts",
       "import": "./dist/types.js"
@@ -114,7 +122,7 @@
     "@stll/calculations": "^0.1.3",
     "@stll/conditions": "^0.4.0",
     "@stll/money": "^0.3.1",
-    "@stll/ui": "^0.50.0",
+    "@stll/ui": "^0.52.0",
     "better-result": "3.0.1",
     "temporal-polyfill": "1.0.5",
     "use-intl": "4.14.9"
@@ -125,7 +133,7 @@
     "@base-ui/react": "1.8.0",
     "@stll/property-testing": "0.0.0",
     "@stll/typescript-config": "0.0.0",
-    "@tanstack/react-table": "9.2.6",
+    "@tanstack/react-table": "9.3.1",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "bun-types": "1.4.4",