@jsenv/navi 0.29.131 → 0.29.132

package/dist/jsenv_navi.js

@@ -59296,6 +59296,22 @@ const PickerConfirmBody = ({
 
 const PickerContext = createContext();
 
+/*
+ * A typed picker (`type="date"`, `type="array"`, …) draws its value with a ui
+ * of navi's own, installed as the very "ui" prop a caller overrides to draw
+ * that value themselves. Marking navi's own tells the two apart afterwards:
+ * an empty value is greyed as a placeholder only when the drawing is navi's —
+ * a caller's ui may well be their way of writing "no filter", which is an
+ * answer, not a blank (see navi-placeholder in picker.jsx).
+ */
+const asPickerOwnUI = PickerUI => {
+  PickerUI.isPickerOwnUI = true;
+  return PickerUI;
+};
+const pickerUIIsNaviOwn = ui => {
+  return Boolean(ui) && typeof ui === "object" && Boolean(ui.type?.isPickerOwnUI);
+};
+
 const PickerNaviMinute = props => {
   const Next = useNextResolver();
   const {
@@ -66335,7 +66351,7 @@ const PickerObject = props => {
     "navi-state-shape": "object"
   });
 };
-const PickerObjectUI = () => {
+const PickerObjectUI = asPickerOwnUI(() => {
   const {
     value,
     placeholder
@@ -66360,7 +66376,7 @@ const PickerObjectUI = () => {
       }, key);
     })
   });
-};
+});
 const PickerArray = props => {
   const Next = useNextResolver();
   return jsx(Next, {
@@ -66370,7 +66386,7 @@ const PickerArray = props => {
     "navi-state-shape": "array"
   });
 };
-const PickerArrayUI = () => {
+const PickerArrayUI = asPickerOwnUI(() => {
   const {
     value,
     placeholder,
@@ -66392,7 +66408,7 @@ const PickerArrayUI = () => {
       }, item);
     })
   });
-};
+});
 
 /**
  * One value the picker holds, drawn as a chip with a cross that takes it back
@@ -66453,7 +66469,7 @@ const PickerColor = props => {
     ...props
   });
 };
-const PickerColorUI = () => {
+const PickerColorUI = asPickerOwnUI(() => {
   const {
     value,
     placeholder
@@ -66467,7 +66483,7 @@ const PickerColorUI = () => {
   return jsx(Color, {
     children: value
   });
-};
+});
 const PickerDate = props => {
   const Next = useNextResolver();
   return jsx(Next, {
@@ -66477,7 +66493,7 @@ const PickerDate = props => {
     type: "date"
   });
 };
-const PickerDateUI = props => {
+const PickerDateUI = asPickerOwnUI(props => {
   const {
     value,
     placeholder
@@ -66499,7 +66515,7 @@ const PickerDateUI = props => {
     ...props,
     children: value
   });
-};
+});
 const PickerMonth = props => {
   const Next = useNextResolver();
   return jsx(Next, {
@@ -66509,7 +66525,7 @@ const PickerMonth = props => {
     type: "month"
   });
 };
-const PickerMonthUI = props => {
+const PickerMonthUI = asPickerOwnUI(props => {
   const {
     value,
     placeholder
@@ -66530,7 +66546,7 @@ const PickerMonthUI = props => {
     ...props,
     children: value
   });
-};
+});
 const PickerWeek = props => {
   const Next = useNextResolver();
   return jsx(Next, {
@@ -66540,7 +66556,7 @@ const PickerWeek = props => {
     type: "week"
   });
 };
-const PickerWeekUI = props => {
+const PickerWeekUI = asPickerOwnUI(props => {
   const {
     value,
     placeholder
@@ -66561,7 +66577,7 @@ const PickerWeekUI = props => {
     ...props,
     children: value
   });
-};
+});
 const PickerTime = props => {
   const Next = useNextResolver();
   return jsx(Next, {
@@ -66571,7 +66587,7 @@ const PickerTime = props => {
     type: "time"
   });
 };
-const PickerTimeUI = props => {
+const PickerTimeUI = asPickerOwnUI(props => {
   const {
     value,
     placeholder
@@ -66591,7 +66607,7 @@ const PickerTimeUI = props => {
     ...props,
     children: value
   });
-};
+});
 const PickerDuration = props => {
   const Next = useNextResolver();
   return jsx(Next, {
@@ -66602,7 +66618,7 @@ const PickerDuration = props => {
     "navi-input-type": "duration"
   });
 };
-const PickerDurationUI = props => {
+const PickerDurationUI = asPickerOwnUI(props => {
   const {
     value,
     placeholder
@@ -66622,7 +66638,7 @@ const PickerDurationUI = props => {
     ...props,
     children: value
   });
-};
+});
 const PickerDatetime = props => {
   const Next = useNextResolver();
   return jsx(Next, {
@@ -66632,7 +66648,7 @@ const PickerDatetime = props => {
     type: "datetime-local"
   });
 };
-const PickerDatetimeUI = props => {
+const PickerDatetimeUI = asPickerOwnUI(props => {
   const {
     value,
     placeholder
@@ -66651,7 +66667,7 @@ const PickerDatetimeUI = props => {
     type: "datetime",
     children: value
   });
-};
+});
 const PickerFile = props => {
   const Next = useNextResolver();
   return jsx(Next, {
@@ -66661,7 +66677,7 @@ const PickerFile = props => {
     ...props
   });
 };
-const PickerFileUI = () => {
+const PickerFileUI = asPickerOwnUI(() => {
   const {
     value,
     placeholder
@@ -66674,7 +66690,7 @@ const PickerFileUI = () => {
   }
   // value is a FileList-like string from the input; display file names
   return String(value);
-};
+});
 
 installImportMetaCssBuild(import.meta);const css$t = /* css */`
   @layer navi {
@@ -67505,11 +67521,16 @@ const PickerButton = props => {
             ,
 
             "data-picker-facade": ui === undefined ? undefined : ""
-            // A button's label is not a placeholder, however empty the
-            // picker behind it is.
+            // A placeholder is the picker saying "nothing here yet" about
+            // the value navi draws — the default rendering, or the one a
+            // typed picker installs for itself. A button's label is not
+            // that, however empty the picker behind it is, and neither is a
+            // caller's own "ui": an empty value may be exactly what the
+            // caller is drawing there ("no filter", "anywhere"), so how it
+            // looks empty stays theirs (documented on the ui prop below).
             ,
 
-            "navi-placeholder": variant !== "button" && variant !== "text" && uiStateHoldsNothing(value) ? "" : undefined,
+            "navi-placeholder": (ui === undefined || pickerUIIsNaviOwn(ui)) && variant !== "button" && variant !== "text" && uiStateHoldsNothing(value) ? "" : undefined,
             maxLines: maxLines,
             children: jsx(PickerOwnContent, {
               children: jsx(PickerContext.Provider, {