@jsenv/navi 0.18.23 → 0.18.25

package/dist/jsenv_navi.js

@@ -1248,7 +1248,11 @@ ${lines.join("\n")}`);
     for (const actionToReset of willResetSet) {
       const actionToResetPrivateProperties =
         getActionPrivateProperties(actionToReset);
-      actionToResetPrivateProperties.performReset({ reason });
+      actionToResetPrivateProperties.performReset({
+        reason,
+        willRunOrPrerun:
+          willRunSet.has(actionToReset) || willPrerunSet.has(actionToReset),
+      });
       activationWeakSet.delete(actionToReset);
     }
   }
@@ -1897,7 +1901,7 @@ const createAction = (callback, rootOptions = {}) => {
         }
       };
 
-      const performReset = ({ reason }) => {
+      const performReset = ({ reason, willRunOrPrerun }) => {
         abort(reason);
         if (DEBUG$3) {
           console.log(`"${action}": resetting (reason: ${reason})`);
@@ -1913,11 +1917,11 @@ const createAction = (callback, rootOptions = {}) => {
         actionPromiseMap.delete(action);
         batch(() => {
           errorSignal.value = null;
-          if (!keepOldData) {
+          if (!keepOldData && !willRunOrPrerun) {
             valueSignal.value = valueInitial;
-          }
-          if (outputSignal) {
-            outputSignal.value = undefined;
+            if (outputSignal) {
+              outputSignal.value = undefined;
+            }
           }
           isPrerunSignal.value = true;
           runningStateSignal.value = IDLE;
@@ -2319,7 +2323,7 @@ getActionPrivateProperties(COMPLETED_ACTION).performRun({});
 const actionRunEffect = (
   action,
   deriveActionParamsFromSignals,
-  { debounce, meta } = {},
+  { debounce, actionOptions } = {},
 ) => {
   if (typeof action === "function") action = createAction(action);
   let lastTruthyParams;
@@ -2389,7 +2393,7 @@ const actionRunEffect = (
         }
       }
     },
-    meta,
+    ...actionOptions,
   });
   if (actionParamsSignal.peek()) {
     actionRunnedByThisEffect.run({ reason: "initial truthy params" });
@@ -6485,7 +6489,6 @@ const PSEUDO_CLASSES_DEFAULT = [];
 const PSEUDO_ELEMENTS_DEFAULT = [];
 const STYLE_CSS_VARS_DEFAULT = {};
 const PROPS_CSS_VARS_DEFAULT = {};
-const CHILD_PROP_SET_DEFAULT = new Set();
 const Box = props => {
   const {
     as = "div",
@@ -6512,7 +6515,8 @@ const Box = props => {
     // -> introduced for <Input /> with a wrapped for loading, checkboxes, etc
     pseudoStateSelector,
     hasChildFunction,
-    childPropSet = CHILD_PROP_SET_DEFAULT,
+    baseChildPropSet,
+    childPropSet,
     // preventInitialTransition can be used to prevent transition on mount
     // (when transition is set via props, this is done automatically)
     // so this prop is useful only when transition is enabled from "outside" (via CSS)
@@ -6767,7 +6771,7 @@ const Box = props => {
     }
     for (const propName of remainingPropKeySet) {
       const propValue = rest[propName];
-      if (childPropSet.has(propName)) {
+      if (baseChildPropSet?.has(propName) || childPropSet?.has(propName)) {
         childForwardedProps[propName] = propValue;
         continue;
       }
@@ -22279,6 +22283,11 @@ const normalizeColorString = (color, el) => {
   return String(colorRgba);
 };
 
+const fieldPropSet = new Set([
+  ...CONSTRAINT_ATTRIBUTE_SET,
+  "data-testid",
+]);
+
 installImportMetaCss(import.meta);import.meta.css = /* css */`
   @layer navi {
     label {
@@ -22736,6 +22745,7 @@ const CheckboxButtonStyleCSSVars = {
 };
 const CheckboxPseudoClasses = [":hover", ":active", ":focus", ":focus-visible", ":read-only", ":disabled", ":checked", ":-navi-loading"];
 const CheckboxPseudoElements = ["::-navi-loader", "::-navi-checkmark"];
+const CheckboxChildPropSet = new Set([...fieldPropSet]);
 const InputCheckboxBasic = props => {
   const contextFieldName = useContext(FieldNameContext);
   const contextReadOnly = useContext(ReadOnlyContext);
@@ -22838,6 +22848,7 @@ const InputCheckboxBasic = props => {
     },
     accentColor: accentColor,
     hasChildFunction: true,
+    baseChildPropSet: CheckboxChildPropSet,
     preventInitialTransition: true,
     children: [jsx(LoaderBackground, {
       loading: innerLoading,
@@ -23457,6 +23468,7 @@ const RadioButtonStyleCSSVars = {
 };
 const RadioPseudoClasses = [":hover", ":active", ":focus", ":focus-visible", ":read-only", ":disabled", ":checked", ":-navi-loading"];
 const RadioPseudoElements = ["::-navi-loader", "::-navi-radiomark"];
+const RadioChildPropSet = new Set([...fieldPropSet]);
 const InputRadioBasic = props => {
   const contextName = useContext(FieldNameContext);
   const contextReadOnly = useContext(ReadOnlyContext);
@@ -23585,6 +23597,7 @@ const InputRadioBasic = props => {
     },
     color: color,
     hasChildFunction: true,
+    baseChildPropSet: RadioChildPropSet,
     children: [jsx(LoaderBackground, {
       loading: innerLoading,
       inset: -1,
@@ -23847,7 +23860,7 @@ const InputRange = props => {
     })
   });
 };
-const InputStyleCSSVars$1 = {
+const RangeStyleCSSVars = {
   "outlineWidth": "--outline-width",
   "borderRadius": "--border-radius",
   "borderColor": "--border-color",
@@ -23878,8 +23891,9 @@ const InputStyleCSSVars$1 = {
     thumbColor: "--thumb-color-disabled"
   }
 };
-const InputPseudoClasses$1 = [":hover", ":active", ":focus", ":focus-visible", ":read-only", ":disabled", ":-navi-loading"];
-const InputPseudoElements$1 = ["::-navi-loader"];
+const RangePseudoClasses = [":hover", ":active", ":focus", ":focus-visible", ":read-only", ":disabled", ":-navi-loading"];
+const RangePseudoElements = ["::-navi-loader"];
+const RangeChildPropSet = new Set([...fieldPropSet]);
 const InputRangeBasic = props => {
   const contextReadOnly = useContext(ReadOnlyContext);
   const contextDisabled = useContext(DisabledContext);
@@ -23990,7 +24004,7 @@ const InputRangeBasic = props => {
     as: "span",
     box: true,
     baseClassName: "navi_input_range",
-    styleCSSVars: InputStyleCSSVars$1,
+    styleCSSVars: RangeStyleCSSVars,
     pseudoStateSelector: ".navi_native_input",
     visualSelector: ".navi_native_input",
     basePseudoState: {
@@ -23998,9 +24012,10 @@ const InputRangeBasic = props => {
       ":disabled": innerDisabled,
       ":-navi-loading": innerLoading
     },
-    pseudoClasses: InputPseudoClasses$1,
-    pseudoElements: InputPseudoElements$1,
+    pseudoClasses: RangePseudoClasses,
+    pseudoElements: RangePseudoElements,
     hasChildFunction: true,
+    baseChildPropSet: RangeChildPropSet,
     ...remainingProps,
     ref: undefined,
     children: [jsx(LoaderBackground, {
@@ -24380,7 +24395,7 @@ Object.assign(PSEUDO_CLASSES, {
   }
 });
 const InputPseudoElements = ["::-navi-loader"];
-const InputPropSet = new Set([...CONSTRAINT_ATTRIBUTE_SET]);
+const InputChildPropSet = new Set([...fieldPropSet]);
 const InputTextualBasic = props => {
   const contextReadOnly = useContext(ReadOnlyContext);
   const contextDisabled = useContext(DisabledContext);
@@ -24483,7 +24498,7 @@ const InputTextualBasic = props => {
     pseudoClasses: InputPseudoClasses,
     pseudoElements: InputPseudoElements,
     hasChildFunction: true,
-    childPropSet: InputPropSet,
+    baseChildPropSet: InputChildPropSet,
     "data-start-icon": innerIcon ? "" : undefined,
     "data-end-icon": cancelButton ? "" : undefined,
     ...remainingProps,