@buoy-gg/network 7.0.40 → 7.0.42

package/lib/module/network/components/NetworkNumberPrompt.js

@@ -1,174 +1 @@
-"use strict";
-
-import { useState } from "react";
-import { StyleSheet, Text, TextInput, TouchableOpacity, View } from "react-native";
-import { absoluteFill, macOSColors } from "@buoy-gg/shared-ui";
-
-/**
- * Entering one number, without the keyboard eating the screen.
- *
- * The custom status / delay / times fields used to be inline inputs sitting
- * mid-form. Focusing one raises the keyboard, which on a phone covers roughly
- * the bottom half of the tool — including, depending on where you'd scrolled,
- * the field you were typing into and the Save button you needed next.
- *
- * Pinning the panel to the TOP is the fix, and it's the same one
- * `StorageValueEditModal` reached for: a centred panel gets shoved up or
- * covered the moment the field focuses, and a bottom sheet is simply
- * underneath it. At the top it stays put and stays readable.
- *
- * Deliberately not a reuse of that component — this asks for a number and
- * nothing else. It has no type inference, no raw-JSON escape hatch and no
- * shape-preservation rules, so borrowing 400 lines to avoid writing 100 would
- * be the wrong trade.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function NetworkNumberPrompt({
-  title,
-  hint,
-  value,
-  placeholder = "Number",
-  min,
-  max,
-  onSubmit,
-  onCancel
-}) {
-  const [text, setText] = useState(value != null ? String(value) : "");
-  const submit = () => {
-    const trimmed = text.trim();
-    if (!trimmed) {
-      onSubmit(null);
-      return;
-    }
-    const parsed = Number(trimmed);
-    if (!Number.isFinite(parsed)) {
-      onSubmit(null);
-      return;
-    }
-    // Clamped here rather than accepted-then-silently-changed: a field that
-    // takes 999 and stores 599 is a field that lies.
-    let next = parsed;
-    if (min != null) next = Math.max(min, next);
-    if (max != null) next = Math.min(max, next);
-    onSubmit(next);
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.overlay,
-    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.backdrop,
-      activeOpacity: 1,
-      onPress: onCancel,
-      "sentry-label": "ignore dismiss number prompt"
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.panel,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        children: title
-      }), /*#__PURE__*/_jsx(TextInput, {
-        style: styles.input,
-        value: text,
-        onChangeText: setText,
-        placeholder: placeholder,
-        placeholderTextColor: macOSColors.text.muted,
-        keyboardType: "number-pad",
-        autoFocus: true,
-        selectTextOnFocus: true,
-        onSubmitEditing: submit,
-        returnKeyType: "done",
-        "sentry-label": "ignore number prompt input",
-        accessibilityLabel: title
-      }), hint ? /*#__PURE__*/_jsx(Text, {
-        style: styles.hint,
-        children: hint
-      }) : null, /*#__PURE__*/_jsxs(View, {
-        style: styles.actions,
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: onCancel,
-          "sentry-label": "ignore cancel number prompt",
-          style: [styles.button, styles.cancelButton],
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.cancelText,
-            children: "Cancel"
-          })
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: submit,
-          "sentry-label": "ignore save number prompt",
-          style: [styles.button, styles.saveButton],
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.saveText,
-            children: "Set"
-          })
-        })]
-      })]
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  overlay: {
-    ...absoluteFill,
-    zIndex: 40
-  },
-  backdrop: {
-    ...absoluteFill,
-    backgroundColor: "rgba(0,0,0,0.6)"
-  },
-  panel: {
-    marginHorizontal: 12,
-    marginTop: 12,
-    padding: 14,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: macOSColors.border.hover,
-    backgroundColor: macOSColors.background.card,
-    gap: 10
-  },
-  title: {
-    fontSize: 13,
-    fontWeight: "700",
-    color: macOSColors.text.primary
-  },
-  input: {
-    backgroundColor: macOSColors.background.input,
-    borderWidth: 1,
-    borderColor: macOSColors.border.input,
-    borderRadius: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontSize: 16,
-    fontWeight: "700",
-    color: macOSColors.text.primary
-  },
-  hint: {
-    fontSize: 10,
-    color: macOSColors.text.muted
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8
-  },
-  button: {
-    flex: 1,
-    paddingVertical: 10,
-    borderRadius: 6,
-    alignItems: "center",
-    borderWidth: 1
-  },
-  cancelButton: {
-    borderColor: macOSColors.border.default,
-    backgroundColor: macOSColors.background.base
-  },
-  cancelText: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: macOSColors.text.secondary
-  },
-  saveButton: {
-    borderColor: macOSColors.semantic.info,
-    backgroundColor: `${macOSColors.semantic.info}22`
-  },
-  saveText: {
-    fontSize: 12,
-    fontWeight: "700",
-    color: macOSColors.semantic.info
-  }
-});
+"use strict";import{useState as C}from"react";import{StyleSheet as S,Text as n,TextInput as v,TouchableOpacity as i,View as a}from"react-native";import{absoluteFill as f,macOSColors as e}from"@buoy-gg/shared-ui";import{jsx as r,jsxs as s}from"react/jsx-runtime";export function NetworkNumberPrompt({title:c,hint:d,value:u,placeholder:T="Number",min:b,max:p,onSubmit:l,onCancel:m}){const[g,k]=C(u!=null?String(u):"");const y=()=>{const h=g.trim();if(!h){l(null);return}const x=Number(h);if(!Number.isFinite(x)){l(null);return}let o=x;if(b!=null)o=Math.max(b,o);if(p!=null)o=Math.min(p,o);l(o)};return s(a,{style:t.overlay,children:[r(i,{style:t.backdrop,activeOpacity:1,onPress:m,"sentry-label":"ignore dismiss number prompt"}),s(a,{style:t.panel,children:[r(n,{style:t.title,children:c}),r(v,{style:t.input,value:g,onChangeText:k,placeholder:T,placeholderTextColor:e.text.muted,keyboardType:"number-pad",autoFocus:true,selectTextOnFocus:true,onSubmitEditing:y,returnKeyType:"done","sentry-label":"ignore number prompt input",accessibilityLabel:c}),d?r(n,{style:t.hint,children:d}):null,s(a,{style:t.actions,children:[r(i,{onPress:m,"sentry-label":"ignore cancel number prompt",style:[t.button,t.cancelButton],children:r(n,{style:t.cancelText,children:"Cancel"})}),r(i,{onPress:y,"sentry-label":"ignore save number prompt",style:[t.button,t.saveButton],children:r(n,{style:t.saveText,children:"Set"})})]})]})]})}const t=S.create({overlay:{...f,zIndex:40},backdrop:{...f,backgroundColor:"rgba(0,0,0,0.6)"},panel:{marginHorizontal:12,marginTop:12,padding:14,borderRadius:10,borderWidth:1,borderColor:e.border.hover,backgroundColor:e.background.card,gap:10},title:{fontSize:13,fontWeight:"700",color:e.text.primary},input:{backgroundColor:e.background.input,borderWidth:1,borderColor:e.border.input,borderRadius:6,paddingHorizontal:12,paddingVertical:10,fontSize:16,fontWeight:"700",color:e.text.primary},hint:{fontSize:10,color:e.text.muted},actions:{flexDirection:"row",gap:8},button:{flex:1,paddingVertical:10,borderRadius:6,alignItems:"center",borderWidth:1},cancelButton:{borderColor:e.border.default,backgroundColor:e.background.base},cancelText:{fontSize:12,fontWeight:"600",color:e.text.secondary},saveButton:{borderColor:e.semantic.info,backgroundColor:`${e.semantic.info}22`},saveText:{fontSize:12,fontWeight:"700",color:e.semantic.info}});

package/lib/module/network/components/NetworkNumberPrompt.web.js

@@ -1,230 +1 @@
-"use strict";
-
-/**
- * NetworkNumberPrompt.web — DOM twin of NetworkNumberPrompt.tsx.
- *
- * Entering one number, pinned to the TOP of the tool so the (mobile) keyboard
- * can't cover it — the panel keeps the same placement so the two surfaces
- * read identically. Same clamp-on-submit semantics: a field that takes 999
- * and stores 599 is a field that lies, so min/max clamp BEFORE `onSubmit`.
- *
- * shared-ui RN chrome is replicated as DOM with provenance (web consumers
- * resolve `@buoy-gg/shared-ui` to a minimal shim):
- *  - `macOSColors` — inlined verbatim subset from
- *    shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts.
- *  - `absoluteFill` — inset: 0.
- *
- * Intentional deviations (all logged):
- *  - `selectTextOnFocus` → an explicit `select()` in the autoFocus ref
- *    callback (DOM inputs don't select-all on focus by default).
- *  - `keyboardType="number-pad"` → `inputMode="numeric"`; Enter submits
- *    (native `onSubmitEditing`/`returnKeyType="done"`), Escape cancels (the
- *    keyboard affordance the backdrop tap covers on touch).
- *
- * @platform React DOM Web
- */
-
-import { useState } from "react";
-
-/** macOSColors subset — shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts, verbatim. */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const macOSColors = {
-  background: {
-    base: "#0A0A0C",
-    card: "#1A1A1C",
-    input: "#26262A"
-  },
-  border: {
-    default: "#2D2D2F",
-    input: "#3D3D42",
-    hover: "#4D4D4F"
-  },
-  text: {
-    primary: "#F5F5F7",
-    secondary: "#A1A1A6",
-    muted: "#8E8E93"
-  },
-  semantic: {
-    info: "#00B8E6"
-  }
-};
-export function NetworkNumberPrompt({
-  title,
-  hint,
-  value,
-  placeholder = "Number",
-  min,
-  max,
-  onSubmit,
-  onCancel
-}) {
-  const [text, setText] = useState(value != null ? String(value) : "");
-  const submit = () => {
-    const trimmed = text.trim();
-    if (!trimmed) {
-      onSubmit(null);
-      return;
-    }
-    const parsed = Number(trimmed);
-    if (!Number.isFinite(parsed)) {
-      onSubmit(null);
-      return;
-    }
-    // Clamped here rather than accepted-then-silently-changed: a field that
-    // takes 999 and stores 599 is a field that lies. (Native comment.)
-    let next = parsed;
-    if (min != null) next = Math.max(min, next);
-    if (max != null) next = Math.min(max, next);
-    onSubmit(next);
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    style: styles.overlay,
-    children: [/*#__PURE__*/_jsx("button", {
-      type: "button",
-      "aria-label": "Dismiss",
-      onClick: onCancel,
-      style: styles.backdrop
-    }), /*#__PURE__*/_jsxs("div", {
-      style: styles.panel,
-      children: [/*#__PURE__*/_jsx("div", {
-        style: styles.title,
-        children: title
-      }), /*#__PURE__*/_jsx("input", {
-        style: styles.input,
-        value: text,
-        onChange: e => setText(e.target.value),
-        placeholder: placeholder,
-        inputMode: "numeric"
-        // DEVIATION (logged in the file header): autoFocus + select() stands
-        // in for native `selectTextOnFocus`.
-        ,
-        ref: node => {
-          if (node) {
-            node.focus();
-            node.select();
-          }
-        },
-        onKeyDown: e => {
-          if (e.key === "Enter") submit();
-          if (e.key === "Escape") onCancel();
-        },
-        "aria-label": title
-      }), hint ? /*#__PURE__*/_jsx("div", {
-        style: styles.hint,
-        children: hint
-      }) : null, /*#__PURE__*/_jsxs("div", {
-        style: styles.actions,
-        children: [/*#__PURE__*/_jsx("button", {
-          type: "button",
-          onClick: onCancel,
-          style: {
-            ...styles.button,
-            ...styles.cancelButton
-          },
-          children: /*#__PURE__*/_jsx("span", {
-            style: styles.cancelText,
-            children: "Cancel"
-          })
-        }), /*#__PURE__*/_jsx("button", {
-          type: "button",
-          onClick: submit,
-          style: {
-            ...styles.button,
-            ...styles.saveButton
-          },
-          children: /*#__PURE__*/_jsx("span", {
-            style: styles.saveText,
-            children: "Set"
-          })
-        })]
-      })]
-    })]
-  });
-}
-
-// Values mirror the native StyleSheet block 1:1.
-const styles = {
-  overlay: {
-    position: "absolute",
-    inset: 0,
-    zIndex: 40
-  },
-  backdrop: {
-    position: "absolute",
-    inset: 0,
-    backgroundColor: "rgba(0,0,0,0.6)",
-    border: "none",
-    padding: 0,
-    margin: 0,
-    cursor: "default",
-    width: "100%",
-    height: "100%"
-  },
-  panel: {
-    position: "relative",
-    margin: "12px 12px 0",
-    padding: 14,
-    borderRadius: 10,
-    border: `1px solid ${macOSColors.border.hover}`,
-    backgroundColor: macOSColors.background.card,
-    display: "flex",
-    flexDirection: "column",
-    gap: 10
-  },
-  title: {
-    fontSize: 13,
-    fontWeight: 700,
-    color: macOSColors.text.primary
-  },
-  input: {
-    backgroundColor: macOSColors.background.input,
-    border: `1px solid ${macOSColors.border.input}`,
-    borderRadius: 6,
-    padding: "10px 12px",
-    fontSize: 16,
-    fontWeight: 700,
-    color: macOSColors.text.primary,
-    outline: "none",
-    fontFamily: "inherit",
-    boxSizing: "border-box",
-    width: "100%"
-  },
-  hint: {
-    fontSize: 10,
-    color: macOSColors.text.muted
-  },
-  actions: {
-    display: "flex",
-    flexDirection: "row",
-    gap: 8
-  },
-  button: {
-    flex: 1,
-    padding: "10px 0",
-    borderRadius: 6,
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    cursor: "pointer",
-    margin: 0,
-    boxSizing: "border-box"
-  },
-  cancelButton: {
-    border: `1px solid ${macOSColors.border.default}`,
-    backgroundColor: macOSColors.background.base
-  },
-  cancelText: {
-    fontSize: 12,
-    fontWeight: 600,
-    color: macOSColors.text.secondary
-  },
-  saveButton: {
-    border: `1px solid ${macOSColors.semantic.info}`,
-    backgroundColor: `${macOSColors.semantic.info}22`
-  },
-  saveText: {
-    fontSize: 12,
-    fontWeight: 700,
-    color: macOSColors.semantic.info
-  }
-};
+"use strict";import{useState as m}from"react";import{jsx as n,jsxs as a}from"react/jsx-runtime";const t={background:{base:"#0A0A0C",card:"#1A1A1C",input:"#26262A"},border:{default:"#2D2D2F",input:"#3D3D42",hover:"#4D4D4F"},text:{primary:"#F5F5F7",secondary:"#A1A1A6",muted:"#8E8E93"},semantic:{info:"#00B8E6"}};export function NetworkNumberPrompt({title:s,hint:d,value:c,placeholder:g="Number",min:u,max:p,onSubmit:i,onCancel:l}){const[b,y]=m(c!=null?String(c):"");const x=()=>{const o=b.trim();if(!o){i(null);return}const f=Number(o);if(!Number.isFinite(f)){i(null);return}let r=f;if(u!=null)r=Math.max(u,r);if(p!=null)r=Math.min(p,r);i(r)};return a("div",{style:e.overlay,children:[n("button",{type:"button","aria-label":"Dismiss",onClick:l,style:e.backdrop}),a("div",{style:e.panel,children:[n("div",{style:e.title,children:s}),n("input",{style:e.input,value:b,onChange:o=>y(o.target.value),placeholder:g,inputMode:"numeric",ref:o=>{if(o){o.focus();o.select()}},onKeyDown:o=>{if(o.key==="Enter")x();if(o.key==="Escape")l()},"aria-label":s}),d?n("div",{style:e.hint,children:d}):null,a("div",{style:e.actions,children:[n("button",{type:"button",onClick:l,style:{...e.button,...e.cancelButton},children:n("span",{style:e.cancelText,children:"Cancel"})}),n("button",{type:"button",onClick:x,style:{...e.button,...e.saveButton},children:n("span",{style:e.saveText,children:"Set"})})]})]})]})}const e={overlay:{position:"absolute",inset:0,zIndex:40},backdrop:{position:"absolute",inset:0,backgroundColor:"rgba(0,0,0,0.6)",border:"none",padding:0,margin:0,cursor:"default",width:"100%",height:"100%"},panel:{position:"relative",margin:"12px 12px 0",padding:14,borderRadius:10,border:`1px solid ${t.border.hover}`,backgroundColor:t.background.card,display:"flex",flexDirection:"column",gap:10},title:{fontSize:13,fontWeight:700,color:t.text.primary},input:{backgroundColor:t.background.input,border:`1px solid ${t.border.input}`,borderRadius:6,padding:"10px 12px",fontSize:16,fontWeight:700,color:t.text.primary,outline:"none",fontFamily:"inherit",boxSizing:"border-box",width:"100%"},hint:{fontSize:10,color:t.text.muted},actions:{display:"flex",flexDirection:"row",gap:8},button:{flex:1,padding:"10px 0",borderRadius:6,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",margin:0,boxSizing:"border-box"},cancelButton:{border:`1px solid ${t.border.default}`,backgroundColor:t.background.base},cancelText:{fontSize:12,fontWeight:600,color:t.text.secondary},saveButton:{border:`1px solid ${t.semantic.info}`,backgroundColor:`${t.semantic.info}22`},saveText:{fontSize:12,fontWeight:700,color:t.semantic.info}};