itmar-block-packages 1.3.17 → 1.3.19

package/README.md

@@ -14,6 +14,19 @@ import {関数名又はコンポーネント名} from "itmar-block-packages"
 npm i @wordpress/scripts@^27.6.0 --save-dev
 
 ## 更新履歴
+= 1.3.19 =  
+- FieldChoiceControlの選択可能フィールドにlinkを加えて、個別投稿ページへのリンク設定を可能にした。
+- BlockPlaceのフレックスボックスの配置に交差軸の配置を加えた。
+- TermChoiceControlでタームの表示をするか否かの選択を設定できるようにした。
+
+= 1.3.18 =  
+- WordPress RestAPIのエンドポイントを文字列で受けて、その結果を返すrestFetchDataを新設
+- TermChoiceControlでonChangeコールバックで返す引数にterm.nameを加えた。
+- BlockPlaceコンポーネントのフレックススタイルに折り返しを設定できるように機能追加
+- BlockPlaceコンポーネント内のブロック幅とブロック高の設定をBlockWidthとBlockHeightの各コンポーネントを利用するように変更
+- BlockWidthに幅と最大幅を別々に設定できるように機能追加
+- BlockPlaceコンポーネント内の横方向ブロック配置をフレックス、グリッドスタイルでも設定できるように修正  
+
 = 1.3.17 =  
 - restFieldesをインポートするため、エクスポート項目に加えた。
 
@@ -507,6 +520,15 @@ WordPressのブロックエディタのサイドバーにTypographyを設定す
 `link` アーカイブページのURL
 `label` ポストタイプの名称 
 
+### restFetchData
+RestAPIのエンドポイントを文字列で受けて、その結果を返す
+#### 引数
+- `path` string  
+エンドポイント
+
+#### 戻り値
+エンドポイントに対応したレスポンスがPromiseで返る 
+
 ### restTaxonomies
 投稿タイプに登録されているタクソノミー（カテゴリ、タグを含む）の情報およびそのタームの情報をを取得して配列で返します。
 #### 引数
@@ -582,23 +604,79 @@ WordPressのブロックエディタのサイドバーにTypographyを設定す
 選択済みの投稿タイプのスラッグ 
 - `choiceTerms` array  
 選択済みのタームの情報。配列の要素は次の形式のオブジェクトであること。  
-{ taxonomy: タクソノミーのスラッグ, term: タームのスラッグ }    
+{ taxonomy: タクソノミーのスラッグ, term: タームのスラッグ } 
+- `dispTaxonomies` array  
+選択済みのタクソノミの情報。配列の要素はタクソノミーのスラッグ     
 - `type` string 
 選択するデータのタイプ。将来の拡張のためにセットしている。現時点では"taxonomy"とセットすること。
 - `label` string  
 
 - `onChange` func
-チェックボックスの内容が変化したとき発生するコールバック関数。引数には{ taxonomy: タクソノミーのスラッグ, term: タームのスラッグ }という形式のオブジェクトを要素とする配列が入る。 
+チェックボックスの内容が変化したとき発生するコールバック関数。引数には{ taxonomy: タクソノミーのスラッグ, term:{ id: term.id, slug: term.slug, name: term.name } }という形式のオブジェクトを要素とする配列が入る。
+- `onSetDispTax` func
+トグルコントロールの内容が変化したとき発生するコールバック関数。引数にはタクソノミーのスラッグを要素とする配列が入る。 
 
 ```
 <TermChoiceControl
 	selectedSlug={selectedSlug}
 	choiceTerms={choiceTerms}
+	dispTaxonomies={dispTaxonomies}
 	type="taxonomy"
 	label={__("Choice Taxsonomy", "post-blocks")}
 	onChange={(newChoiceTerms) =>
 		setAttributes({ choiceTerms: newChoiceTerms })
 	}
+	onSetDispTax={(newChoiceTerms) => {
+		setAttributes({ dispTaxonomies: newChoiceTerms });
+	}}
+/>
+```
+
+### FieldChoiceControl
+タイトル、日付、抜粋、アイキャッチ画像、リンクの各フィールドと投稿タイプに紐づけられている全てのカスタムフィールドを選択できるチェックボックス表示し、コールバック関数に選択されたフィールドの情報を返します。
+また、各フィールドがどのブロックでレンダリングされるかの設定機能も含みます。
+#### プロプス  
+- `selectedSlug` string  
+選択済みの投稿タイプのスラッグ （Restタイプ）
+- `choiceItems` array  
+選択済みのフィールドの情報。配列の要素はフィールドのスラッグ（文字列）。  
+- `type` string 
+選択するデータのタイプ。将来の拡張のためにセットしている。現時点では"field"とセットすること。
+- `blockMap` object
+フィールド名とブロック名を対にしたオブジェクト
+```
+{
+	"title":"itmar/design-title",
+	"date":"itmar/design-title",
+	"excerpt":"core/paragraph",
+	"featured_media":"core/image",
+	"link":"itmar/design-button"
+}
+```
+- `textDomain` string
+使用するブロックのテキストドメイン
+
+- `onChange` func
+チェックボックスの内容が変化したとき発生するコールバック関数。引数には選択されたフィールドのフィールド名を要素とする配列が入る。 
+
+```
+
+- `onBlockMapChange` func
+コンボボックスの内容が変化したとき発生するコールバック関数。引数には設定されたフィールド名とブロック名を対にしたオブジェクトが入る。 
+
+```
+<FieldChoiceControl
+	type="field"
+	selectedSlug={selectedRest}
+	choiceItems={choiceFields}
+	blockMap={blockMap}
+	textDomain="post-blocks"
+	onChange={(newChoiceFields) => {
+		setAttributes({ choiceFields: newChoiceFields });
+	}}
+	onBlockMapChange={(newBlockMap) => {
+		setAttributes({ blockMap: newBlockMap });
+	}}
 />
 ```
 
@@ -676,8 +754,8 @@ WordPressのブロックエディタのサイドバーにブロックの配置
 	onReverseChange={(checked) => {
 		setAttributes({reverse: checked });	
 	}}
-	onFlexChange={(position) => {
-		setAttributes({inner_align: position });
+	onFlexChange={(position,axis) => {
+		setAttributes({[axis]: position });
 	}}
 	onAlignChange={(position) => {
 		setAttributes({outer_align: position });
@@ -722,27 +800,27 @@ WordPressのブロックエディタのサイドバーにブロックの配置
 - `isSubmenu` boolean  
 trueの場合はmax-widthを合わせて設定する
 - `onWidthChange` function
-widthの種別を設定するためのコールバック関数。返ってくる引数はfit,full,wideSize,contentSize,free
+widthの種別を設定するためのコールバック関数。返ってくる引数はkey,valueの２つでkeyはwidth_valまたはmax_valという文字列でwidthValはfit,full,wideSize,contentSize,freeのいずれか
 - `onFreeWidthChange` function
-widthの種別がfreeのとき幅を設定するためのコールバック関数。返ってくる引数は単位付きの文字列
+widthの種別がfreeのとき幅を設定するためのコールバック関数。返ってくる引数はkey,valueの２つでkeyはfree_widthまたはmax_free_widthという文字列でvalueは単位付きの文字列
 
 ```
 <BlockWidth
 	attributes={attributes}
 	isMobile={isMobile}
 	isSubmenu={isFront}
-	onWidthChange={(value) => {
+	onWidthChange={(key,value) => {
 		setAttributes(
 			!isMobile
-				? { default_val: { ...default_val, width_val: value } }
-				: { mobile_val: { ...mobile_val, width_val: value } },
+				? { default_val: { ...default_val, [key]: value } }
+				: { mobile_val: { ...mobile_val, [key]: value } },
 		);
 	}}
-	onFreeWidthChange={(value) => {
+	onFreeWidthChange={(key,value) => {
 		setAttributes(
 			!isMobile
-				? { default_val: { ...default_val, free_width: value } }
-				: { mobile_val: { ...mobile_val, free_width: value } },
+				? { default_val: { ...default_val, [key]: value } }
+				: { mobile_val: { ...mobile_val, [key]: value } },
 		);
 	}}
 />

package/build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '3d529f0f736c21c64dbb');
+<?php return array('dependencies' => array('react', 'react-dom', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'bf5bb5c57cf2074dd749');