@buoy-gg/time-machine 7.0.36 → 7.0.39

package/lib/commonjs/components/floating/NamePromptModal.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NamePromptModal = NamePromptModal;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * "Name this restore point": the dialog `+` on the restore bar opens.
+ *
+ * A real Modal rather than a panel under the strip, so it sits centered over
+ * the app, above the keyboard, wherever the strip happens to be. An empty
+ * name is allowed: the store then names the point after the screen and the
+ * time, the same default the tool's capture bar uses.
+ */
+
+function NamePromptModal({
+  visible,
+  summary,
+  onCapture,
+  onCancel
+}) {
+  const [name, setName] = (0, _react.useState)("");
+  // Every opening starts blank, so a cancelled name never comes back.
+  (0, _react.useEffect)(() => {
+    if (visible) setName("");
+  }, [visible]);
+  const submit = () => onCapture(name.trim());
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onCancel,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
+      behavior: _reactNative.Platform.OS === "ios" ? "padding" : undefined,
+      style: styles.fill,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: styles.backdrop,
+        onPress: onCancel,
+        accessibilityLabel: "Cancel",
+        testID: "time-machine-bar-name-backdrop",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          style: styles.card,
+          onPress: event => event.stopPropagation(),
+          testID: "time-machine-bar-name-panel"
+          // A Pressable is one accessibility element by default, which
+          // hid the field and both buttons from VoiceOver and from tests.
+          ,
+          accessible: false,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.title,
+            children: "Name this restore point"
+          }), summary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.summary,
+            testID: "time-machine-bar-name-summary",
+            children: summary
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+            testID: "time-machine-bar-name-input",
+            accessibilityLabel: "Restore point name",
+            value: name,
+            onChangeText: setName,
+            onSubmitEditing: submit,
+            placeholder: "Screen and time, if left empty",
+            placeholderTextColor: _sharedUi.night.color.placeholder,
+            autoFocus: true,
+            autoCorrect: false
+            // Names are labels, not sentences: "bag" should stay "bag".
+            ,
+            autoCapitalize: "none",
+            returnKeyType: "done",
+            style: styles.input
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.hint,
+            children: "Captures the state the app is in right now and arms it on the bar."
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.actions,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              testID: "time-machine-bar-name-cancel",
+              accessibilityRole: "button",
+              onPress: onCancel,
+              style: styles.secondary,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.secondaryText,
+                children: "Cancel"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              testID: "time-machine-bar-name-capture",
+              accessibilityRole: "button",
+              accessibilityLabel: "Capture and arm this restore point",
+              onPress: submit,
+              style: styles.primary,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.primaryText,
+                children: "Capture"
+              })
+            })]
+          })]
+        })
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  backdrop: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.55)",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24
+  },
+  card: {
+    width: "100%",
+    maxWidth: 360,
+    borderRadius: _sharedUi.night.radius.sheet,
+    borderWidth: 1,
+    borderColor: _sharedUi.night.color.separator,
+    backgroundColor: _sharedUi.night.color.surface,
+    padding: 18,
+    gap: 12,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 12
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 24,
+    elevation: 12
+  },
+  title: {
+    color: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.title,
+    fontWeight: "600"
+  },
+  input: {
+    minHeight: 44,
+    borderRadius: _sharedUi.night.radius.input,
+    borderWidth: 1,
+    borderColor: _sharedUi.night.color.accentBorder,
+    backgroundColor: _sharedUi.night.color.surfaceElevated,
+    color: _sharedUi.night.color.text,
+    fontSize: _sharedUi.night.font.row,
+    paddingHorizontal: 12
+  },
+  summary: {
+    color: _sharedUi.night.color.textTertiary,
+    fontSize: _sharedUi.night.font.caption,
+    marginTop: -6
+  },
+  hint: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: _sharedUi.night.font.caption,
+    lineHeight: 18
+  },
+  actions: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    gap: 10,
+    marginTop: 4
+  },
+  secondary: {
+    minHeight: 40,
+    paddingHorizontal: 14,
+    borderRadius: _sharedUi.night.radius.input,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  secondaryText: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  primary: {
+    minHeight: 40,
+    paddingHorizontal: 18,
+    borderRadius: _sharedUi.night.radius.input,
+    backgroundColor: _sharedUi.night.color.accent,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  primaryText: {
+    color: _sharedUi.night.color.onAccent,
+    fontSize: 14,
+    fontWeight: "700"
+  }
+});
+//# sourceMappingURL=NamePromptModal.js.map

package/lib/commonjs/components/floating/NamePromptModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_sharedUi","_jsxRuntime","NamePromptModal","visible","summary","onCapture","onCancel","name","setName","useState","useEffect","submit","trim","jsx","Modal","transparent","animationType","onRequestClose","statusBarTranslucent","children","KeyboardAvoidingView","behavior","Platform","OS","undefined","style","styles","fill","Pressable","backdrop","onPress","accessibilityLabel","testID","jsxs","card","event","stopPropagation","accessible","Text","title","TextInput","value","onChangeText","onSubmitEditing","placeholder","placeholderTextColor","night","color","autoFocus","autoCorrect","autoCapitalize","returnKeyType","input","hint","View","actions","TouchableOpacity","accessibilityRole","secondary","secondaryText","primary","primaryText","StyleSheet","create","flex","backgroundColor","alignItems","justifyContent","padding","width","maxWidth","borderRadius","radius","sheet","borderWidth","borderColor","separator","surface","gap","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","text","fontSize","font","fontWeight","minHeight","accentBorder","surfaceElevated","row","paddingHorizontal","textTertiary","caption","marginTop","textSecondary","lineHeight","flexDirection","accent","onAccent"],"sourceRoot":"../../../../src","sources":["components/floating/NamePromptModal.tsx"],"mappings":"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","ignoreList":[]}