itmar-block-packages 2.1.1 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) hide show
  1. package/README.md +18 -4
  2. package/build/cjs/AnimationBlock.js +61 -92
  3. package/build/cjs/AnimationBlock.js.map +1 -1
  4. package/build/cjs/BlockEditWrapper.js +3 -10
  5. package/build/cjs/BlockEditWrapper.js.map +1 -1
  6. package/build/cjs/BlockPlace.js +277 -482
  7. package/build/cjs/BlockPlace.js.map +1 -1
  8. package/build/cjs/BrockInserter.js +195 -191
  9. package/build/cjs/BrockInserter.js.map +1 -1
  10. package/build/cjs/DateElm.js +254 -281
  11. package/build/cjs/DateElm.js.map +1 -1
  12. package/build/cjs/DraggableBox.js +99 -129
  13. package/build/cjs/DraggableBox.js.map +1 -1
  14. package/build/cjs/GridControls.js +292 -392
  15. package/build/cjs/GridControls.js.map +1 -1
  16. package/build/cjs/IconSelectControl.js +65 -156
  17. package/build/cjs/IconSelectControl.js.map +1 -1
  18. package/build/cjs/JapaneseHolidays.js +67 -76
  19. package/build/cjs/JapaneseHolidays.js.map +1 -1
  20. package/build/cjs/MasonryControl.js +95 -100
  21. package/build/cjs/MasonryControl.js.map +1 -1
  22. package/build/cjs/PseudoElm.js +37 -50
  23. package/build/cjs/PseudoElm.js.map +1 -1
  24. package/build/cjs/ShadowStyle.js +216 -430
  25. package/build/cjs/ShadowStyle.js.map +1 -1
  26. package/build/cjs/SwiperControl.js +240 -241
  27. package/build/cjs/SwiperControl.js.map +1 -1
  28. package/build/cjs/ToggleElement.js +17 -9
  29. package/build/cjs/ToggleElement.js.map +1 -1
  30. package/build/cjs/TypographyControls.js +73 -139
  31. package/build/cjs/TypographyControls.js.map +1 -1
  32. package/build/cjs/UpdateAllPostsBlockAttributes.js +102 -119
  33. package/build/cjs/UpdateAllPostsBlockAttributes.js.map +1 -1
  34. package/build/cjs/ZipAddress.js +27 -23
  35. package/build/cjs/ZipAddress.js.map +1 -1
  36. package/build/cjs/blockStore.js +42 -47
  37. package/build/cjs/blockStore.js.map +1 -1
  38. package/build/cjs/cssPropertes.js +165 -117
  39. package/build/cjs/cssPropertes.js.map +1 -1
  40. package/build/cjs/customHooks.js +277 -0
  41. package/build/cjs/customHooks.js.map +1 -0
  42. package/build/cjs/formatCreate.js +115 -145
  43. package/build/cjs/formatCreate.js.map +1 -1
  44. package/build/cjs/hslToRgb.js +112 -116
  45. package/build/cjs/hslToRgb.js.map +1 -1
  46. package/build/cjs/index.js +10 -10
  47. package/build/cjs/mediaUpload.js +95 -158
  48. package/build/cjs/mediaUpload.js.map +1 -1
  49. package/build/cjs/node_modules/swiper/shared/ssr-window.esm.js +144 -0
  50. package/build/cjs/node_modules/swiper/shared/ssr-window.esm.js.map +1 -0
  51. package/build/cjs/node_modules/swiper/shared/swiper-core.js +3925 -0
  52. package/build/cjs/node_modules/swiper/shared/swiper-core.js.map +1 -0
  53. package/build/cjs/node_modules/swiper/shared/utils.js +294 -0
  54. package/build/cjs/node_modules/swiper/shared/utils.js.map +1 -0
  55. package/build/cjs/pickupStore.js +56 -54
  56. package/build/cjs/pickupStore.js.map +1 -1
  57. package/build/cjs/shopfiApi.js +127 -141
  58. package/build/cjs/shopfiApi.js.map +1 -1
  59. package/build/cjs/types/AnimationBlock.d.ts +22 -0
  60. package/build/cjs/types/BlockEditWrapper.d.ts +7 -0
  61. package/build/cjs/types/BlockPlace.d.ts +49 -0
  62. package/build/cjs/types/BrockInserter.d.ts +6 -0
  63. package/build/cjs/types/DateElm.d.ts +69 -0
  64. package/build/cjs/types/DraggableBox.d.ts +19 -0
  65. package/build/cjs/types/GridControls.d.ts +27 -0
  66. package/build/cjs/types/IconSelectControl.d.ts +17 -0
  67. package/build/cjs/types/JapaneseHolidays.d.ts +6 -0
  68. package/build/cjs/types/MasonryControl.d.ts +35 -0
  69. package/build/cjs/types/PseudoElm.d.ts +11 -0
  70. package/build/cjs/types/ShadowStyle.d.ts +33 -0
  71. package/build/cjs/types/SwiperControl.d.ts +12 -0
  72. package/build/cjs/types/ToggleElement.d.ts +13 -0
  73. package/build/cjs/types/TypographyControls.d.ts +17 -0
  74. package/build/cjs/types/UpdateAllPostsBlockAttributes.d.ts +10 -0
  75. package/build/cjs/types/ZipAddress.d.ts +18 -0
  76. package/build/cjs/types/blockStore.d.ts +15 -0
  77. package/build/cjs/types/cssPropertes.d.ts +53 -0
  78. package/build/cjs/types/customHooks.d.ts +11 -0
  79. package/build/cjs/types/formatCreate.d.ts +18 -0
  80. package/build/cjs/types/hslToRgb.d.ts +23 -0
  81. package/build/cjs/types/index.d.ts +27 -0
  82. package/build/cjs/types/mediaUpload.d.ts +29 -0
  83. package/build/cjs/types/pickupStore.d.ts +39 -0
  84. package/build/cjs/types/shopfiApi.d.ts +18 -0
  85. package/build/cjs/types/validationCheck.d.ts +5 -0
  86. package/build/cjs/types/wordpressApi.d.ts +99 -0
  87. package/build/cjs/validationCheck.js +15 -9
  88. package/build/cjs/validationCheck.js.map +1 -1
  89. package/build/cjs/wordpressApi.js +364 -576
  90. package/build/cjs/wordpressApi.js.map +1 -1
  91. package/build/esm/AnimationBlock.d.ts +22 -0
  92. package/build/esm/AnimationBlock.js +61 -92
  93. package/build/esm/AnimationBlock.js.map +1 -1
  94. package/build/esm/BlockEditWrapper.d.ts +7 -0
  95. package/build/esm/BlockEditWrapper.js +4 -11
  96. package/build/esm/BlockEditWrapper.js.map +1 -1
  97. package/build/esm/BlockPlace.d.ts +49 -0
  98. package/build/esm/BlockPlace.js +279 -484
  99. package/build/esm/BlockPlace.js.map +1 -1
  100. package/build/esm/BrockInserter.d.ts +6 -0
  101. package/build/esm/BrockInserter.js +195 -191
  102. package/build/esm/BrockInserter.js.map +1 -1
  103. package/build/esm/DateElm.d.ts +69 -0
  104. package/build/esm/DateElm.js +254 -281
  105. package/build/esm/DateElm.js.map +1 -1
  106. package/build/esm/DraggableBox.d.ts +19 -0
  107. package/build/esm/DraggableBox.js +99 -129
  108. package/build/esm/DraggableBox.js.map +1 -1
  109. package/build/esm/GridControls.d.ts +27 -0
  110. package/build/esm/GridControls.js +294 -394
  111. package/build/esm/GridControls.js.map +1 -1
  112. package/build/esm/IconSelectControl.d.ts +17 -0
  113. package/build/esm/IconSelectControl.js +65 -156
  114. package/build/esm/IconSelectControl.js.map +1 -1
  115. package/build/esm/JapaneseHolidays.d.ts +6 -0
  116. package/build/esm/JapaneseHolidays.js +67 -76
  117. package/build/esm/JapaneseHolidays.js.map +1 -1
  118. package/build/esm/MasonryControl.d.ts +35 -0
  119. package/build/esm/MasonryControl.js +95 -100
  120. package/build/esm/MasonryControl.js.map +1 -1
  121. package/build/esm/PseudoElm.d.ts +11 -0
  122. package/build/esm/PseudoElm.js +37 -50
  123. package/build/esm/PseudoElm.js.map +1 -1
  124. package/build/esm/ShadowStyle.d.ts +33 -0
  125. package/build/esm/ShadowStyle.js +217 -431
  126. package/build/esm/ShadowStyle.js.map +1 -1
  127. package/build/esm/SwiperControl.d.ts +12 -0
  128. package/build/esm/SwiperControl.js +240 -241
  129. package/build/esm/SwiperControl.js.map +1 -1
  130. package/build/esm/ToggleElement.d.ts +13 -0
  131. package/build/esm/ToggleElement.js +17 -9
  132. package/build/esm/ToggleElement.js.map +1 -1
  133. package/build/esm/TypographyControls.d.ts +17 -0
  134. package/build/esm/TypographyControls.js +73 -139
  135. package/build/esm/TypographyControls.js.map +1 -1
  136. package/build/esm/UpdateAllPostsBlockAttributes.d.ts +10 -0
  137. package/build/esm/UpdateAllPostsBlockAttributes.js +103 -120
  138. package/build/esm/UpdateAllPostsBlockAttributes.js.map +1 -1
  139. package/build/esm/ZipAddress.d.ts +18 -0
  140. package/build/esm/ZipAddress.js +27 -23
  141. package/build/esm/ZipAddress.js.map +1 -1
  142. package/build/esm/blockStore.d.ts +15 -0
  143. package/build/esm/blockStore.js +42 -47
  144. package/build/esm/blockStore.js.map +1 -1
  145. package/build/esm/cssPropertes.d.ts +53 -0
  146. package/build/esm/cssPropertes.js +165 -117
  147. package/build/esm/cssPropertes.js.map +1 -1
  148. package/build/esm/customHooks.d.ts +11 -0
  149. package/build/esm/customHooks.js +267 -0
  150. package/build/esm/customHooks.js.map +1 -0
  151. package/build/esm/formatCreate.d.ts +18 -0
  152. package/build/esm/formatCreate.js +115 -145
  153. package/build/esm/formatCreate.js.map +1 -1
  154. package/build/esm/hslToRgb.d.ts +23 -0
  155. package/build/esm/hslToRgb.js +112 -116
  156. package/build/esm/hslToRgb.js.map +1 -1
  157. package/build/esm/index.d.ts +27 -0
  158. package/build/esm/index.js +1 -1
  159. package/build/esm/mediaUpload.d.ts +29 -0
  160. package/build/esm/mediaUpload.js +95 -158
  161. package/build/esm/mediaUpload.js.map +1 -1
  162. package/build/esm/node_modules/swiper/shared/ssr-window.esm.js +141 -0
  163. package/build/esm/node_modules/swiper/shared/ssr-window.esm.js.map +1 -0
  164. package/build/esm/node_modules/swiper/shared/swiper-core.js +3922 -0
  165. package/build/esm/node_modules/swiper/shared/swiper-core.js.map +1 -0
  166. package/build/esm/node_modules/swiper/shared/utils.js +274 -0
  167. package/build/esm/node_modules/swiper/shared/utils.js.map +1 -0
  168. package/build/esm/pickupStore.d.ts +39 -0
  169. package/build/esm/pickupStore.js +56 -54
  170. package/build/esm/pickupStore.js.map +1 -1
  171. package/build/esm/shopfiApi.d.ts +18 -0
  172. package/build/esm/shopfiApi.js +127 -141
  173. package/build/esm/shopfiApi.js.map +1 -1
  174. package/build/esm/types/AnimationBlock.d.ts +22 -0
  175. package/build/esm/types/BlockEditWrapper.d.ts +7 -0
  176. package/build/esm/types/BlockPlace.d.ts +49 -0
  177. package/build/esm/types/BrockInserter.d.ts +6 -0
  178. package/build/esm/types/DateElm.d.ts +69 -0
  179. package/build/esm/types/DraggableBox.d.ts +19 -0
  180. package/build/esm/types/GridControls.d.ts +27 -0
  181. package/build/esm/types/IconSelectControl.d.ts +17 -0
  182. package/build/esm/types/JapaneseHolidays.d.ts +6 -0
  183. package/build/esm/types/MasonryControl.d.ts +35 -0
  184. package/build/esm/types/PseudoElm.d.ts +11 -0
  185. package/build/esm/types/ShadowStyle.d.ts +33 -0
  186. package/build/esm/types/SwiperControl.d.ts +12 -0
  187. package/build/esm/types/ToggleElement.d.ts +13 -0
  188. package/build/esm/types/TypographyControls.d.ts +17 -0
  189. package/build/esm/types/UpdateAllPostsBlockAttributes.d.ts +10 -0
  190. package/build/esm/types/ZipAddress.d.ts +18 -0
  191. package/build/esm/types/blockStore.d.ts +15 -0
  192. package/build/esm/types/cssPropertes.d.ts +53 -0
  193. package/build/esm/types/customHooks.d.ts +11 -0
  194. package/build/esm/types/formatCreate.d.ts +18 -0
  195. package/build/esm/types/hslToRgb.d.ts +23 -0
  196. package/build/esm/types/index.d.ts +27 -0
  197. package/build/esm/types/mediaUpload.d.ts +29 -0
  198. package/build/esm/types/pickupStore.d.ts +39 -0
  199. package/build/esm/types/shopfiApi.d.ts +18 -0
  200. package/build/esm/types/validationCheck.d.ts +5 -0
  201. package/build/esm/types/wordpressApi.d.ts +99 -0
  202. package/build/esm/validationCheck.d.ts +5 -0
  203. package/build/esm/validationCheck.js +15 -9
  204. package/build/esm/validationCheck.js.map +1 -1
  205. package/build/esm/wordpressApi.d.ts +99 -0
  206. package/build/esm/wordpressApi.js +365 -577
  207. package/build/esm/wordpressApi.js.map +1 -1
  208. package/package.json +29 -7
  209. package/build/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -117
  210. package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  211. package/build/cjs/customFooks.js +0 -300
  212. package/build/cjs/customFooks.js.map +0 -1
  213. package/build/esm/_virtual/_rollupPluginBabelHelpers.js +0 -107
  214. package/build/esm/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  215. package/build/esm/customFooks.js +0 -290
  216. package/build/esm/customFooks.js.map +0 -1
package/README.md CHANGED
@@ -1,19 +1,33 @@
1
1
  # 概要
2
2
  WordPressのカスタムブロックを作成するためのプラグインで活用するパッケージです。複数のプラグインで共通に使用する機能をパッケージにまとめました。
3
+ v3.0.0 より完全な TypeScript 対応となり、開発時の型補完と安全性が大幅に向上しました。
3
4
 
4
5
  # 使用方法
5
- ```
6
- import {関数名又はコンポーネント名} from "itmar-block-packages"
6
+ ```typescript
7
+ import { 関数名又はコンポーネント名 } from "itmar-block-packages"
7
8
  ```
8
9
  名前付きインポートでお願いします。
9
10
 
10
11
  ## 必要条件
11
12
  このパッケージは WordPress ブロック開発のビルド環境(`@wordpress/scripts`)での利用を前提としています。
12
- このパッケージを使用するには、`@wordpress/scripts`のバージョン^27.6.0以上を推奨します。以下のコマンドを実行して、`@wordpress/scripts`を更新してください:
13
+ TypeScript で利用する場合、以下のバージョン以上を推奨します。
14
+
15
+ @wordpress/scripts: ^27.6.0 以上
13
16
 
14
- npm i @wordpress/scripts@^27.6.0 --save-dev
17
+ typescript: ^5.0.0 以上
15
18
 
16
19
  ## 更新履歴
20
+ = 3.0.1 =
21
+
22
+ 完全 TypeScript 化: 全ソースコードを TypeScript で再構築し、型定義ファイル(.d.ts)を同梱。
23
+
24
+ ビルド構成の最適化: Rollup により ESM (build/esm) と CJS (build/cjs) を出力。
25
+
26
+ パッケージ構造の整理: peerDependencies を整理し、WordPress コアライブラリとの重複バンドルを防止。
27
+
28
+ = 2.1.2 =
29
+ - sendRegistrationRequest内でフォールバックされていた"/wp-admin/admin-ajax.php" を削除
30
+
17
31
  = 2.1.1 =
18
32
  - フロントエンドデータ共有ライブラリとしてpickupStoreを追加
19
33
 
@@ -2,104 +2,73 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
6
5
  var i18n = require('@wordpress/i18n');
7
6
  var styledComponents = require('styled-components');
7
+ var element = require('@wordpress/element');
8
8
  var components = require('@wordpress/components');
9
9
 
10
- var _templateObject;
11
- var anime_comp = attributes => {
12
- 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);
13
- };
14
- function AnimationBlock(props) {
15
- var {
16
- is_anime,
17
- anime_prm
18
- } = props.attributes;
19
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(components.PanelBody, {
20
- title: i18n.__("Animation Setting", "block-collections"),
21
- initialOpen: true
22
- }, /*#__PURE__*/React.createElement(components.ToggleControl, {
23
- label: i18n.__("Is Animation", "block-collections"),
24
- checked: is_anime,
25
- onChange: newVal => {
26
- props.onChange({
27
- is_anime: newVal
28
- });
29
- }
30
- }), is_anime && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
31
- className: "itmar_link_type"
32
- }, /*#__PURE__*/React.createElement(components.RadioControl, {
33
- label: i18n.__("Animation Pattern", "block-collections"),
34
- selected: anime_prm.pattern,
35
- options: [{
36
- label: "flipDown",
37
- value: "flipDown"
38
- }, {
39
- label: "fadeUp",
40
- value: "fadeUp"
41
- }, {
42
- label: "fadeLeft",
43
- value: "fadeLeft"
44
- }, {
45
- label: "fadeRight",
46
- value: "fadeRight"
47
- }],
48
- onChange: changeOption => {
49
- props.onChange({
50
- anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
51
- pattern: changeOption
52
- })
53
- });
10
+ const anime_comp = (attributes) => {
11
+ return styledComponents.css `
12
+ &.fadeTrigger {
13
+ opacity: 0;
54
14
  }
55
- })), /*#__PURE__*/React.createElement(components.RangeControl, {
56
- value: anime_prm.duration,
57
- label: i18n.__("Animation duration time", "block-collections"),
58
- max: 5,
59
- min: 0,
60
- onChange: val => {
61
- props.onChange({
62
- anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
63
- duration: val
64
- })
65
- });
66
- },
67
- step: 0.1,
68
- withInputField: true
69
- }), /*#__PURE__*/React.createElement(components.RangeControl, {
70
- value: anime_prm.delay,
71
- label: i18n.__("Animation delay time", "block-collections"),
72
- max: 3,
73
- min: 0,
74
- onChange: val => {
75
- props.onChange({
76
- anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
77
- delay: val
78
- })
79
- });
80
- },
81
- step: 0.1,
82
- withInputField: true
83
- }), /*#__PURE__*/React.createElement("div", {
84
- className: "itmar_link_type"
85
- }, /*#__PURE__*/React.createElement(components.RadioControl, {
86
- label: i18n.__("Animation Trigger", "block-collections"),
87
- selected: anime_prm.trigger,
88
- options: [{
89
- label: i18n.__("Page Opend", "block-collections"),
90
- value: "opend"
91
- }, {
92
- label: i18n.__("Enter Visible", "block-collections"),
93
- value: "visible"
94
- }],
95
- onChange: changeOption => {
96
- props.onChange({
97
- anime_prm: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, anime_prm), {}, {
98
- trigger: changeOption
99
- })
100
- });
15
+ &.${attributes.pattern} {
16
+ animation-name: ${attributes.pattern};
17
+ animation-delay: ${attributes.delay}s;
18
+ animation-duration: ${attributes.duration}s;
19
+ animation-fill-mode: forwards;
20
+ opacity: 0;
101
21
  }
102
- })))));
22
+ `;
23
+ };
24
+ function AnimationBlock(props) {
25
+ const { is_anime, anime_prm } = props.attributes;
26
+ return (element.createElement(element.Fragment, null,
27
+ element.createElement(components.PanelBody, { title: i18n.__("Animation Setting", "block-collections"), initialOpen: true },
28
+ element.createElement(components.ToggleControl, { label: i18n.__("Is Animation", "block-collections"), checked: is_anime, onChange: (newVal) => {
29
+ props.onChange({ is_anime: newVal });
30
+ } }),
31
+ is_anime && (element.createElement(element.Fragment, null,
32
+ element.createElement("div", { className: "itmar_link_type" },
33
+ element.createElement(components.RadioControl, { label: i18n.__("Animation Pattern", "block-collections"), selected: anime_prm.pattern, options: [
34
+ { label: "flipDown", value: "flipDown" },
35
+ { label: "fadeUp", value: "fadeUp" },
36
+ { label: "fadeLeft", value: "fadeLeft" },
37
+ { label: "fadeRight", value: "fadeRight" },
38
+ ], onChange: (changeOption) => {
39
+ props.onChange({
40
+ anime_prm: { ...anime_prm, pattern: changeOption },
41
+ });
42
+ } })),
43
+ element.createElement(components.RangeControl, { value: anime_prm.duration, label: i18n.__("Animation duration time", "block-collections"), max: 5, min: 0, onChange: (val) => {
44
+ // val が undefined の場合は 0(または適切なデフォルト値)を採用する
45
+ const safeValue = val ?? 0;
46
+ props.onChange({
47
+ anime_prm: { ...anime_prm, duration: safeValue },
48
+ });
49
+ }, step: 0.1, withInputField: true }),
50
+ element.createElement(components.RangeControl, { value: anime_prm.delay, label: i18n.__("Animation delay time", "block-collections"), max: 3, min: 0, onChange: (val) => {
51
+ // val が undefined の場合は 0(または適切なデフォルト値)を採用する
52
+ const safeValue = val ?? 0;
53
+ props.onChange({
54
+ anime_prm: { ...anime_prm, delay: safeValue },
55
+ });
56
+ }, step: 0.1, withInputField: true }),
57
+ element.createElement("div", { className: "itmar_link_type" },
58
+ element.createElement(components.RadioControl, { label: i18n.__("Animation Trigger", "block-collections"), selected: anime_prm.trigger, options: [
59
+ {
60
+ label: i18n.__("Page Opend", "block-collections"),
61
+ value: "opend",
62
+ },
63
+ {
64
+ label: i18n.__("Enter Visible", "block-collections"),
65
+ value: "visible",
66
+ },
67
+ ], onChange: (changeOption) => {
68
+ props.onChange({
69
+ anime_prm: { ...anime_prm, trigger: changeOption },
70
+ });
71
+ } })))))));
103
72
  }
104
73
 
105
74
  exports.anime_comp = anime_comp;
@@ -1 +1 @@
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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"}
1
+ {"version":3,"file":"AnimationBlock.js","sources":["../../src/AnimationBlock.tsx"],"sourcesContent":[null],"names":["css","createElement","Fragment","PanelBody","__","ToggleControl","RadioControl","RangeControl"],"mappings":";;;;;;;;;AAmBO,MAAM,UAAU,GAAG,CAAC,UAA2B,KAAI;AACxD,IAAA,OAAOA,oBAAG,CAAA;;;;AAIJ,MAAA,EAAA,UAAU,CAAC,OAAO,CAAA;AACF,sBAAA,EAAA,UAAU,CAAC,OAAO,CAAA;AACjB,uBAAA,EAAA,UAAU,CAAC,KAAK,CAAA;AACb,0BAAA,EAAA,UAAU,CAAC,QAAQ,CAAA;;;;GAI5C;AACH;AAoBc,SAAU,cAAc,CAAC,KAA0B,EAAA;IAC/D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU;AAEhD,IAAA,QACEC,qBAAA,CAAAC,gBAAA,EAAA,IAAA;AACE,QAAAD,qBAAA,CAACE,oBAAS,EAAA,EACR,KAAK,EAAEC,OAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,EACnD,WAAW,EAAE,IAAI,EAAA;YAEjBH,qBAAA,CAACI,wBAAa,IACZ,KAAK,EAAED,OAAE,CAAC,cAAc,EAAE,mBAAmB,CAAC,EAC9C,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,MAAM,KAAI;oBACnB,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AACtC,gBAAA,CAAC,EAAA,CACD;AACD,YAAA,QAAQ,KACPH,qBAAA,CAAAC,gBAAA,EAAA,IAAA;gBACED,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA;AAC9B,oBAAAA,qBAAA,CAACK,uBAAY,EAAA,EACX,KAAK,EAAEF,OAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,EACnD,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,OAAO,EAAE;AACP,4BAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,4BAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACpC,4BAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,4BAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC3C,yBAAA,EACD,QAAQ,EAAE,CAAC,YAAY,KAAI;4BACzB,KAAK,CAAC,QAAQ,CAAC;gCACb,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE;AACnD,6BAAA,CAAC;AACJ,wBAAA,CAAC,GACD,CACE;AAEN,gBAAAH,qBAAA,CAACM,uBAAY,EAAA,EACX,KAAK,EAAE,SAAS,CAAC,QAAQ,EACzB,KAAK,EAAEH,OAAE,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,EACzD,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,CAAC,GAAY,KAAI;;AAEzB,wBAAA,MAAM,SAAS,GAAG,GAAG,IAAI,CAAC;wBAC1B,KAAK,CAAC,QAAQ,CAAC;4BACb,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;AACjD,yBAAA,CAAC;oBACJ,CAAC,EACD,IAAI,EAAE,GAAG,EACT,cAAc,EAAE,IAAI,EAAA,CACpB;AAEF,gBAAAH,qBAAA,CAACM,uBAAY,EAAA,EACX,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,KAAK,EAAEH,OAAE,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,EACtD,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,CAAC,GAAY,KAAI;;AAEzB,wBAAA,MAAM,SAAS,GAAG,GAAG,IAAI,CAAC;wBAC1B,KAAK,CAAC,QAAQ,CAAC;4BACb,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AAC9C,yBAAA,CAAC;oBACJ,CAAC,EACD,IAAI,EAAE,GAAG,EACT,cAAc,EAAE,IAAI,EAAA,CACpB;gBAEFH,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA;AAC9B,oBAAAA,qBAAA,CAACK,uBAAY,EAAA,EACX,KAAK,EAAEF,OAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,EACnD,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,OAAO,EAAE;AACP,4BAAA;AACE,gCAAA,KAAK,EAAEA,OAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;AAC5C,gCAAA,KAAK,EAAE,OAAO;AACf,6BAAA;AACD,4BAAA;AACE,gCAAA,KAAK,EAAEA,OAAE,CAAC,eAAe,EAAE,mBAAmB,CAAC;AAC/C,gCAAA,KAAK,EAAE,SAAS;AACjB,6BAAA;AACF,yBAAA,EACD,QAAQ,EAAE,CAAC,YAAY,KAAI;4BACzB,KAAK,CAAC,QAAQ,CAAC;gCACb,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE;AACnD,6BAAA,CAAC;AACJ,wBAAA,CAAC,GACD,CACE,CACL,CACJ,CACS,CACX;AAEP;;;;;"}
@@ -2,18 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
6
5
  var element = require('@wordpress/element');
7
6
 
8
- var _excluded = ["lazyComponent"];
9
- function BlockEditWrapper(_ref) {
10
- var {
11
- lazyComponent: LazyComponent
12
- } = _ref,
13
- props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
14
- return /*#__PURE__*/React.createElement(element.Suspense, {
15
- fallback: /*#__PURE__*/React.createElement("div", null, "Loading...")
16
- }, /*#__PURE__*/React.createElement(LazyComponent, props));
7
+ function BlockEditWrapper({ lazyComponent: LazyComponent, ...props }) {
8
+ return (element.createElement(element.Suspense, { fallback: element.createElement("div", null, "Loading...") },
9
+ element.createElement(LazyComponent, { ...props })));
17
10
  }
18
11
 
19
12
  exports.default = BlockEditWrapper;
@@ -1 +1 @@
1
- {"version":3,"file":"BlockEditWrapper.js","sources":["../../src/BlockEditWrapper.js"],"sourcesContent":["import { Suspense } from '@wordpress/element';\n\nfunction BlockEditWrapper({ lazyComponent: LazyComponent, ...props }) {\n return (\n <Suspense fallback={<div>Loading...</div>}>\n <LazyComponent {...props} />\n </Suspense>\n );\n}\n\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;;;;"}
1
+ {"version":3,"file":"BlockEditWrapper.js","sources":["../../src/BlockEditWrapper.tsx"],"sourcesContent":[null],"names":["createElement","Suspense"],"mappings":";;;;;;AAUA,SAAS,gBAAgB,CAAC,EACxB,aAAa,EAAE,aAAa,EAC5B,GAAG,KAAK,EACc,EAAA;AACtB,IAAA,QACEA,qBAAA,CAACC,gBAAQ,EAAA,EAAC,QAAQ,EAAED,qBAAA,CAAA,KAAA,EAAA,IAAA,EAAA,YAAA,CAAqB,EAAA;AACvC,QAAAA,qBAAA,CAAC,aAAa,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,CACnB;AAEf;;;;"}