@proyecto-viviana/solid-stately 0.6.0-rc.1 → 0.6.0-rc.2

package/dist/textfield/createTextFieldState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTextFieldState.d.ts","sourceRoot":"","sources":["../../src/textfield/createTextFieldState.ts"],"names":[],"mappings":"AAcA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAwB,KAAK,aAAa,EAAU,MAAM,UAAU,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,aAAa,CAAC,qBAAqB,CAAM,GAC/C,cAAc,CA6BhB"}
+{"version":3,"file":"createTextFieldState.d.ts","sourceRoot":"","sources":["../../src/textfield/createTextFieldState.ts"],"names":[],"mappings":"AAcA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,EAAW,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAwB,KAAK,aAAa,EAAU,MAAM,UAAU,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,aAAa,CAAC,qBAAqB,CAAM,GAC/C,cAAc,CAgChB"}

package/dist/toggle/createToggleGroupState.d.ts

@@ -1,11 +1,3 @@
-/**
- * Toggle group state for Solid Stately
- *
- * Provides state management for groups of toggle buttons with
- * single or multiple selection.
- *
- * This is a port of @react-stately/toggle's useToggleGroupState.
- */
 import type { Key } from "../collections";
 import { type MaybeAccessor } from "../utils";
 export interface ToggleGroupProps {

package/dist/toggle/createToggleGroupState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createToggleGroupState.d.ts","sourceRoot":"","sources":["../../src/toggle/createToggleGroupState.ts"],"names":[],"mappings":"AAcA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAyC,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAErF,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,gCAAgC;IAChC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,QAAQ,CAAC,aAAa,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,6BAA6B;IAC7B,QAAQ,CAAC,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAC1B,qCAAqC;IACrC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACjD,8BAA8B;IAC9B,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CACvC;AAMD;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,GAAE,aAAa,CAAC,gBAAgB,CAAM,GAC1C,gBAAgB,CA+DlB"}
+{"version":3,"file":"createToggleGroupState.d.ts","sourceRoot":"","sources":["../../src/toggle/createToggleGroupState.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAyC,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAErF,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,gCAAgC;IAChC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,QAAQ,CAAC,aAAa,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9C,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,6BAA6B;IAC7B,QAAQ,CAAC,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAC1B,qCAAqC;IACrC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACjD,8BAA8B;IAC9B,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CACvC;AAMD;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,GAAE,aAAa,CAAC,gBAAgB,CAAM,GAC1C,gBAAgB,CAgElB"}

package/dist/toggle/createToggleState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createToggleState.d.ts","sourceRoot":"","sources":["../../src/toggle/createToggleState.ts"],"names":[],"mappings":"AAcA;;;;;;GAMG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAyC,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAErF,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvC,iDAAiD;IACjD,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC,kCAAkC;IAClC,MAAM,IAAI,IAAI,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,GAAE,aAAa,CAAC,kBAAkB,CAAM,GAAG,WAAW,CA4C5F"}
+{"version":3,"file":"createToggleState.d.ts","sourceRoot":"","sources":["../../src/toggle/createToggleState.ts"],"names":[],"mappings":"AAcA;;;;;;GAMG;AAEH,OAAO,EAAE,QAAQ,EAAW,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAyC,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAErF,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvC,iDAAiD;IACjD,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC,kCAAkC;IAClC,MAAM,IAAI,IAAI,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,GAAE,aAAa,CAAC,kBAAkB,CAAM,GAAG,WAAW,CA6C5F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proyecto-viviana/solid-stately",
-  "version": "0.6.0-rc.1",
+  "version": "0.6.0-rc.2",
   "description": "A 1-1 SolidJS port of React Stately - headless state management for UI components",
   "keywords": [
     "headless",

package/src/form/createFormValidationState.ts

@@ -21,7 +21,7 @@
  * Port of react-stately's useFormValidationState.
  */
 
-import { createContext, createEffect, createMemo } from "solid-js";
+import { createContext, createEffect, createMemo, untrack } from "solid-js";
 import type { Accessor } from "solid-js";
 import { createInternalSignal, useContextOptional } from "../utils";
 
@@ -324,7 +324,11 @@ export function createFormValidationState<T>(props: FormValidationProps<T>): For
     displayValidation,
     updateValidation(value: ValidationResult) {
       // If validationBehavior is 'aria', update in realtime. Otherwise, store until commit.
-      if (validationBehavior() === "aria" && !isEqualValidation(currentValidity(), value)) {
+      // An imperative write: it reads the behavior and validity as they stand.
+      if (
+        untrack(validationBehavior) === "aria" &&
+        !isEqualValidation(untrack(currentValidity), value)
+      ) {
         setCurrentValidity(value);
       } else {
         nextValidation = value;

package/src/textfield/createTextFieldState.ts

@@ -21,7 +21,7 @@
  * as used by @react-aria/textfield.
  */
 
-import { Accessor } from "solid-js";
+import { Accessor, untrack } from "solid-js";
 import { createInternalSignal, type MaybeAccessor, access } from "../utils";
 
 export interface TextFieldStateOptions {
@@ -49,8 +49,11 @@ export function createTextFieldState(
 ): TextFieldState {
   const getProps = () => access(props);
 
-  const initialProps = getProps();
-  const initialValue = initialProps.value ?? initialProps.defaultValue ?? "";
+  // Seeds the uncontrolled state once, by definition.
+  const initialValue = untrack(() => {
+    const initialProps = getProps();
+    return initialProps.value ?? initialProps.defaultValue ?? "";
+  });
 
   const [internalValue, setInternalValue] = createInternalSignal(initialValue);
 

package/src/toggle/createToggleGroupState.ts

@@ -21,6 +21,7 @@
  * This is a port of @react-stately/toggle's useToggleGroupState.
  */
 
+import { untrack } from "solid-js";
 import type { Key } from "../collections";
 import { access, createInternalSignal, readNow, type MaybeAccessor } from "../utils";
 
@@ -69,9 +70,10 @@ export function createToggleGroupState(
 ): ToggleGroupState {
   const getProps = () => access(props);
 
-  const initialProps = getProps();
+  // Seeds the uncontrolled state once, by definition.
+  const initialDefaultSelectedKeys = untrack(() => getProps().defaultSelectedKeys);
   const [internalSelectedKeys, setInternalSelectedKeys] = createInternalSignal<Set<Key>>(
-    toKeySet(initialProps.defaultSelectedKeys),
+    toKeySet(initialDefaultSelectedKeys),
   );
 
   const isControlled = () => getProps().selectedKeys !== undefined;

package/src/toggle/createToggleState.ts

@@ -20,7 +20,7 @@
  * This is a 1:1 port of @react-stately/toggle's useToggleState.
  */
 
-import { Accessor } from "solid-js";
+import { Accessor, untrack } from "solid-js";
 import { access, createInternalSignal, readNow, type MaybeAccessor } from "../utils";
 
 export interface ToggleStateOptions {
@@ -51,8 +51,9 @@ export interface ToggleState {
 export function createToggleState(props: MaybeAccessor<ToggleStateOptions> = {}): ToggleState {
   const getProps = () => access(props);
 
-  const initialProps = getProps();
-  const initialSelected = initialProps.isSelected ?? initialProps.defaultSelected ?? false;
+  // Seeds the uncontrolled state once, by definition.
+  const initialDefaultSelected = untrack(() => getProps().defaultSelected);
+  const initialSelected = untrack(() => getProps().isSelected) ?? initialDefaultSelected ?? false;
 
   const [internalSelected, setInternalSelected] = createInternalSignal(initialSelected);
 
@@ -88,7 +89,7 @@ export function createToggleState(props: MaybeAccessor<ToggleStateOptions> = {})
 
   return {
     isSelected,
-    defaultSelected: initialProps.defaultSelected ?? initialSelected,
+    defaultSelected: initialDefaultSelected ?? initialSelected,
     setSelected,
     toggle,
   };