@stll/workspace-ui 0.9.1 → 0.10.0

package/dist/calculation-format.d.ts

@@ -27,28 +27,5 @@ type FormatCalculationParams = {
   labels: CalculationLabels;
 };
 declare const formatCalculationResult: ({ result, formatters, labels }: FormatCalculationParams) => FormattedCalculation;
-/**
- * How many minor units make a major one, for this currency: 100 for CZK, 1 for
- * JPY, 1000 for KWD. It is a property of the currency and not of the reader, so
- * the lookup is deliberately locale-independent.
- *
- * A malformed code makes the `Intl.NumberFormat` constructor throw, before any
- * `?? 2` on its result could help, so the fallback has to wrap the call.
- */
-declare const currencyMinorUnitDigits: (currency: string) => number;
-type FormatMoneyCentsParams = {
-  amountCents: number;
-  currency: string;
-  locale: string;
-};
-/**
- * Money is stored in minor units, and how many of them make a major one is a
- * property of the currency. Ask the currency rather than assuming a hundred.
- *
- * A code `Intl` rejects falls back to the amount beside the raw code: a column
- * showing "1500 A1C" is wrong-looking data, which is the truth, where a thrown
- * RangeError would take the whole board down with it.
- */
-declare const formatMoneyCents: ({ amountCents, currency, locale }: FormatMoneyCentsParams) => string;
 //#endregion
-export { CalculationFormatters, CalculationLabels, FormatCalculationParams, FormatMoneyCentsParams, FormattedCalculation, currencyMinorUnitDigits, formatCalculationResult, formatMoneyCents };
+export { CalculationFormatters, CalculationLabels, FormatCalculationParams, FormattedCalculation, formatCalculationResult };

package/dist/calculation-format.js

@@ -1,4 +1,4 @@
-import { Result } from "better-result";
+import { panic } from "better-result";
 //#region src/calculation-format.ts
 /**
 * Turning a calculation result into the two strings a view shows: the compact
@@ -22,51 +22,13 @@ const formatCalculationResult = ({ result, formatters, labels }) => {
 			};
 		}
 		case "unsupported": return line(labels.kind, labels.unavailable);
-		default: return result;
+		default: return panic(`Unhandled result: ${String(result)}`);
 	}
 };
-/**
-* Two, the ISO 4217 default, used when a stored code is one `Intl` will not
-* accept. Validation at the API boundary keeps those out, but a row written
-* before that constraint existed must still render rather than throw.
-*/
-const DEFAULT_MINOR_UNIT_DIGITS = 2;
-/**
-* How many minor units make a major one, for this currency: 100 for CZK, 1 for
-* JPY, 1000 for KWD. It is a property of the currency and not of the reader, so
-* the lookup is deliberately locale-independent.
-*
-* A malformed code makes the `Intl.NumberFormat` constructor throw, before any
-* `?? 2` on its result could help, so the fallback has to wrap the call.
-*/
-const currencyMinorUnitDigits = (currency) => {
-	const resolved = Result.try(() => new Intl.NumberFormat("en", {
-		style: "currency",
-		currency
-	}).resolvedOptions().maximumFractionDigits);
-	if (resolved.isErr()) return DEFAULT_MINOR_UNIT_DIGITS;
-	return resolved.value ?? DEFAULT_MINOR_UNIT_DIGITS;
-};
-/**
-* Money is stored in minor units, and how many of them make a major one is a
-* property of the currency. Ask the currency rather than assuming a hundred.
-*
-* A code `Intl` rejects falls back to the amount beside the raw code: a column
-* showing "1500 A1C" is wrong-looking data, which is the truth, where a thrown
-* RangeError would take the whole board down with it.
-*/
-const formatMoneyCents = ({ amountCents, currency, locale }) => {
-	const major = amountCents / 10 ** currencyMinorUnitDigits(currency);
-	const formatted = Result.try(() => new Intl.NumberFormat(locale, {
-		style: "currency",
-		currency
-	}).format(major));
-	return formatted.isErr() ? `${major} ${currency}` : formatted.value;
-};
 const SEPARATOR = " · ";
 const line = (kind, value) => ({
 	summary: `${kind} ${value}`,
 	breakdown: []
 });
 //#endregion
-export { currencyMinorUnitDigits, formatCalculationResult, formatMoneyCents };
+export { formatCalculationResult };

package/dist/calculations.js

@@ -1,8 +1,9 @@
-import { formatCalculationResult, formatMoneyCents } from "./calculation-format.js";
+import { formatCalculationResult } from "./calculation-format.js";
 import { applyCalculationSelection } from "./calculation-selection.js";
 import { CheckIcon, SigmaIcon } from "lucide-react";
 import { useFormatter, useLocale } from "use-intl";
 import { runCalculation } from "@stll/calculations";
+import { formatMoneyCents } from "@stll/money";
 import { Button } from "@stll/ui/button";
 import { Menu, MenuItem, MenuPopup, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger } from "@stll/ui/menu";
 import { Tooltip, TooltipPopup, TooltipTrigger } from "@stll/ui/tooltip";

package/dist/field-value.js

@@ -1,9 +1,9 @@
-import { formatMoneyCents } from "./calculation-format.js";
 import { emptyColor, resolveOptionColor } from "./colors.js";
 import { getClipFieldValueLabel } from "./field-value-logic.js";
 import { Result } from "better-result";
 import { Loader2Icon, SquareMinusIcon } from "lucide-react";
 import { useFormatter, useLocale, useTranslations } from "use-intl";
+import { formatMoneyCents } from "@stll/money";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { BidiText } from "@stll/ui/bidi-text";
 import { Skeleton } from "@stll/ui/skeleton";

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { CalculationFormatters, CalculationLabels, FormatCalculationParams, FormatMoneyCentsParams, FormattedCalculation, currencyMinorUnitDigits, formatCalculationResult, formatMoneyCents } from "./calculation-format.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";
 import { ColorVariants, OptionColor, emptyColor, optionColors, resolveOptionColor } from "./colors.js";
@@ -15,4 +15,4 @@ import { WorkspaceKanbanGroupingPicker } from "./kanban-grouping-picker.js";
 import { WorkspaceViewDirection, WorkspaceViewDropPosition, reorderWorkspaceViewIds, toWorkspaceViewDropPosition } from "./view-switcher.logic.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 FormatMoneyCentsParams, 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, type WorkspaceViewDirection, type WorkspaceViewDropPosition, WorkspaceViewSwitcher, type WorkspaceViewSwitcherEditing, type WorkspaceViewSwitcherItem, type WorkspaceViewSwitcherProps, type WorkspaceViewSwitcherReorder, appendChild, applyCalculationSelection, asGroup, buildLeaf, createWorkspaceKanbanSchema, currencyMinorUnitDigits, emptyColor, fieldForNode, formatCalculationResult, formatMoneyCents, getClipFieldValueLabel, getWorkspaceKanbanGroupingChoices, isConditionOperator, isMultiValue, leafFromField, leafOperand, leafOperator, leafValueList, leafValueString, normalizeKanbanSavedViewState, operandsEqual, operatorsFor, optionColors, presentKanbanBoard, removeChild, reorderWorkspaceViewIds, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, toWorkspaceViewDropPosition, useCalculation, valueEditorFor };
+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, type WorkspaceViewDirection, type WorkspaceViewDropPosition, 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, reorderWorkspaceViewIds, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, toWorkspaceViewDropPosition, useCalculation, valueEditorFor };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { currencyMinorUnitDigits, formatCalculationResult, formatMoneyCents } from "./calculation-format.js";
+import { formatCalculationResult } from "./calculation-format.js";
 import { applyCalculationSelection } from "./calculation-selection.js";
 import { CalculationKindPicker, CalculationPicker, CalculationSummary, ColumnCalculation, useCalculation } from "./calculations.js";
 import { emptyColor, optionColors, resolveOptionColor } from "./colors.js";
@@ -15,4 +15,4 @@ import { WorkspaceKanbanGroupingPicker } from "./kanban-grouping-picker.js";
 import { reorderWorkspaceViewIds, toWorkspaceViewDropPosition } from "./view-switcher.logic.js";
 import { WorkspaceViewSwitcher } from "./view-switcher.js";
 import { WorkspaceFrame } from "./workspace-frame.js";
-export { CONDITION_OPERATORS, CalculationKindPicker, CalculationPicker, CalculationSummary, ColumnCalculation, ConditionBuilder, FIELD_CONTENT_TYPES, FieldValue, IntFieldValue, KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, MoneyFieldValue, PersonFieldValue, PropertyIcon, SortChips, TableSkeletonRows, WorkspaceFrame, WorkspaceKanbanGroupingPicker, WorkspaceViewSwitcher, appendChild, applyCalculationSelection, asGroup, buildLeaf, createWorkspaceKanbanSchema, currencyMinorUnitDigits, emptyColor, fieldForNode, formatCalculationResult, formatMoneyCents, getClipFieldValueLabel, getWorkspaceKanbanGroupingChoices, isConditionOperator, isMultiValue, leafFromField, leafOperand, leafOperator, leafValueList, leafValueString, normalizeKanbanSavedViewState, operandsEqual, operatorsFor, optionColors, presentKanbanBoard, removeChild, reorderWorkspaceViewIds, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, toWorkspaceViewDropPosition, useCalculation, valueEditorFor };
+export { CONDITION_OPERATORS, CalculationKindPicker, CalculationPicker, CalculationSummary, ColumnCalculation, ConditionBuilder, FIELD_CONTENT_TYPES, FieldValue, IntFieldValue, KANBAN_EMPTY_GROUP_VISIBILITIES, KANBAN_SAVED_VIEW_STATE_VERSION, MoneyFieldValue, PersonFieldValue, PropertyIcon, SortChips, TableSkeletonRows, WorkspaceFrame, WorkspaceKanbanGroupingPicker, WorkspaceViewSwitcher, appendChild, applyCalculationSelection, asGroup, buildLeaf, createWorkspaceKanbanSchema, emptyColor, fieldForNode, formatCalculationResult, getClipFieldValueLabel, getWorkspaceKanbanGroupingChoices, isConditionOperator, isMultiValue, leafFromField, leafOperand, leafOperator, leafValueList, leafValueString, normalizeKanbanSavedViewState, operandsEqual, operatorsFor, optionColors, presentKanbanBoard, removeChild, reorderWorkspaceViewIds, replaceChild, resolveOptionColor, resolveWorkspaceKanbanView, sortDirectionHint, toWorkspaceViewDropPosition, useCalculation, valueEditorFor };

package/dist/kanban-view.js

@@ -26,7 +26,7 @@ const normalizeKanbanSavedViewState = (state) => {
 			version: 2
 		};
 		case 2: return state;
-		default: return state;
+		default: return panic(`Unhandled state: ${String(state)}`);
 	}
 };
 /**

package/dist/view-switcher.js

@@ -21,6 +21,11 @@ const useLatestCallback = (callback) => {
 };
 const WorkspaceViewSwitcher = ({ activeViewId, ariaLabel, direction, reorder, views, addControl, editing, onViewChange, onViewContextMenu, onViewDoubleClick, renderActions, renderIcon }) => {
 	const canReorder = reorder !== null;
+	const viewTabs = views.map((view) => ({
+		view,
+		actions: renderActions?.(view)
+	}));
+	const reserveActionSpace = viewTabs.some(({ actions }) => actions !== null && actions !== void 0 && typeof actions !== "boolean");
 	const [instanceId] = useState(Symbol);
 	const [stripContainer, setStripContainer] = useState(null);
 	useEffect(() => {
@@ -47,25 +52,28 @@ const WorkspaceViewSwitcher = ({ activeViewId, ariaLabel, direction, reorder, vi
 		className: cn("flex min-w-0 flex-1 items-center gap-1 px-2", TOOLBAR_ROW_HEIGHT),
 		dir: direction,
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "min-w-0 flex-1",
+			className: "h-full min-w-0 flex-1",
 			ref: setStripContainer,
 			children: /* @__PURE__ */ jsx(Tabs, {
+				className: "h-full gap-0",
 				onValueChange: (value) => {
 					if (typeof value === "string") onViewChange(value);
 				},
 				value: activeViewId,
 				children: /* @__PURE__ */ jsx(TabsList, {
 					"aria-label": ariaLabel,
+					className: "h-full data-[orientation=horizontal]:py-0",
 					variant: "underline",
-					children: views.map((view) => {
+					children: viewTabs.map(({ view, actions }) => {
 						if (editing?.viewId === view.id) return /* @__PURE__ */ jsxs(TabsTab, {
+							className: cn("h-full sm:h-full", reserveActionSpace ? "pe-6.5" : void 0),
 							nativeButton: false,
 							render: /* @__PURE__ */ jsx("div", {}),
 							value: view.id,
 							children: [renderIcon(view), editing.renderLabel(view)]
 						}, view.id);
 						return /* @__PURE__ */ jsx(WorkspaceViewTab, {
-							actions: renderActions?.(view),
+							actions,
 							canReorder,
 							direction,
 							getDragData: reorder?.getDragData,
@@ -76,6 +84,7 @@ const WorkspaceViewSwitcher = ({ activeViewId, ariaLabel, direction, reorder, vi
 							onDoubleClick: onViewDoubleClick,
 							onReorder: handleReorder,
 							renderIcon,
+							reserveActionSpace,
 							view
 						}, view.id);
 					})
@@ -84,7 +93,7 @@ const WorkspaceViewSwitcher = ({ activeViewId, ariaLabel, direction, reorder, vi
 		}), addControl]
 	});
 };
-const WorkspaceViewTab = ({ actions, canReorder, direction, getDragData, getDropData, isDragBlocked, instanceId, onContextMenu, onDoubleClick, onReorder, renderIcon, view }) => {
+const WorkspaceViewTab = ({ actions, canReorder, direction, getDragData, getDropData, isDragBlocked, instanceId, onContextMenu, onDoubleClick, onReorder, renderIcon, reserveActionSpace, view }) => {
 	const [tabContainer, setTabContainer] = useState(null);
 	const [dropPosition, setDropPosition] = useState(null);
 	const canDrag = useLatestCallback(() => !isDragBlocked);
@@ -135,7 +144,7 @@ const WorkspaceViewTab = ({ actions, canReorder, direction, getDragData, getDrop
 		view.id
 	]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "relative flex items-center",
+		className: "relative flex h-full items-center",
 		ref: setTabContainer,
 		children: [
 			dropPosition !== null && /* @__PURE__ */ jsx("span", {
@@ -143,7 +152,7 @@ const WorkspaceViewTab = ({ actions, canReorder, direction, getDragData, getDrop
 				className: cn("bg-primary pointer-events-none absolute inset-y-1 z-20 w-0.5 rounded-full", dropPosition === "before" ? "start-0" : "end-0")
 			}),
 			/* @__PURE__ */ jsxs(TabsTab, {
-				className: actions === null || actions === void 0 ? void 0 : "pe-6.5",
+				className: cn("h-full sm:h-full", reserveActionSpace ? "pe-6.5" : void 0),
 				onContextMenu: (event) => onContextMenu?.(view, event),
 				onDoubleClick: (event) => onDoubleClick?.(view, event),
 				value: view.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/workspace-ui",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "Reusable workspace presentation components and view helpers for Stella.",
   "keywords": [
     "calculations",
@@ -116,10 +116,10 @@
     "test:property": "bun test --preload @stll/property-testing/preload $(grep -rlF 'fc.assert' src --include='*.test.ts')"
   },
   "dependencies": {
-    "@stll/calculations": "^0.1.0",
-    "@stll/conditions": "^0.3.0",
-    "@stll/money": "^0.1.0",
-    "@stll/ui": "^0.25.0",
+    "@stll/calculations": "^0.1.1",
+    "@stll/conditions": "^0.3.1",
+    "@stll/money": "^0.2.0",
+    "@stll/ui": "^0.25.1",
     "better-result": "3.0.0",
     "lucide-react": "1.30.0",
     "use-intl": "4.13.5"
@@ -133,7 +133,7 @@
     "@tanstack/react-table": "9.2.4",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "bun-types": "1.4.1",
+    "bun-types": "1.4.2",
     "fast-check": "^4.9.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",