@spinjs/components 0.0.0-stage → 0.1.0-preview.2

package/dist/tree-view/tree-view.transitions.js

@@ -0,0 +1,107 @@
+import { keysOf, nodesOf, sameSet } from "./tree-view.state.js";
+// src/tree-view/tree-view.transitions.ts
+const toggleBranch = (ctx, e) => {
+	const value = "value" in e && typeof e.value === "string" ? e.value : "";
+	return { expandedValue: ctx.expandedValue.includes(value) ? ctx.expandedValue.filter((v) => v !== value) : [...ctx.expandedValue, value] };
+};
+const selectNode = (ctx, e) => {
+	const value = "value" in e && typeof e.value === "string" ? e.value : "";
+	return ctx.selectionMode === "multiple" ? { selectedValue: [value] } : { selectedValue: [value] };
+};
+const toggleNodeSelection = (ctx, e) => {
+	const value = "value" in e && typeof e.value === "string" ? e.value : "";
+	return { selectedValue: ctx.selectedValue.includes(value) ? ctx.selectedValue.filter((v) => v !== value) : [...ctx.selectedValue, value] };
+};
+const extendSelectionToNode = (ctx, e) => {
+	const value = "value" in e && typeof e.value === "string" ? e.value : "";
+	if (ctx.selectedValue.includes(value)) return {};
+	return { selectedValue: [...ctx.selectedValue, value] };
+};
+const isMultiToggle = (ctx, event) => {
+	return event.type === "NODE.CLICK" || event.type === "BRANCH_NODE.CLICK" ? Boolean(event.ctrlKey) && ctx.selectionMode === "multiple" : false;
+};
+const isRangeExtend = (ctx, event) => {
+	return event.type === "NODE.CLICK" || event.type === "BRANCH_NODE.CLICK" ? Boolean(event.shiftKey) && ctx.selectionMode === "multiple" && ctx.selectedValue.length > 0 : false;
+};
+const expandedSet = (ctx, e) => {
+	const raw = e.expandedValue !== void 0 ? e.expandedValue : e.value;
+	if (raw === void 0) return {};
+	const next = keysOf(raw);
+	return sameSet(ctx.expandedValue, next) ? {} : { expandedValue: next };
+};
+const expandedClear = () => ({ expandedValue: [] });
+const selectedSet = (ctx, e) => {
+	const raw = e.selectedValue !== void 0 ? e.selectedValue : e.value;
+	if (raw === void 0) return {};
+	const next = keysOf(raw);
+	return sameSet(ctx.selectedValue, next) ? {} : { selectedValue: next };
+};
+const selectedClear = () => ({ selectedValue: [] });
+const checkedSet = (_ctx, e) => {
+	const raw = e.checkedValue !== void 0 ? e.checkedValue : e.value;
+	if (raw === void 0) return {};
+	return { checkedValue: keysOf(raw) };
+};
+const checkedClear = () => ({ checkedValue: [] });
+const checkedToggle = (ctx, e) => ({ checkedValue: ctx.checkedValue.includes(e.value) ? ctx.checkedValue.filter((v) => v !== e.value) : [...ctx.checkedValue, e.value] });
+const nodeFocus = (ctx, e) => e.value !== ctx.focusedValue ? {
+	focusedValue: e.value,
+	typeahead: ""
+} : {};
+const branchExpand = (ctx, e) => {
+	const next = [...ctx.expandedValue];
+	for (const value of e.value) if (!next.includes(value)) next.push(value);
+	return { expandedValue: next };
+};
+const branchCollapse = (ctx, e) => {
+	const drop = new Set(e.value);
+	return { expandedValue: ctx.expandedValue.filter((v) => !drop.has(v)) };
+};
+const loadStart = (ctx, e) => ({ loadingStatus: {
+	...ctx.loadingStatus,
+	[e.value]: "loading"
+} });
+const graftChildren = (list, target, added) => list.map((item) => {
+	if (item.value !== target) return item.children !== void 0 ? {
+		...item,
+		children: graftChildren(item.children, target, added)
+	} : item;
+	const have = new Set((item.children ?? []).map((child) => child.value));
+	const fresh = added.filter((child) => !have.has(child.value));
+	if (fresh.length === 0) return item;
+	return {
+		...item,
+		children: [...item.children ?? [], ...fresh]
+	};
+});
+const loadDone = (ctx, e) => ({
+	loadingStatus: {
+		...ctx.loadingStatus,
+		[e.value]: "loaded"
+	},
+	...e.children !== void 0 ? { nodes: graftChildren(ctx.nodes, e.value, nodesOf(e.children)) } : {}
+});
+const nodeDeselect = (ctx, e) => ({ selectedValue: ctx.selectedValue.filter((v) => v !== e.value) });
+const nodeRename = (_ctx, e) => ({
+	renamingValue: e.value,
+	focusedValue: e.value
+});
+const renameInTree = (list, target, label) => list.map((item) => item.value === target ? {
+	...item,
+	label
+} : item.children !== void 0 ? {
+	...item,
+	children: renameInTree(item.children, target, label)
+} : item);
+const renameSubmit = (ctx, e) => {
+	const trimmed = e.label.trim();
+	return {
+		renamingValue: null,
+		...trimmed.length > 0 ? { nodes: renameInTree(ctx.nodes, e.value, trimmed) } : {}
+	};
+};
+const renameCancel = () => ({ renamingValue: null });
+const expandOnClickGuard = (ctx) => ctx.expandOnClick;
+export { branchCollapse, branchExpand, checkedClear, checkedSet, checkedToggle, expandOnClickGuard, expandedClear, expandedSet, extendSelectionToNode, isMultiToggle, isRangeExtend, loadDone, loadStart, nodeDeselect, nodeFocus, nodeRename, renameCancel, renameSubmit, selectNode, selectedClear, selectedSet, toggleBranch, toggleNodeSelection };
+
+//# sourceMappingURL=tree-view.transitions.js.map

package/package.json

@@ -1,6 +1,247 @@
 {
   "name": "@spinjs/components",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0-preview.2",
+  "description": "The machine components: headless statecharts with typed bridges, framework adapters, and vendored examples.",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/madvib/spin.git"
+  },
+  "sideEffects": [
+    "./src/examples.ts",
+    "*.html"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./angle-slider": {
+      "types": "./dist/angle-slider/angle-slider.presentation.d.ts",
+      "default": "./dist/angle-slider/angle-slider.presentation.js"
+    },
+    "./async-list": {
+      "types": "./dist/async-list/async-list.presentation.d.ts",
+      "default": "./dist/async-list/async-list.presentation.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar/avatar.presentation.d.ts",
+      "default": "./dist/avatar/avatar.presentation.js"
+    },
+    "./carousel": {
+      "types": "./dist/carousel/carousel.presentation.d.ts",
+      "default": "./dist/carousel/carousel.presentation.js"
+    },
+    "./cascade-select": {
+      "types": "./dist/cascade-select/cascade.presentation.d.ts",
+      "default": "./dist/cascade-select/cascade.presentation.js"
+    },
+    "./color-picker": {
+      "types": "./dist/color-picker/color-picker.presentation.d.ts",
+      "default": "./dist/color-picker/color-picker.presentation.js"
+    },
+    "./combobox": {
+      "types": "./dist/combobox/combobox.presentation.d.ts",
+      "default": "./dist/combobox/combobox.presentation.js"
+    },
+    "./date-input": {
+      "types": "./dist/date-input/date-input.presentation.d.ts",
+      "default": "./dist/date-input/date-input.presentation.js"
+    },
+    "./date-picker": {
+      "types": "./dist/date-picker/date-picker.presentation.d.ts",
+      "default": "./dist/date-picker/date-picker.presentation.js"
+    },
+    "./editable": {
+      "types": "./dist/editable/editable.presentation.d.ts",
+      "default": "./dist/editable/editable.presentation.js"
+    },
+    "./file-upload": {
+      "types": "./dist/file-upload/file-upload.presentation.d.ts",
+      "default": "./dist/file-upload/file-upload.presentation.js"
+    },
+    "./floating-panel": {
+      "types": "./dist/floating-panel/floating-panel.presentation.d.ts",
+      "default": "./dist/floating-panel/floating-panel.presentation.js"
+    },
+    "./hover-card": {
+      "types": "./dist/hover-card/hover-card.controller-def.d.ts",
+      "default": "./dist/hover-card/hover-card.controller-def.js"
+    },
+    "./image-cropper": {
+      "types": "./dist/image-cropper/image-cropper.presentation.d.ts",
+      "default": "./dist/image-cropper/image-cropper.presentation.js"
+    },
+    "./listbox": {
+      "types": "./dist/listbox/listbox.presentation.d.ts",
+      "default": "./dist/listbox/listbox.presentation.js"
+    },
+    "./menu": {
+      "types": "./dist/menu/menu.presentation.d.ts",
+      "default": "./dist/menu/menu.presentation.js"
+    },
+    "./navigation-menu": {
+      "types": "./dist/navigation-menu/navigation-menu.presentation.d.ts",
+      "default": "./dist/navigation-menu/navigation-menu.presentation.js"
+    },
+    "./number-input": {
+      "types": "./dist/number-input/number-input.presentation.d.ts",
+      "default": "./dist/number-input/number-input.presentation.js"
+    },
+    "./pagination": {
+      "types": "./dist/pagination/pagination.presentation.d.ts",
+      "default": "./dist/pagination/pagination.presentation.js"
+    },
+    "./pin-input": {
+      "types": "./dist/pin-input/pin-input.presentation.d.ts",
+      "default": "./dist/pin-input/pin-input.presentation.js"
+    },
+    "./popover": {
+      "types": "./dist/popover/popover.controller-def.d.ts",
+      "default": "./dist/popover/popover.controller-def.js"
+    },
+    "./rating-group": {
+      "types": "./dist/rating-group/rating-group.presentation.d.ts",
+      "default": "./dist/rating-group/rating-group.presentation.js"
+    },
+    "./select": {
+      "types": "./dist/select/select.presentation.d.ts",
+      "default": "./dist/select/select.presentation.js"
+    },
+    "./signature-pad": {
+      "types": "./dist/signature-pad/signature-pad.presentation.d.ts",
+      "default": "./dist/signature-pad/signature-pad.presentation.js"
+    },
+    "./slider": {
+      "types": "./dist/slider/slider.presentation.d.ts",
+      "default": "./dist/slider/slider.presentation.js"
+    },
+    "./splitter": {
+      "types": "./dist/splitter/splitter.presentation.d.ts",
+      "default": "./dist/splitter/splitter.presentation.js"
+    },
+    "./steps": {
+      "types": "./dist/steps/steps.presentation.d.ts",
+      "default": "./dist/steps/steps.presentation.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs/tabs.presentation.d.ts",
+      "default": "./dist/tabs/tabs.presentation.js"
+    },
+    "./tags-input": {
+      "types": "./dist/tags-input/tags.presentation.d.ts",
+      "default": "./dist/tags-input/tags.presentation.js"
+    },
+    "./timer": {
+      "types": "./dist/timer/timer.presentation.d.ts",
+      "default": "./dist/timer/timer.presentation.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/toast.presentation.d.ts",
+      "default": "./dist/toast/toast.presentation.js"
+    },
+    "./toggle-group": {
+      "types": "./dist/toggle-group/toggle-group.presentation.d.ts",
+      "default": "./dist/toggle-group/toggle-group.presentation.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/tooltip.controller-def.d.ts",
+      "default": "./dist/tooltip/tooltip.controller-def.js"
+    },
+    "./tour": {
+      "types": "./dist/tour/tour.presentation.d.ts",
+      "default": "./dist/tour/tour.presentation.js"
+    },
+    "./tree-view": {
+      "types": "./dist/tree-view/tree-view.presentation.d.ts",
+      "default": "./dist/tree-view/tree-view.presentation.js"
+    },
+    "./controller": {
+      "types": "./dist/controller.d.ts",
+      "default": "./dist/controller.js"
+    },
+    "./spin-element": {
+      "types": "./dist/spin-element.d.ts",
+      "default": "./dist/spin-element.js"
+    },
+    "./react": {
+      "types": "./dist/react/react.d.ts",
+      "default": "./dist/react/react.js"
+    },
+    "./solid": {
+      "types": "./dist/solid/solid.d.ts",
+      "default": "./dist/solid/solid.js"
+    },
+    "./mode-picker": {
+      "types": "./dist/mode-picker/mode-picker.presentation.d.ts",
+      "default": "./dist/mode-picker/mode-picker.presentation.js"
+    },
+    "./theme-picker": {
+      "types": "./dist/theme-picker/theme-picker.presentation.d.ts",
+      "default": "./dist/theme-picker/theme-picker.presentation.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@spinjs/runtime": "0.1.0-preview.2",
+    "@zag-js/color-utils": "^1.44.0",
+    "perfect-freehand": "^1.2.3"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "solid-js": "^1.9.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@unocss/core": "66.10.5",
+    "@spinjs/spin": "0.1.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "test": "bun test src/",
+    "lint": "oxlint",
+    "fmt": "biome format --write .",
+    "e2e:carousel": "bun test tests/carousel.e2e.ts",
+    "e2e:menu": "bun test tests/menu.e2e.ts",
+    "e2e:cascade": "bun test tests/cascade.e2e.ts",
+    "e2e:tags": "bun test tests/tags.e2e.ts",
+    "e2e:number-input": "bun test tests/number-input.e2e.ts",
+    "e2e:timer": "bun test tests/timer.e2e.ts",
+    "e2e:pin-input": "bun test tests/pin-input.e2e.ts",
+    "e2e:async-list": "bun test tests/async-list.e2e.ts",
+    "e2e:combobox": "bun test tests/combobox.e2e.ts",
+    "e2e:listbox": "bun test tests/listbox.e2e.ts",
+    "e2e:color-picker": "bun test tests/color-picker.e2e.ts",
+    "e2e:image-cropper": "bun test tests/image-cropper.e2e.ts",
+    "e2e:signature-pad": "bun test tests/signature-pad.e2e.ts",
+    "e2e:rating-group": "bun test tests/rating-group.e2e.ts",
+    "e2e:slider": "bun test tests/slider.e2e.ts",
+    "e2e:splitter": "bun test tests/splitter.e2e.ts",
+    "e2e:steps": "bun test tests/steps.e2e.ts",
+    "e2e:pagination": "bun test tests/pagination.e2e.ts",
+    "e2e:angle-slider": "bun test tests/angle-slider.e2e.ts",
+    "e2e:toggle-group": "bun test tests/toggle-group.e2e.ts",
+    "e2e:avatar": "bun test tests/avatar.e2e.ts",
+    "e2e:select": "bun test tests/select.e2e.ts",
+    "e2e:editable": "bun test tests/editable.e2e.ts",
+    "e2e:toast": "bun test tests/toast.e2e.ts",
+    "e2e:tree-view": "bun test tests/tree-view.e2e.ts",
+    "e2e:popover": "bun test tests/popover.e2e.ts",
+    "e2e:tooltip": "bun test tests/tooltip.e2e.ts",
+    "e2e:hover-card": "bun test tests/hover-card.e2e.ts",
+    "e2e:date-input": "bun test tests/date-input.e2e.ts",
+    "e2e:date-picker": "bun test tests/date-picker.e2e.ts",
+    "e2e:floating-panel": "bun test tests/floating-panel.e2e.ts",
+    "e2e:file-upload": "bun test tests/file-upload.e2e.ts",
+    "e2e:navigation-menu": "bun test tests/navigation-menu.e2e.ts",
+    "e2e:tour": "bun test tests/tour.e2e.ts"
+  }
+}