@buoy-gg/network 7.0.41 → 7.0.42

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

@@ -1,178 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkNumberPrompt = NetworkNumberPrompt;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- */
-
-function NetworkNumberPrompt({
-  title,
-  hint,
-  value,
-  placeholder = "Number",
-  min,
-  max,
-  onSubmit,
-  onCancel
-}) {
-  const [text, setText] = (0, _react.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.overlay,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: styles.backdrop,
-      activeOpacity: 1,
-      onPress: onCancel,
-      "sentry-label": "ignore dismiss number prompt"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.panel,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.title,
-        children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        style: styles.input,
-        value: text,
-        onChangeText: setText,
-        placeholder: placeholder,
-        placeholderTextColor: _sharedUi.macOSColors.text.muted,
-        keyboardType: "number-pad",
-        autoFocus: true,
-        selectTextOnFocus: true,
-        onSubmitEditing: submit,
-        returnKeyType: "done",
-        "sentry-label": "ignore number prompt input",
-        accessibilityLabel: title
-      }), hint ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.hint,
-        children: hint
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.actions,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: onCancel,
-          "sentry-label": "ignore cancel number prompt",
-          style: [styles.button, styles.cancelButton],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.cancelText,
-            children: "Cancel"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          onPress: submit,
-          "sentry-label": "ignore save number prompt",
-          style: [styles.button, styles.saveButton],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.saveText,
-            children: "Set"
-          })
-        })]
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  overlay: {
-    ..._sharedUi.absoluteFill,
-    zIndex: 40
-  },
-  backdrop: {
-    ..._sharedUi.absoluteFill,
-    backgroundColor: "rgba(0,0,0,0.6)"
-  },
-  panel: {
-    marginHorizontal: 12,
-    marginTop: 12,
-    padding: 14,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.hover,
-    backgroundColor: _sharedUi.macOSColors.background.card,
-    gap: 10
-  },
-  title: {
-    fontSize: 13,
-    fontWeight: "700",
-    color: _sharedUi.macOSColors.text.primary
-  },
-  input: {
-    backgroundColor: _sharedUi.macOSColors.background.input,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.input,
-    borderRadius: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontSize: 16,
-    fontWeight: "700",
-    color: _sharedUi.macOSColors.text.primary
-  },
-  hint: {
-    fontSize: 10,
-    color: _sharedUi.macOSColors.text.muted
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8
-  },
-  button: {
-    flex: 1,
-    paddingVertical: 10,
-    borderRadius: 6,
-    alignItems: "center",
-    borderWidth: 1
-  },
-  cancelButton: {
-    borderColor: _sharedUi.macOSColors.border.default,
-    backgroundColor: _sharedUi.macOSColors.background.base
-  },
-  cancelText: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _sharedUi.macOSColors.text.secondary
-  },
-  saveButton: {
-    borderColor: _sharedUi.macOSColors.semantic.info,
-    backgroundColor: `${_sharedUi.macOSColors.semantic.info}22`
-  },
-  saveText: {
-    fontSize: 12,
-    fontWeight: "700",
-    color: _sharedUi.macOSColors.semantic.info
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkNumberPrompt=NetworkNumberPrompt;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function NetworkNumberPrompt({title:t,hint:o,value:n,placeholder:b="Number",min:l,max:a,onSubmit:r,onCancel:i}){const[s,m]=(0,_react.useState)(n!=null?String(n):"");const c=()=>{const u=s.trim();if(!u){r(null);return}const d=Number(u);if(!Number.isFinite(d)){r(null);return}let e=d;if(l!=null)e=Math.max(l,e);if(a!=null)e=Math.min(a,e);r(e)};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.overlay,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.backdrop,activeOpacity:1,onPress:i,"sentry-label":"ignore dismiss number prompt"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.panel,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:t}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{style:styles.input,value:s,onChangeText:m,placeholder:b,placeholderTextColor:_sharedUi.macOSColors.text.muted,keyboardType:"number-pad",autoFocus:true,selectTextOnFocus:true,onSubmitEditing:c,returnKeyType:"done","sentry-label":"ignore number prompt input",accessibilityLabel:t}),o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.hint,children:o}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actions,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:i,"sentry-label":"ignore cancel number prompt",style:[styles.button,styles.cancelButton],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.cancelText,children:"Cancel"})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:c,"sentry-label":"ignore save number prompt",style:[styles.button,styles.saveButton],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.saveText,children:"Set"})})]})]})]})}const styles=_reactNative.StyleSheet.create({overlay:{..._sharedUi.absoluteFill,zIndex:40},backdrop:{..._sharedUi.absoluteFill,backgroundColor:"rgba(0,0,0,0.6)"},panel:{marginHorizontal:12,marginTop:12,padding:14,borderRadius:10,borderWidth:1,borderColor:_sharedUi.macOSColors.border.hover,backgroundColor:_sharedUi.macOSColors.background.card,gap:10},title:{fontSize:13,fontWeight:"700",color:_sharedUi.macOSColors.text.primary},input:{backgroundColor:_sharedUi.macOSColors.background.input,borderWidth:1,borderColor:_sharedUi.macOSColors.border.input,borderRadius:6,paddingHorizontal:12,paddingVertical:10,fontSize:16,fontWeight:"700",color:_sharedUi.macOSColors.text.primary},hint:{fontSize:10,color:_sharedUi.macOSColors.text.muted},actions:{flexDirection:"row",gap:8},button:{flex:1,paddingVertical:10,borderRadius:6,alignItems:"center",borderWidth:1},cancelButton:{borderColor:_sharedUi.macOSColors.border.default,backgroundColor:_sharedUi.macOSColors.background.base},cancelText:{fontSize:12,fontWeight:"600",color:_sharedUi.macOSColors.text.secondary},saveButton:{borderColor:_sharedUi.macOSColors.semantic.info,backgroundColor:`${_sharedUi.macOSColors.semantic.info}22`},saveText:{fontSize:12,fontWeight:"700",color:_sharedUi.macOSColors.semantic.info}});

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

@@ -1,232 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkNumberPrompt = NetworkNumberPrompt;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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
- */
-
-/** macOSColors subset — shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts, verbatim. */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"
-  }
-};
-function NetworkNumberPrompt({
-  title,
-  hint,
-  value,
-  placeholder = "Number",
-  min,
-  max,
-  onSubmit,
-  onCancel
-}) {
-  const [text, setText] = (0, _react.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__*/(0, _jsxRuntime.jsxs)("div", {
-    style: styles.overlay,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      type: "button",
-      "aria-label": "Dismiss",
-      onClick: onCancel,
-      style: styles.backdrop
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: styles.panel,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: styles.title,
-        children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("div", {
-        style: styles.hint,
-        children: hint
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        style: styles.actions,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          type: "button",
-          onClick: onCancel,
-          style: {
-            ...styles.button,
-            ...styles.cancelButton
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            style: styles.cancelText,
-            children: "Cancel"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          type: "button",
-          onClick: submit,
-          style: {
-            ...styles.button,
-            ...styles.saveButton
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.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";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkNumberPrompt=NetworkNumberPrompt;var _react=require("react");var _jsxRuntime=require("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"}};function NetworkNumberPrompt({title:o,hint:i,value:l,placeholder:b="Number",min:s,max:a,onSubmit:r,onCancel:n}){const[d,p]=(0,_react.useState)(l!=null?String(l):"");const u=()=>{const e=d.trim();if(!e){r(null);return}const c=Number(e);if(!Number.isFinite(c)){r(null);return}let t=c;if(s!=null)t=Math.max(s,t);if(a!=null)t=Math.min(a,t);r(t)};return(0,_jsxRuntime.jsxs)("div",{style:styles.overlay,children:[(0,_jsxRuntime.jsx)("button",{type:"button","aria-label":"Dismiss",onClick:n,style:styles.backdrop}),(0,_jsxRuntime.jsxs)("div",{style:styles.panel,children:[(0,_jsxRuntime.jsx)("div",{style:styles.title,children:o}),(0,_jsxRuntime.jsx)("input",{style:styles.input,value:d,onChange:e=>p(e.target.value),placeholder:b,inputMode:"numeric",ref:e=>{if(e){e.focus();e.select()}},onKeyDown:e=>{if(e.key==="Enter")u();if(e.key==="Escape")n()},"aria-label":o}),i?(0,_jsxRuntime.jsx)("div",{style:styles.hint,children:i}):null,(0,_jsxRuntime.jsxs)("div",{style:styles.actions,children:[(0,_jsxRuntime.jsx)("button",{type:"button",onClick:n,style:{...styles.button,...styles.cancelButton},children:(0,_jsxRuntime.jsx)("span",{style:styles.cancelText,children:"Cancel"})}),(0,_jsxRuntime.jsx)("button",{type:"button",onClick:u,style:{...styles.button,...styles.saveButton},children:(0,_jsxRuntime.jsx)("span",{style:styles.saveText,children:"Set"})})]})]})]})}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}};