@mawaru/sdk 0.38.0 → 0.40.0

package/dist/views/_approvalActions.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const ApprovalActionsContext = createContext(null);
+export const ApprovalActionsProvider = ApprovalActionsContext.Provider;
+/** 承認画面の操作を頼む口（承認画面の中でだけ使える） */
+export const useApprovalActions = () => {
+    const actions = useContext(ApprovalActionsContext);
+    if (!actions)
+        throw new Error("承認画面の中で使ってください");
+    return actions;
+};

package/dist/views/_bridge.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+import type { FileRef } from "./_parts/fileRef.js";
+export type ViewBridge = {
+    fileUrl: (file: FileRef) => Promise<string>;
+    uploadFile: (file: File) => Promise<FileRef>;
+    copyText: (text: string) => Promise<void>;
+};
+export declare const ViewBridgeProvider: ({ bridge, children, }: {
+    bridge: ViewBridge;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare const useViewBridge: () => ViewBridge;

package/dist/views/_bridge.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const ViewBridgeContext = createContext(null);
+export const ViewBridgeProvider = ({ bridge, children, }) => (_jsx(ViewBridgeContext.Provider, { value: bridge, children: children }));
+export const useViewBridge = () => {
+    const bridge = useContext(ViewBridgeContext);
+    if (!bridge)
+        throw new Error("ViewBridgeProvider の中で使ってください");
+    return bridge;
+};

package/dist/views/_parts/DocumentCard.d.ts

@@ -0,0 +1,2 @@
+import type { CSSProperties } from "react";
+export declare const documentCardStyle: (narrow: boolean) => CSSProperties;

package/dist/views/_parts/DocumentCard.js

@@ -0,0 +1,16 @@
+// 承認画面の「書類」カードの枠（標準ビュー・回答レビュー・お問い合わせ回答で同じ形）。
+// 狭い幅（useNarrow）では左右の余白を詰めて本文の幅を確保する
+export const documentCardStyle = (narrow) => ({
+    maxWidth: "720px",
+    margin: "0 auto",
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--space-4)",
+    background: "var(--surface)",
+    border: "var(--border-w) solid var(--border)",
+    borderRadius: "var(--radius-m)",
+    boxShadow: "var(--shadow)",
+    padding: narrow
+        ? "var(--space-5) var(--space-4) var(--space-6)"
+        : "var(--space-6) var(--space-10) var(--space-8)",
+});

package/dist/views/_parts/FilePreview.d.ts

@@ -0,0 +1,5 @@
+import type { FileRef } from "./fileRef.js";
+export declare const FilePreview: ({ file, maxHeight, }: {
+    file: FileRef;
+    maxHeight?: string;
+}) => import("react").JSX.Element;

package/dist/views/_parts/FilePreview.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useViewBridge } from "../_bridge.js";
+// file 参照の閲覧表示：private バケットなので描画のたびに閲覧用署名 URL を（ホストに頼んで）取り、
+// 画像（GIF 含む）と PDF はそのままインラインで見せる。それ以外は名前チップのリンクにする。
+// NodeIoCards の IoFileItem と同じ経路だが、こちらは「見て判断する」ための大きさで出す。
+// PDF は請求書・契約書のように「現物を見て承認する」書類で必要になる（承認画面の中で
+// 完結させたいので、別タブへ飛ばさない）
+const chipStyle = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "4px",
+    maxWidth: "100%",
+    border: "var(--border-w) solid var(--border)",
+    borderRadius: "var(--radius-s)",
+    background: "var(--surface-2)",
+    padding: "2px 8px",
+    fontSize: "var(--text-xs)",
+    color: "var(--ink)",
+    textDecoration: "none",
+};
+// mime_type は上流が入れてくれないことがあるので拡張子でも判定する
+const isImageFile = (file) => file.mime_type?.startsWith("image/") ??
+    /\.(gif|png|jpe?g|webp|avif|svg)$/i.test(file.name);
+const isPdfFile = (file) => file.mime_type === "application/pdf" || /\.pdf$/i.test(file.name);
+export const FilePreview = ({ file, maxHeight = "420px", }) => {
+    const bridge = useViewBridge();
+    const [url, setUrl] = useState(null);
+    // 署名 URL を取れなかった（ファイルが消えた・パスが違う）ことを「読み込み中」と
+    // 区別する：失敗を黙って読み込み中のまま固めると、原因が画面から分からない
+    const [failed, setFailed] = useState(false);
+    useEffect(() => {
+        let alive = true;
+        setUrl(null);
+        setFailed(false);
+        bridge
+            .fileUrl(file)
+            .then((signed) => {
+            if (alive)
+                setUrl(signed);
+        })
+            .catch(() => {
+            if (alive)
+                setFailed(true);
+        });
+        return () => {
+            alive = false;
+        };
+    }, [bridge, file]);
+    const caption = (_jsx("span", { style: { fontSize: "var(--text-xs)", color: "var(--muted)" }, children: file.name }));
+    // PDF はブラウザ内蔵ビューアに任せる（依存を増やさない）。maxHeight は画像では
+    // 上限だが、PDF では枠の高さそのものになる（内側でスクロールさせるため）
+    if (isPdfFile(file)) {
+        return (_jsxs("figure", { style: { margin: 0, display: "grid", gap: "var(--space-1)" }, children: [url ? (_jsx("iframe", { src: url, title: file.name, style: {
+                        display: "block",
+                        width: "100%",
+                        height: maxHeight,
+                        background: "var(--surface-2)",
+                        borderRadius: "var(--radius-s)",
+                        border: "var(--border-w) solid var(--border)",
+                    } })) : (_jsx("div", { style: {
+                        display: "grid",
+                        placeItems: "center",
+                        height: maxHeight,
+                        background: "var(--surface-2)",
+                        borderRadius: "var(--radius-s)",
+                        border: "var(--border-w) dashed var(--border)",
+                        fontSize: "var(--text-xs)",
+                        color: "var(--muted)",
+                        textAlign: "center",
+                        padding: "0 var(--space-4)",
+                    }, children: failed ? "ファイルを読み込めませんでした" : "読み込み中…" })), _jsxs("figcaption", { style: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        gap: "var(--space-2)",
+                    }, children: [caption, url && (_jsx("a", { href: url, target: "_blank", rel: "noreferrer", style: { fontSize: "var(--text-xs)", color: "var(--muted)" }, children: "\u5225\u30BF\u30D6\u3067\u958B\u304F" }))] })] }));
+    }
+    if (!isImageFile(file)) {
+        return url ? (_jsxs("a", { href: url, target: "_blank", rel: "noreferrer", style: chipStyle, children: [_jsx("span", { "aria-hidden": "true", children: "\uD83D\uDCCE" }), file.name] })) : (_jsxs("span", { style: chipStyle, children: [_jsx("span", { "aria-hidden": "true", children: "\uD83D\uDCCE" }), file.name] }));
+    }
+    return (_jsxs("figure", { style: { margin: 0, display: "grid", gap: "var(--space-1)" }, children: [url ? (_jsx("a", { href: url, target: "_blank", rel: "noreferrer", children: _jsx("img", { src: url, alt: file.name, style: {
+                        display: "block",
+                        width: "100%",
+                        maxHeight,
+                        objectFit: "contain",
+                        background: "var(--surface-2)",
+                        borderRadius: "var(--radius-s)",
+                        border: "var(--border-w) solid var(--border)",
+                    } }) })) : (_jsx("div", { style: {
+                    display: "grid",
+                    placeItems: "center",
+                    height: "160px",
+                    background: "var(--surface-2)",
+                    borderRadius: "var(--radius-s)",
+                    border: "var(--border-w) dashed var(--border)",
+                    fontSize: "var(--text-xs)",
+                    color: "var(--muted)",
+                    textAlign: "center",
+                    padding: "0 var(--space-4)",
+                }, children: failed ? "画像を読み込めませんでした" : "読み込み中…" })), _jsx("figcaption", { children: caption })] }));
+};

package/dist/views/_parts/Linkify.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+/** 文字列全体が1つの URL か */
+export declare const isUrl: (value: string) => boolean;
+export declare const linkify: (text: string, prefix?: string) => ReactNode[];
+export declare const Linkify: ({ text }: {
+    text: string;
+}) => import("react").JSX.Element;

package/dist/views/_parts/Linkify.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// テキスト中の素の URL（http/https）をクリックできるリンクにする。
+// 値の表示（I/O・タイムライン・承認ビュー等）はどこでもこれを通す。
+// 引用符・括弧・全角の区切りは URL に含めず、末尾の句読点も外す
+const urlPattern = /https?:\/\/[^\s"'<>()[\]{}（）「」『』【】、。]+/g;
+const trailingPunct = /[.,;:!?]+$/;
+/** 文字列全体が1つの URL か */
+export const isUrl = (value) => /^https?:\/\/\S+$/.test(value.trim());
+export const linkify = (text, prefix = "") => {
+    const nodes = [];
+    let last = 0;
+    for (const match of text.matchAll(urlPattern)) {
+        const start = match.index ?? 0;
+        const url = match[0].replace(trailingPunct, "");
+        if (url.length <= "https://".length)
+            continue;
+        if (start > last)
+            nodes.push(text.slice(last, start));
+        nodes.push(_jsx("a", { href: url, target: "_blank", rel: "noreferrer", 
+            // 行クリックで選択・開閉する親の中でも、リンクはリンクとして開く
+            onClick: (e) => e.stopPropagation(), style: { overflowWrap: "anywhere" }, children: url }, `${prefix}${start}`));
+        last = start + url.length;
+    }
+    if (last < text.length)
+        nodes.push(text.slice(last));
+    return nodes;
+};
+export const Linkify = ({ text }) => _jsx(_Fragment, { children: linkify(text) });

package/dist/views/_parts/Markdown.d.ts

@@ -0,0 +1,44 @@
+/** 長文（＝Markdown として描く）か。入力欄の昇格判定と共通の基準 */
+export declare const isLongText: (value: string) => boolean;
+type ListItem = {
+    text: string;
+    nested: boolean;
+};
+export type TableAlign = "left" | "center" | "right" | null;
+export type Block = {
+    kind: "heading";
+    level: number;
+    text: string;
+} | {
+    kind: "list";
+    ordered: boolean;
+    items: ListItem[];
+} | {
+    kind: "quote";
+    lines: string[];
+} | {
+    kind: "code";
+    lines: string[];
+} | {
+    kind: "rule";
+} | {
+    kind: "table";
+    align: TableAlign[];
+    header: string[];
+    rows: string[][];
+} | {
+    kind: "para";
+    lines: string[];
+};
+/** 行を読んでブロックに割る（描画から切り離してテストできるよう公開している） */
+export declare const parseBlocks: (source: string) => Block[];
+export declare const Markdown: ({ text }: {
+    text: string;
+}) => import("react").JSX.Element;
+/**
+ * 内容の高さまで伸びる textarea（上限を超えたらその中でスクロール）。
+ * 返り値は ref にそのまま渡す。「編集」を押して後から現れる欄でも、
+ * 付いた瞬間に測るので初回から正しい高さで出る
+ */
+export declare const useAutoGrow: (value: string) => ((el: HTMLTextAreaElement | null) => void);
+export {};

package/dist/views/_parts/Markdown.js

@@ -0,0 +1,313 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useRef, } from "react";
+import { linkify } from "./Linkify.js";
+// AI の下書き・調査レポートは Markdown で届く。生ソースのまま読ませると読み物として
+// 読めないので整形して出す。frontend は依存最小主義なのでレンダラは自前で持ち、
+// 実際に出る記法だけを見る：見出し / 箇条書き・番号付き / 引用 / コードブロック /
+// 水平線 / 表 / 段落と、インラインの強調・コード・リンク（素の URL を含む）。
+// 対応しない記法は素のテキストとしてそのまま出す＝壊さない
+/** 長文（＝Markdown として描く）か。入力欄の昇格判定と共通の基準 */
+export const isLongText = (value) => value.includes("\n") || value.length > 80;
+const bodyText = {
+    fontSize: "var(--text-base)",
+    lineHeight: 1.9,
+    margin: 0,
+    overflowWrap: "anywhere",
+};
+const codeChip = {
+    fontFamily: "var(--font-mono)",
+    fontSize: "0.9em",
+    background: "var(--surface-2)",
+    border: "var(--border-w) solid var(--border)",
+    borderRadius: "var(--radius-s)",
+    padding: "1px 5px",
+};
+// インライン：**太字** / `コード` / [リンク](url)。分割は捕捉グループ付きなので
+// 区切り自身も配列に残る（split の仕様）
+const inlineToken = /(`[^`\n]+`|\*\*[^*\n]+\*\*|\[[^\]\n]+\]\([^)\s]+\))/g;
+const renderInline = (text, prefix = "") => text.split(inlineToken).map((token, i) => {
+    if (!token)
+        return null;
+    const key = `${prefix}${i}`;
+    if (token.startsWith("`") && token.endsWith("`") && token.length > 2) {
+        return (_jsx("code", { style: codeChip, children: token.slice(1, -1) }, key));
+    }
+    if (token.startsWith("**") && token.endsWith("**") && token.length > 4) {
+        return (_jsx("strong", { style: {
+                fontWeight: "var(--weight-bold)",
+            }, children: token.slice(2, -2) }, key));
+    }
+    const link = /^\[([^\]]+)\]\(([^)\s]+)\)$/.exec(token);
+    if (link) {
+        return (_jsx("a", { href: link[2], target: "_blank", rel: "noreferrer", children: link[1] }, key));
+    }
+    // 素の URL もリンクにする
+    return _jsx("span", { children: linkify(token, `${key}-`) }, key);
+});
+// 段落内の改行は改行として残す（日本語の下書きは1行1文で書かれることが多い）
+const renderLines = (lines) => lines.flatMap((line, i) => i === 0
+    ? renderInline(line, "0-")
+    : [
+        _jsx("br", {}, `br${i}`),
+        ...renderInline(line, `${i}-`),
+    ]);
+const headingOf = /^(#{1,6})\s+(.*)$/;
+const bulletOf = /^(\s*)[-*+]\s+(.*)$/;
+const orderedOf = /^(\s*)\d+[.)]\s+(.*)$/;
+const quoteOf = /^>\s?(.*)$/;
+const ruleOf = /^(-{3,}|\*{3,}|_{3,})\s*$/;
+// 表（GFM）：`| a | b |` の行の直後に区切り行（`|---|:-:|--:|`）があれば表。
+// 外側の | は無くてもよい。セルの分割は `\|` でエスケープした | を除く
+const splitCells = (line) => {
+    let body = line.trim();
+    if (body.startsWith("|"))
+        body = body.slice(1);
+    if (body.endsWith("|") && !body.endsWith("\\|"))
+        body = body.slice(0, -1);
+    return body
+        .split(/(?<!\\)\|/)
+        .map((cell) => cell.trim().replace(/\\\|/g, "|"));
+};
+const delimiterCellOf = /^:?-+:?$/;
+const alignOf = (cell) => cell.startsWith(":") && cell.endsWith(":")
+    ? "center"
+    : cell.endsWith(":")
+        ? "right"
+        : cell.startsWith(":")
+            ? "left"
+            : null;
+const isTableStart = (lines, i) => {
+    const head = lines[i] ?? "";
+    const delimiter = lines[i + 1] ?? "";
+    if (!head.includes("|") || !delimiter.includes("-"))
+        return false;
+    const cells = splitCells(delimiter);
+    return (cells.length > 0 &&
+        cells.every((cell) => delimiterCellOf.test(cell)) &&
+        cells.length === splitCells(head).length);
+};
+// 表の本体行は空行か別ブロックの始まりまで（| を含まない行も1セルの行として受ける）
+const isBlockStart = (line) => headingOf.test(line) ||
+    bulletOf.test(line) ||
+    orderedOf.test(line) ||
+    quoteOf.test(line) ||
+    ruleOf.test(line.trim()) ||
+    line.trimStart().startsWith("```");
+/** 行を読んでブロックに割る（描画から切り離してテストできるよう公開している） */
+export const parseBlocks = (source) => {
+    const lines = source.replace(/\r\n?/g, "\n").split("\n");
+    const blocks = [];
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i] ?? "";
+        if (line.trim() === "") {
+            i += 1;
+            continue;
+        }
+        // コードブロック（閉じないまま終わっても、そこまでをコードとして出す）
+        if (line.trimStart().startsWith("```")) {
+            const body = [];
+            i += 1;
+            while (i < lines.length &&
+                !(lines[i] ?? "").trimStart().startsWith("```")) {
+                body.push(lines[i] ?? "");
+                i += 1;
+            }
+            // 閉じの ``` を飛ばす（閉じないまま終端に着いたときは何も飛ばさない）
+            i += 1;
+            blocks.push({ kind: "code", lines: body });
+            continue;
+        }
+        if (isTableStart(lines, i)) {
+            const header = splitCells(line);
+            const align = splitCells(lines[i + 1] ?? "").map(alignOf);
+            const rows = [];
+            i += 2;
+            while (i < lines.length) {
+                const current = lines[i] ?? "";
+                if (current.trim() === "" || isBlockStart(current))
+                    break;
+                const cells = splitCells(current);
+                // 列数は見出しに揃える（足りなければ空セル、余れば捨てる）
+                rows.push(header.map((_, col) => cells[col] ?? ""));
+                i += 1;
+            }
+            blocks.push({ kind: "table", align, header, rows });
+            continue;
+        }
+        if (ruleOf.test(line.trim())) {
+            blocks.push({ kind: "rule" });
+            i += 1;
+            continue;
+        }
+        const heading = headingOf.exec(line);
+        if (heading) {
+            blocks.push({
+                kind: "heading",
+                level: (heading[1] ?? "#").length,
+                text: heading[2] ?? "",
+            });
+            i += 1;
+            continue;
+        }
+        const quote = quoteOf.exec(line);
+        if (quote) {
+            const body = [];
+            while (i < lines.length) {
+                const next = quoteOf.exec(lines[i] ?? "");
+                if (!next)
+                    break;
+                body.push(next[1] ?? "");
+                i += 1;
+            }
+            blocks.push({ kind: "quote", lines: body });
+            continue;
+        }
+        const bullet = bulletOf.exec(line);
+        const ordered = orderedOf.exec(line);
+        if (bullet || ordered) {
+            const isOrdered = ordered !== null && bullet === null;
+            const items = [];
+            while (i < lines.length) {
+                const current = lines[i] ?? "";
+                const next = isOrdered
+                    ? orderedOf.exec(current)
+                    : bulletOf.exec(current);
+                if (!next)
+                    break;
+                items.push({
+                    text: next[2] ?? "",
+                    // ネストは1段だけ表現する（2段以上は同じ深さに畳む）
+                    nested: (next[1] ?? "").length >= 2,
+                });
+                i += 1;
+            }
+            blocks.push({ kind: "list", ordered: isOrdered, items });
+            continue;
+        }
+        // 段落：空行 or 他のブロックの始まりまで
+        const body = [];
+        while (i < lines.length) {
+            const current = lines[i] ?? "";
+            if (current.trim() === "" ||
+                isBlockStart(current) ||
+                isTableStart(lines, i)) {
+                break;
+            }
+            body.push(current);
+            i += 1;
+        }
+        blocks.push({ kind: "para", lines: body });
+    }
+    return blocks;
+};
+const headingStyle = (level) => ({
+    margin: 0,
+    fontSize: level <= 1
+        ? "var(--text-lg)"
+        : level === 2
+            ? "var(--text-md)"
+            : "var(--text-base)",
+    fontWeight: "var(--weight-bold)",
+    lineHeight: "var(--leading-tight)",
+    ...(level <= 2
+        ? {
+            borderBottom: "var(--border-w) solid var(--border)",
+            paddingBottom: "var(--space-2)",
+        }
+        : { color: "var(--ink)" }),
+});
+const tableCell = {
+    padding: "var(--space-1) var(--space-3)",
+    borderBottom: "var(--border-w) solid var(--border)",
+    verticalAlign: "top",
+    overflowWrap: "anywhere",
+};
+const Blocks = ({ blocks }) => (_jsx(_Fragment, { children: blocks.map((block, i) => {
+        // ブロックは位置で安定（テキスト全体が置き換わる表示専用リスト）
+        const key = `${block.kind}${i}`;
+        switch (block.kind) {
+            case "heading": {
+                // 見出しレベルは Markdown の意味をそのまま持たせる（h1..h6）
+                const Tag = `h${Math.min(6, block.level)}`;
+                return (_jsx(Tag, { style: headingStyle(block.level), children: renderInline(block.text) }, key));
+            }
+            case "list": {
+                const Tag = block.ordered ? "ol" : "ul";
+                return (_jsx(Tag, { style: {
+                        ...bodyText,
+                        paddingLeft: "var(--space-5)",
+                        display: "grid",
+                        gap: "var(--space-1)",
+                    }, children: block.items.map((item, j) => (_jsx("li", { style: item.nested ? { marginLeft: "var(--space-5)" } : {}, children: renderInline(item.text) }, j))) }, key));
+            }
+            case "quote":
+                return (_jsx("blockquote", { style: {
+                        ...bodyText,
+                        margin: 0,
+                        paddingLeft: "var(--space-4)",
+                        borderLeft: "var(--border-w-strong) solid var(--border-strong)",
+                        color: "var(--muted)",
+                    }, children: renderLines(block.lines) }, key));
+            case "code":
+                return (_jsx("pre", { style: {
+                        margin: 0,
+                        padding: "var(--space-3) var(--space-4)",
+                        background: "var(--surface-2)",
+                        border: "var(--border-w) solid var(--border)",
+                        borderRadius: "var(--radius-s)",
+                        fontSize: "var(--text-sm)",
+                        lineHeight: 1.7,
+                        overflowX: "auto",
+                    }, children: block.lines.join("\n") }, key));
+            case "rule":
+                return (_jsx("hr", { style: {
+                        margin: 0,
+                        border: "none",
+                        borderTop: "var(--border-w) solid var(--border)",
+                    } }, key));
+            case "table":
+                return (_jsx("div", { style: { overflowX: "auto" }, children: _jsxs("table", { style: {
+                            borderCollapse: "collapse",
+                            fontSize: "var(--text-sm)",
+                            lineHeight: 1.6,
+                            minWidth: "100%",
+                        }, children: [_jsx("thead", { children: _jsx("tr", { children: block.header.map((cell, col) => (_jsx("th", { style: {
+                                            ...tableCell,
+                                            textAlign: block.align[col] ?? "left",
+                                            fontWeight: "var(--weight-bold)",
+                                            color: "var(--muted)",
+                                            background: "var(--surface-2)",
+                                            whiteSpace: "nowrap",
+                                        }, children: renderInline(cell) }, col))) }) }), _jsx("tbody", { children: block.rows.map((row, r) => (_jsx("tr", { children: row.map((cell, col) => (_jsx("td", { style: {
+                                            ...tableCell,
+                                            textAlign: block.align[col] ?? "left",
+                                        }, children: renderInline(cell) }, col))) }, r))) })] }) }, key));
+            default:
+                return (_jsx("p", { style: bodyText, children: renderLines(block.lines) }, key));
+        }
+    }) }));
+export const Markdown = ({ text }) => (_jsx("div", { style: { display: "grid", gap: "var(--space-4)" }, children: _jsx(Blocks, { blocks: parseBlocks(text) }) }));
+// 一度縮めてから測らないと、削ったときに高さが戻らない
+const fitToContent = (el) => {
+    if (!el)
+        return;
+    el.style.height = "auto";
+    el.style.height = `${el.scrollHeight}px`;
+};
+/**
+ * 内容の高さまで伸びる textarea（上限を超えたらその中でスクロール）。
+ * 返り値は ref にそのまま渡す。「編集」を押して後から現れる欄でも、
+ * 付いた瞬間に測るので初回から正しい高さで出る
+ */
+export const useAutoGrow = (value) => {
+    const ref = useRef(null);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: value は測り直しの引き金（本文では読まない）
+    useLayoutEffect(() => {
+        fitToContent(ref.current);
+    }, [value]);
+    return useCallback((el) => {
+        ref.current = el;
+        fitToContent(el);
+    }, []);
+};

package/dist/views/_parts/SchemaForm.d.ts

@@ -0,0 +1,19 @@
+export type JsonSchema = {
+    type?: string;
+    title?: string;
+    description?: string;
+    properties?: Record<string, JsonSchema>;
+    required?: string[];
+    enum?: unknown[];
+    items?: JsonSchema;
+    "x-mawaru-type"?: string;
+};
+/** フォーム描画できる schema（properties を持つ object）なら型を付けて返す */
+export declare const asFormSchema: (schema: unknown) => JsonSchema | null;
+export declare const SchemaForm: ({ schema, value, readOnly, onChange, }: {
+    schema: JsonSchema;
+    value: Record<string, unknown>;
+    /** 値を直せない局面（担当外・全員承認・対応済み）では「編集」を出さない */
+    readOnly?: boolean;
+    onChange: (v: Record<string, unknown>) => void;
+}) => import("react").JSX.Element;