@jigs.design/catalog 0.1.0 → 0.1.1

package/dist/react/controls.js

@@ -1,7 +1,7 @@
 import { buttonColors, controlSizes, controlVariants, fieldVariants } from "../catalog.js";
 import { classes, isBoolean, isNumber, keyField, oneOf, textField } from "./props.js";
 import { Glyph, iconLabel } from "./icons.js";
-import { controlled, useLocalValue } from "./local-value.js";
+import { controlled, useLocalValue } from "@jigs.design/react";
 import { ChevronDown, Minus, Plus, X } from "lucide-react";
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jigs.design/catalog",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "The default catalog, modeled on ChatKit widgets, and a React registry for it.",
   "license": "MIT",
   "repository": {
@@ -34,14 +34,14 @@
   "dependencies": {
     "lucide-react": "1.57.0",
     "recharts": "3.10.1",
-    "@jigs.design/react": "0.1.0",
-    "@jigs.design/host": "0.1.0"
+    "@jigs.design/host": "0.1.1",
+    "@jigs.design/react": "0.1.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@jigs.design/prompt": "0.1.0",
-    "@jigs.design/server": "0.1.0"
+    "@jigs.design/prompt": "0.1.1",
+    "@jigs.design/server": "0.1.1"
   }
 }

package/dist/react/local-value.js

@@ -1,47 +0,0 @@
-import { useState } from "react";
-import { useHandlerSettled } from "@jigs.design/react";
-//#region src/react/local-value.ts
-/**
-* Whether the program controls a control's value: it sets the value prop
-* (`value`, or `checked`) and handles `onChange`. A control with only
-* `onChange` is uncontrolled, like a React input without `value`: the
-* program hears each edit but the control keeps what the user did.
-*/
-const controlled = (value, onChange) => value !== void 0 && onChange !== void 0;
-/**
-* A local copy of a value the program owns, so a control can run ahead of the
-* round trip to the sandbox. Pass `echoes` when the program controls the
-* value (`controlled`): echoes of the edits sent to it then don't reset the
-* control, but any other new value does, and so does an edit the program did
-* not take: once it has answered every call (`useHandlerSettled`) and `value`
-* is still not the edit, the control goes back to `value`. Without `echoes`,
-* the control keeps its own state until `value` changes.
-*/
-function useLocalValue(value, echoes) {
-	const settled = useHandlerSettled();
-	const [local, setLocal] = useState(value);
-	const [seen, setSeen] = useState(value);
-	const [seenSettled, setSeenSettled] = useState(settled);
-	const [pending, setPending] = useState([]);
-	if (!Object.is(value, seen)) {
-		setSeen(value);
-		const echo = pending.findIndex((sent) => Object.is(sent, value));
-		if (echo === -1) {
-			setLocal(value);
-			setPending([]);
-		} else setPending(pending.slice(echo + 1));
-	} else if (settled !== seenSettled) {
-		setSeenSettled(settled);
-		if (pending.length > 0) {
-			setLocal(value);
-			setPending([]);
-		}
-	}
-	const edit = (next) => {
-		setLocal(next);
-		if (echoes) setPending([...pending.slice(-20), next]);
-	};
-	return [local, edit];
-}
-//#endregion
-export { controlled, useLocalValue };