From 619db8137a5b46a8a26e89ba783bc929cbc168b8 Mon Sep 17 00:00:00 2001 From: Rumyana Andriova <54146583+randriova@users.noreply.github.com> Date: Wed, 30 Apr 2025 11:29:15 +0300 Subject: [PATCH 1/2] Updating JA changelogs to match #1489 --- doc/jp/components/general-changelog-dv-blazor.md | 10 ++++++++++ doc/jp/components/general-changelog-dv-react.md | 10 ++++++++++ doc/jp/components/general-changelog-dv-wc.md | 10 ++++++++++ 3 files changed, 30 insertions(+) diff --git a/doc/jp/components/general-changelog-dv-blazor.md b/doc/jp/components/general-changelog-dv-blazor.md index c8299119c..103ce795a 100644 --- a/doc/jp/components/general-changelog-dv-blazor.md +++ b/doc/jp/components/general-changelog-dv-blazor.md @@ -32,6 +32,16 @@ _language: ja - **すべてのグリッド** - `FilteringExpressionsTree` プロパティを使用して初期フィルタリングの適用が可能になりました。 +### バグ修正 + +| バグ番号 | コントロール | 説明 | +|------------|---------|------------------| +|25602|IgbDataGrid|日付特有のフィルター演算子を含むレイアウトを読み込むと、TypeError がコンソールに出力される。| +|28480|IgbCombo|データ ソースを置き換えた際に未定義の参照エラーが発生する。| +|32598|IgbDataGrid|複数選択が正しく動作しない。 +|36374|IgbInput|タッチ デバイスでフォームを送信すると、以前の値がバインドされる。| +|37214|一般|Blazor の WebCallback.Register() で断続的にエラーが発生する。 + ## **{PackageVerChanges-24-2-MAR}** ### {PackageGrids} diff --git a/doc/jp/components/general-changelog-dv-react.md b/doc/jp/components/general-changelog-dv-react.md index bdef7d883..8e81e5864 100644 --- a/doc/jp/components/general-changelog-dv-react.md +++ b/doc/jp/components/general-changelog-dv-react.md @@ -33,6 +33,16 @@ _language: ja - `Button` の `clicked` イベントは非推奨となりました。代わりにネイティブの `onClick` ハンドラーを使用してください。 +### バグ修正 + +| バグ番号 | コントロール | 説明 | +|------------|---------|------------------| +|25602|IgrDataGrid|日付特有のフィルター演算子を含むレイアウトを読み込むと、TypeError がコンソールに出力される。| +|28480|IgrCombo|データ ソースを置き換えた際に未定義の参照エラーが発生する。| +|30319|IgrDataGrid|値が変更されていないにもかかわらず、レコードがソートされる。| +|32598|IgrDataGrid|複数選択が正しく動作しない。 +|36374|IgrInput|タッチ デバイスでフォームを送信すると、以前の値がバインドされる。| + ## **{PackageVerChanges-24-2-MAR1}** ### {PackageGrids} diff --git a/doc/jp/components/general-changelog-dv-wc.md b/doc/jp/components/general-changelog-dv-wc.md index d219dee49..0476e07e1 100644 --- a/doc/jp/components/general-changelog-dv-wc.md +++ b/doc/jp/components/general-changelog-dv-wc.md @@ -18,6 +18,16 @@ _language: ja - **すべてのグリッド** - `FilteringExpressionsTree` プロパティを使用して初期フィルタリングの適用が可能になりました。 +### バグ修正 + +| バグ番号 | コントロール | 説明 | +|------------|---------|------------------| +|25602|IgcDataGrid|日付特有のフィルター演算子を含むレイアウトを読み込むと、TypeError がコンソールに出力される。| +|28480|IgcCombo|データ ソースを置き換えた際に未定義の参照エラーが発生する。| +|30319|IgcDataGrid|値が変更されていないにもかかわらず、レコードがソートされる。| +|32598|IgcDataGrid|複数選択が正しく動作しない。 +|36374|IgcInput|タッチ デバイスでフォームを送信すると、以前の値がバインドされる。| + ## **{PackageVerChanges-24-2-FEB}** ### 機能拡張 From 3d2e5d33a5a7cde4cd3ee85642d044a2f27d63a2 Mon Sep 17 00:00:00 2001 From: Rumyana Andriova <54146583+randriova@users.noreply.github.com> Date: Mon, 12 May 2025 14:21:27 +0300 Subject: [PATCH 2/2] Additional Update Guide changes. --- .../components/general-changelog-dv-react.md | 24 ++++++ doc/jp/components/update-guide.md | 79 +++++++++++++++++++ docfx/jp/components/toc.json | 6 ++ 3 files changed, 109 insertions(+) create mode 100644 doc/jp/components/update-guide.md diff --git a/doc/jp/components/general-changelog-dv-react.md b/doc/jp/components/general-changelog-dv-react.md index 8e81e5864..b939f331e 100644 --- a/doc/jp/components/general-changelog-dv-react.md +++ b/doc/jp/components/general-changelog-dv-react.md @@ -10,6 +10,30 @@ _language: ja {ProductName} の各バージョンのすべての重要な変更は、このページに記載されています。 +## **{PackageVerChanges-24-2-APR2}** + +> [!Note] バージョン 19.0.0 では、React 製品に多くの重大な変更が導入され、API の改善と整理が行われました。詳細は完全なアップデートガイドをご参照ください。 + +[アップデート ガイド](update-guide.md) + +### 削除済 +- `CheckboxChangeEventArgs` は削除されました。代わりに `IgrCheckboxChangeEventArgs` を使用してください。 +- `RadioChangeEventArgs` は削除されました。代わりに `IgrRadioChangeEventArgs` を使用してください。 +- `IgrRangeSliderValue` は削除されました。代わりに `IgrRangeSliderValueEventArgs` を使用してください。 +- `IgrActiveStepChangingArgs` は削除されました。代わりに `IgrActiveStepChangingEventArgs` を使用してください。 +- `IgrActiveStepChangedArgs` は削除されました。代わりに `IgrActiveStepChangedEventArgs` を使用してください。 + + +### 機能拡張 + +#### Stepper +Stepper Step の `titlePosition` は、同じ動作を持つ undefined ではなく、デフォルトで `auto` に設定されるようになりました。 + +#### Tabs +`igr-tab` パネル プロパティは削除されました。 + +igr-tab-panel コンポーネントは削除されました。igr-tab では、タブ ヘッダーとタブ コンテンツの両方が 1 つのコンポーネントに含まれるようになりました。 + ## **{PackageVerChanges-24-2-APR}** ### 新しいコンポーネント diff --git a/doc/jp/components/update-guide.md b/doc/jp/components/update-guide.md new file mode 100644 index 000000000..f5b5eaa70 --- /dev/null +++ b/doc/jp/components/update-guide.md @@ -0,0 +1,79 @@ +--- +title: アップデート ガイド | Ignite UI for React | インフラジスティックス +_description: Ignite UI for React ライブラリの新しいバージョンに更新する方法については、この記事をご覧ください。 +_keywords: ignite ui for react, update, npm package, material components, アップデート, npm パッケージ, マテリアル コンポーネント +_language: ja +--- + +# アップデート ガイド +Ignite UI for React バージョニング は、最初の数字がコードがサポートする React のメジャー バージョンで、2 番目の数字はメジャー バージョン リリースの数字です。重大な変更はメジャー リリースとメジャー リリースの間にリリースされる場合があります。Ignite UI for React 各リリースのすべての変更の一覧は、製品 [CHANGELOG](./general-changelog-dv-react.md) をご覧ください。 + + +## 18.9.0 から 19.0.0 の場合 +このリリースでは、一部の React コンポーネントの内部構造が大幅に再設計され、**igniteui-react** および **igniteui-react-grids** パッケージに以下の変更が加えられました。 + +### 一般 +#### 重大な変更 + +- Ignite UI for React のコンポーネントは、React の関数コンポーネントを使用するようになりました。これにより、***useRef*** で取得される参照は、クラス コンポーネントのインスタンスではなく、ネイティブ要素へのフォワード参照になります。多くのユースケースでは変更なしにそのまま使用できますが、DOM 要素自体へアクセスするために追加のプロパティが不要になるなど、一部の実装には変更が必要な場合があります。 +- すべてのプロパティでの代替的な文字列ユニオン タイプ (例: ***boolean | string*** や ***number | string***) の使用は、コンポーネントでサポートされなくなりました。さらに、文字列のユニオン タイプでは大文字と小文字が区別されなくなりました。 + +```tsx + +``` + +は次のようになります: + +```tsx + +``` +- コンポーネント イベントには **on** というプレフィックスが付きます。つまり + +```tsx + +``` + +は次のようになります: + +```tsx + +``` + +- コンポーネント イベントは、最初の引数として **sender** の代わりに単一の標準 **CustomEvent** 引数を発行します。したがって、***sender.nativeElement*** などのカスタム プロパティは使用できなくなりましたが、ネイティブ イベント プロパティはすべて使用できます。また、イベント引数のタイプは特定のカスタム イベントのエイリアスとして使用できるため、***detail*** にアクセスする使用法は同じままです。新しいハンドラー シグネチャでは、***event.detail*** は同じで、***event.target*** は送信者と同等の DOM 要素になります。 + +```tsx + const handlePinning = (sender: IgrGridBaseDirective, event: IgrPinColumnCancellableEventArgs) => {}; +``` + +は次のようになります: + +```tsx + const handlePinning = (event: IgrPinColumnCancellableEventArgs) => {} + // equivalent to + const handlePinning = (event: CustomEvent) => {} +``` +- コンポーネントには、デフォルトで非機能的な ***name*** プロパティが付与されなくなりました。***name*** プロパティは、主に **IgrInput** や **IgrCombo** などのフォーム入力コンポーネントにおいてネイティブの機能を持つため、**igniteui-react** のコンポーネントにのみ残されています。 +- Ignite UI for React コンポーネントでは、React の[ドキュメント](https://react.dev/learn/rendering-lists#keeping-list-items-in-order-with-key)に従って必要な場合を除き、***key*** プロパティは不要になりました。 +- [IgrDataGrid](./grids/data-grid/overview.md) は、**igniteui-react-grids** パッケージの一部ではなくなりました。より軽量な構成を実現するため、**igniteui-react-data-grids** パッケージに移動されました。 +- バージョン **18.9.0** ではクラスとして公開されていたいくつかの型は、現在ではタイプとしてエクスポート されるようになりました。これらは以下のように使用できます: + +```tsx +const pivotConfiguration = new IgrPivotConfiguration(); +``` + +は次のようになります: + +```tsx +const pivotConfiguration: IgrPivotConfiguration = { + rows: [], + columns: [], + values: [] +} +``` + +- **IgrButton** + - **重大な変更** + - ***clicked*** イベントは削除されました。代わりにネイティブの ***onClick*** を使用してください。 +- **IgrInput** + - **重大な変更** + - ***inputOccurred*** イベントの名前が ***onInput*** に変更されました。 \ No newline at end of file diff --git a/docfx/jp/components/toc.json b/docfx/jp/components/toc.json index 68c1ec5e2..64661fa21 100644 --- a/docfx/jp/components/toc.json +++ b/docfx/jp/components/toc.json @@ -123,6 +123,12 @@ "name": "Ignite UI for React と Next.js の統合", "href": "nextjs-usage.md" }, + { + "exclude": ["Angular", "Blazor", "WebComponents"], + "name": "アップデート ガイド", + "href": "update-guide.md", + "status": "NEW" + }, { "exclude": ["Angular"], "name": "インタラクティビティ",