itmar-block-packages 1.10.0 → 2.0.0

package/README.md

@@ -8,12 +8,27 @@ import {関数名又はコンポーネント名} from "itmar-block-packages"
 名前付きインポートでお願いします。
 
 ## 必要条件
-
-このパッケージは`@wordpress/scripts`によるWebPackのトランスパイル環境でトランスパイルされています。そして、このパッケージを使用するには、`@wordpress/scripts`のバージョン^27.6.0以上が必要です。以下のコマンドを実行して、`@wordpress/scripts`を更新してください：
+このパッケージは WordPress ブロック開発のビルド環境（`@wordpress/scripts`）での利用を前提としています。  
+このパッケージを使用するには、`@wordpress/scripts`のバージョン^27.6.0以上を推奨します。以下のコマンドを実行して、`@wordpress/scripts`を更新してください：
 
 npm i @wordpress/scripts@^27.6.0 --save-dev
 
 ## 更新履歴
+= 2.0.0 =
+- ビルド方式を Rollup に変更（ESM 出力を優先し、未使用コードがバンドルされにくい構成に改善）
+- build 出力を ESM/CJS に分離（tree-shaking の効率と将来互換性を向上）
+- package.json の exports を整備（利用側の bundler が最適な形式を選べるよう改善）
+- 破壊的変更: 配布物の構成を build/index.js から build/esm・build/cjs に変更（インポート方法は従来通り）
+
+= 1.11.1 =  
+- generateMonthCalendarで祝日判定に誤りがあったところを修正
+
+= 1.11.0 =  
+- PostSelectControlを新設
+
+= 1.10.1 =  
+- PageSelectControlで固定ページの選択肢が１０個しか表示されないという不具合を解消
+
 = 1.10.0 =  
 - useRebuildChangeFieldを新設。
 - FieldChoiceControlについてacfフィールドの付加情報をフィールド選択項目として表示されていたものを表示しないように修正。また、gallaryについては画像を個別に選択するのではなく全体を選択するように修正
@@ -644,6 +659,70 @@ RestAPIのエンドポイントを文字列で受けて、その結果を返す
 />
 ```
 
+### PostSelectControl
+投稿（カスタム投稿タイプを含む）のタイトルを選択できるコンボボックスを表示し、選択した投稿の情報を返します。
+
+#### プロプス
+- `selectedSlug` string  
+選択済みの投稿スラッグ
+
+- `label` string  
+コンボボックスのラベル
+
+- `homeUrl` string  
+サイトのホームURL
+
+- `restBase` string  
+取得対象の REST Base（例：`posts` / `pages` / `itmar_resource` など）  
+※ `/wp/v2/{restBase}` を呼び出して投稿一覧を取得します。
+
+- `status` string (optional)  
+取得する投稿ステータス（デフォルト：`publish`）  
+例：`any` を指定すると下書き等も含めて取得できます。
+
+- `perPage` number (optional)  
+1ページあたりの取得件数（最大100 / デフォルト：100）
+
+- `orderby` string (optional)  
+並び順のキー（デフォルト：`title`）
+
+- `order` string (optional)  
+並び順（デフォルト：`asc`）
+
+- `search` string (optional)  
+検索キーワード（指定した場合、RESTの `search` パラメータで絞り込みます）
+
+- `onChange` func  
+コンボボックスの内容が変化したとき発生するコールバック関数。  
+引数には `fetchPostOptions` の戻り値（options配列の要素）が入ります。
+
+#### 返却される情報（onChange の引数例）
+- `value` number（投稿ID）
+- `label` string（投稿タイトル）
+- `slug` string（投稿スラッグ）
+- `link` string（投稿のパーマリンク）
+- `rest_base` string（使用した restBase）
+- `post_id` number（投稿ID）
+
+#### 使用例
+```
+<PostSelectControl
+	label={__("Resource Name", "itmaroon-booking-block")}
+	homeUrl={itmar_option.home_url}
+	restBase={selectedRest || "itmar_resource"}
+	selectedSlug={selectedPostSlug || ""}
+	onChange={(info) => {
+		if (info) {
+			setAttributes({
+				resourceId: info.post_id,
+				resourceSlug: info.slug,
+				resourceRest: info.rest_base,
+			});
+		}
+	}}
+/>
+```
+
 ### TermChoiceControl
 投稿タイプに紐づけられている全てのタクソノミー（カテゴリ、タグを含む。）に登録されたタームを選択できるチェックボックス表示し、コールバック関数に選択されたタームの情報を返します。
 #### プロプス  

package/build/cjs/AnimationBlock.js

@@ -0,0 +1,107 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
+var i18n = require('@wordpress/i18n');
+var styledComponents = require('styled-components');
+var components = require('@wordpress/components');
+
+var _templateObject;
+var anime_comp = attributes => {
+  return styledComponents.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    &.fadeTrigger {\n      opacity: 0;\n    }\n    &.", " {\n      animation-name: ", ";\n      animation-delay: ", "s;\n      animation-duration: ", "s;\n      animation-fill-mode: forwards;\n      opacity: 0;\n    }\n  "])), attributes.pattern, attributes.pattern, attributes.delay, attributes.duration);
+};
+function AnimationBlock(props) {
+  var {
+    is_anime,
+    anime_prm
+  } = props.attributes;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(components.PanelBody, {
+    title: i18n.__("Animation Setting", "block-collections"),
+    initialOpen: true
+  }, /*#__PURE__*/React.createElement(components.ToggleControl, {
+    label: i18n.__("Is Animation", "block-collections"),
+    checked: is_anime,
+    onChange: newVal => {
+      props.onChange({
+        is_anime: newVal
+      });
+    }
+  }), is_anime && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "itmar_link_type"
+  }, /*#__PURE__*/React.createElement(components.RadioControl, {
+    label: i18n.__("Animation Pattern", "block-collections"),
+    selected: anime_prm.pattern,
+    options: [{
+      label: "flipDown",
+      value: "flipDown"
+    }, {
+      label: "fadeUp",
+      value: "fadeUp"
+    }, {
+      label: "fadeLeft",
+      value: "fadeLeft"
+    }, {
+      label: "fadeRight",
+      value: "fadeRight"
+    }],
+    onChange: changeOption => {
+      props.onChange({
+        anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
+          pattern: changeOption
+        })
+      });
+    }
+  })), /*#__PURE__*/React.createElement(components.RangeControl, {
+    value: anime_prm.duration,
+    label: i18n.__("Animation duration time", "block-collections"),
+    max: 5,
+    min: 0,
+    onChange: val => {
+      props.onChange({
+        anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
+          duration: val
+        })
+      });
+    },
+    step: 0.1,
+    withInputField: true
+  }), /*#__PURE__*/React.createElement(components.RangeControl, {
+    value: anime_prm.delay,
+    label: i18n.__("Animation delay time", "block-collections"),
+    max: 3,
+    min: 0,
+    onChange: val => {
+      props.onChange({
+        anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
+          delay: val
+        })
+      });
+    },
+    step: 0.1,
+    withInputField: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "itmar_link_type"
+  }, /*#__PURE__*/React.createElement(components.RadioControl, {
+    label: i18n.__("Animation Trigger", "block-collections"),
+    selected: anime_prm.trigger,
+    options: [{
+      label: i18n.__("Page Opend", "block-collections"),
+      value: "opend"
+    }, {
+      label: i18n.__("Enter Visible", "block-collections"),
+      value: "visible"
+    }],
+    onChange: changeOption => {
+      props.onChange({
+        anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
+          trigger: changeOption
+        })
+      });
+    }
+  })))));
+}
+
+exports.anime_comp = anime_comp;
+exports.default = AnimationBlock;
+//# sourceMappingURL=AnimationBlock.js.map

package/build/cjs/AnimationBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationBlock.js","sources":["../../src/AnimationBlock.js"],"sourcesContent":["import { __ } from \"@wordpress/i18n\";\nimport { css, keyframes } from \"styled-components\";\n\nimport {\n  PanelBody,\n  ToggleControl,\n  RadioControl,\n  RangeControl,\n} from \"@wordpress/components\";\n\nexport const anime_comp = (attributes) => {\n  return css`\n    &.fadeTrigger {\n      opacity: 0;\n    }\n    &.${attributes.pattern} {\n      animation-name: ${attributes.pattern};\n      animation-delay: ${attributes.delay}s;\n      animation-duration: ${attributes.duration}s;\n      animation-fill-mode: forwards;\n      opacity: 0;\n    }\n  `;\n};\n\nexport default function AnimationBlock(props) {\n  const { is_anime, anime_prm } = props.attributes;\n\n  return (\n    <>\n      <PanelBody\n        title={__(\"Animation Setting\", \"block-collections\")}\n        initialOpen={true}\n      >\n        <ToggleControl\n          label={__(\"Is Animation\", \"block-collections\")}\n          checked={is_anime}\n          onChange={(newVal) => {\n            props.onChange({ is_anime: newVal });\n          }}\n        />\n        {is_anime && (\n          <>\n            <div className=\"itmar_link_type\">\n              <RadioControl\n                label={__(\"Animation Pattern\", \"block-collections\")}\n                selected={anime_prm.pattern}\n                options={[\n                  { label: \"flipDown\", value: \"flipDown\" },\n                  { label: \"fadeUp\", value: \"fadeUp\" },\n                  { label: \"fadeLeft\", value: \"fadeLeft\" },\n                  { label: \"fadeRight\", value: \"fadeRight\" },\n                ]}\n                onChange={(changeOption) => {\n                  props.onChange({\n                    anime_prm: { ...anime_prm, pattern: changeOption },\n                  });\n                }}\n              />\n            </div>\n\n            <RangeControl\n              value={anime_prm.duration}\n              label={__(\"Animation duration time\", \"block-collections\")}\n              max={5}\n              min={0}\n              onChange={(val) => {\n                props.onChange({ anime_prm: { ...anime_prm, duration: val } });\n              }}\n              step={0.1}\n              withInputField={true}\n            />\n\n            <RangeControl\n              value={anime_prm.delay}\n              label={__(\"Animation delay time\", \"block-collections\")}\n              max={3}\n              min={0}\n              onChange={(val) => {\n                props.onChange({ anime_prm: { ...anime_prm, delay: val } });\n              }}\n              step={0.1}\n              withInputField={true}\n            />\n\n            <div className=\"itmar_link_type\">\n              <RadioControl\n                label={__(\"Animation Trigger\", \"block-collections\")}\n                selected={anime_prm.trigger}\n                options={[\n                  {\n                    label: __(\"Page Opend\", \"block-collections\"),\n                    value: \"opend\",\n                  },\n                  {\n                    label: __(\"Enter Visible\", \"block-collections\"),\n                    value: \"visible\",\n                  },\n                ]}\n                onChange={(changeOption) => {\n                  props.onChange({\n                    anime_prm: { ...anime_prm, trigger: changeOption },\n                  });\n                }}\n              />\n            </div>\n          </>\n        )}\n      </PanelBody>\n    </>\n  );\n}\n"],"names":["anime_comp","attributes","css","_templateObject","_taggedTemplateLiteral","pattern","delay","duration","AnimationBlock","props","is_anime","anime_prm","React","createElement","Fragment","PanelBody","title","__","initialOpen","ToggleControl","label","checked","onChange","newVal","className","RadioControl","selected","options","value","changeOption","_objectSpread","RangeControl","max","min","val","step","withInputField","trigger"],"mappings":"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"}

package/build/cjs/BlockEditWrapper.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
+var element = require('@wordpress/element');
+
+var _excluded = ["lazyComponent"];
+function BlockEditWrapper(_ref) {
+  var {
+      lazyComponent: LazyComponent
+    } = _ref,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(element.Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", null, "Loading...")
+  }, /*#__PURE__*/React.createElement(LazyComponent, props));
+}
+
+exports.default = BlockEditWrapper;
+//# sourceMappingURL=BlockEditWrapper.js.map

package/build/cjs/BlockEditWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockEditWrapper.js","sources":["../../src/BlockEditWrapper.js"],"sourcesContent":["import { Suspense } from '@wordpress/element';\r\n\r\nfunction BlockEditWrapper({ lazyComponent: LazyComponent, ...props }) {\r\n  return (\r\n    <Suspense fallback={<div>Loading...</div>}>\r\n      <LazyComponent {...props} />\r\n    </Suspense>\r\n  );\r\n}\r\n\r\nexport default BlockEditWrapper;"],"names":["BlockEditWrapper","_ref","lazyComponent","LazyComponent","props","_objectWithoutProperties","_excluded","React","createElement","Suspense","fallback"],"mappings":";;;;;;;;AAEA,SAASA,gBAAgBA,CAAAC,IAAA,EAA6C;EAAA,IAA5C;AAAEC,MAAAA,aAAa,EAAEC;AAAwB,KAAC,GAAAF,IAAA;AAAPG,IAAAA,KAAK,GAAAC,iDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAChE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,gBAAQ,EAAA;AAACC,IAAAA,QAAQ,eAAEH,KAAA,CAAAC,aAAA,cAAK,YAAe;GAAE,eACxCD,KAAA,CAAAC,aAAA,CAACL,aAAa,EAAKC,KAAQ,CACnB,CAAC;AAEf;;;;"}