@kud/jira-ink 0.3.1 → 0.4.1

package/dist/index.d.ts

@@ -246,6 +246,11 @@ type IssueBoardProps = {
         hints: Hint[];
         body: ReactNode;
     }) => ReactNode;
+    /**
+     * Fires when the search box takes or loses focus, so the host can stand its
+     * app keys down while a letter is a letter — `q` must type there, not quit.
+     */
+    onInputFocus?: (focused: boolean) => void;
 };
 /**
  * Rows are windowed by hand rather than handed to `Table`, which renders every
@@ -256,7 +261,7 @@ type IssueBoardProps = {
  * host — only the keys that open and close the layers it pushes itself: the
  * search input and the legend.
  */
-declare const IssueBoard: ({ model, viewer, loadedAt, scope, showingAll, searchError, width, height, onOpen, onToggleAll, onRefresh, onSearch, onClearSearch, frame, }: IssueBoardProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null | undefined;
+declare const IssueBoard: ({ model, viewer, loadedAt, scope, showingAll, searchError, width, height, onOpen, onToggleAll, onRefresh, onSearch, onClearSearch, frame, onInputFocus, }: IssueBoardProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null | undefined;
 
 /**
  * An invented board for screenshots and tests — every key, name and host is

package/dist/index.js

@@ -52,7 +52,6 @@ var IssueDetailView = ({
   const { active } = useTabs(tabs, { initial: "description" });
   const [scroll, setScroll] = useState(0);
   useInput((input, key) => {
-    if (key.escape) return onBack();
     if (input === "t" && onTransition) return onTransition();
     if (input === "c" && onComment) return onComment();
     if (input === "a" && onAssign) return onAssign();
@@ -71,7 +70,7 @@ var IssueDetailView = ({
     ...onComment ? [["c", "comment"]] : [],
     ...onAssign ? [["a", "assign to me"]] : [],
     ...onOpenBrowser ? [["o", "browser"]] : [],
-    ["esc", "back"]
+    ["\u232B", "back"]
   ];
   const body = /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
@@ -191,14 +190,10 @@ var IssueBody = ({
       live = false;
     };
   }, [client, baseUrl, issueKey]);
-  useInput((input, key) => {
-    if (input === "q") return onExit();
-    if (key.escape && state.phase !== "ready") onExit();
-  });
   const framed = (body) => frame ? frame({
     title: issueKey,
     subtitle: "",
-    hints: [["esc", "back"]],
+    hints: [["\u232B", "back"]],
     body
   }) : body;
   if (state.phase === "loading")
@@ -426,7 +421,8 @@ var IssueBoard = ({
   onRefresh,
   onSearch,
   onClearSearch,
-  frame
+  frame,
+  onInputFocus
 }) => {
   const [legend, setLegend] = useState(false);
   const [search, setSearch] = useState({
@@ -439,6 +435,9 @@ var IssueBoard = ({
     const tick = setInterval(() => setNow(Date.now()), 3e4);
     return () => clearInterval(tick);
   }, []);
+  useEffect(() => {
+    onInputFocus?.(search.open);
+  }, [search.open, onInputFocus]);
   const narrowed = useMemo(() => {
     if (!search.open || modeOf(search) === "jql" || !search.draft.trim())
       return model.rows;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/jira-ink",
-  "version": "0.3.1",
+  "version": "0.4.1",
   "description": "Ink components for viewing Jira issues: the board and the issue detail screen, shared by jira-cli's TUI and cockpit",
   "type": "module",
   "main": "dist/index.js",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@kud/ink-markdown": "0.3.0",
-    "@kud/ink-ui": "0.25.0",
+    "@kud/ink-ui": "0.27.0",
     "@kud/jira": "0.4.0"
   },
   "devDependencies": {