/** * FIXME: 要修正 * このファイルは、コンポーネントのコードを文字列として扱うためのファイルです。 * Storybookの一機能として提供している、コンポーネントのコードをコピーする機能のために使用されます。 * 関数によってReactNodeを返すコンポーネントのコードを直接出力したとき、 *
テキスト
のようなJSXコンポーネントではなく、ReactのJSXコードがBabelによって変換された結果を出力してしまいます。 * これを回避してカスタム系コンポーネントの全体を文字列として扱うことで、コンポーネントコードのコピー&ペーストでそのまま他プロダクトで利用できるようにしています。 * * カスタムコンポーネントを使用している部分が中心となっており、標準UIのインターフェースとは繋がりが薄い部分のため、直ちに影響が広がることはありませんが、 * 本来のコンポーネントとの二重管理にはなってしまうため、今後の対応を検討する必要があります。 * * 対応策1: カスタムコンポーネントの使用はあくまでメインの用法ではないため、コードコピー時にエクスポートしないようにする * 対応策2: ReactのJSXコードがBabelによって変換された結果をReactNodeに戻す処理を追加する * 対応策3: カスタムコンポーネントのコードをそのまま文字列として出力できるようにする */ export declare const stringifiedSearchParams = "\n const [params, setParams] = useState({});\n useEffect(() => {\n console.log(params);\n }, [params]);\n"; export declare const stringifiedCustomViews = "\n // \u30AB\u30B9\u30BF\u30E0\u30D3\u30E5\u30FC\u306E\u30B5\u30F3\u30D7\u30EB\n const [customViews, setCustomViews] = useState([\n { id: 1, label: '\u30AB\u30B9\u30BF\u30E0\u30D3\u30E5\u30FC1', params: { partner_id: 1 } },\n {\n id: 2,\n label: '\u30AB\u30B9\u30BF\u30E0\u30D3\u30E5\u30FC2',\n params: { sort_by: 'created_at_desc' },\n badge: 99999,\n },\n { id: 3, label: '\u30AB\u30B9\u30BF\u30E0\u30D3\u30E5\u30FC3', params: { item_id: 3 } },\n ]);\n"; export declare const stringifiedRenderCustomModal = "\n const renderCustomModal = () => (\n <>\n \u3053\u3053\u306B\u30AB\u30B9\u30BF\u30E0\u30E2\u30FC\u30C0\u30EB\u306E\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3092\u914D\u7F6E\u3057\u307E\u3059\n \n );\n"; export declare const stringifiedCreateSummaryArea = "\n const createSummaryArea = () => ({\n render: () => (\n <>\n \u3053\u3053\u306B\u30B5\u30DE\u30EA\u30FC\u60C5\u5831\u306E\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u3092\u914D\u7F6E\u3057\u307E\u3059\n \n ),\n });\n"; /** * IndexPageTemplateコンポーネントを使用したサンプルを組み立てる */ export declare const createIndexPageTemplateComponentString: (props: Record) => string;