itmar-block-packages 1.10.1 → 2.0.0

package/README.md

@@ -8,12 +8,24 @@ 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で固定ページの選択肢が１０個しか表示されないという不具合を解消
 
@@ -647,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;;;;"}