@wordpress/components 23.1.0 → 23.2.0

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 (280) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/LICENSE.md +1 -1
  3. package/build/color-picker/component.js +1 -0
  4. package/build/color-picker/component.js.map +1 -1
  5. package/build/color-picker/styles.js +8 -10
  6. package/build/color-picker/styles.js.map +1 -1
  7. package/build/combobox-control/index.js +5 -1
  8. package/build/combobox-control/index.js.map +1 -1
  9. package/build/focal-point-picker/utils.js +1 -1
  10. package/build/focal-point-picker/utils.js.map +1 -1
  11. package/build/index.js +7 -17
  12. package/build/index.js.map +1 -1
  13. package/build/index.native.js +8 -18
  14. package/build/index.native.js.map +1 -1
  15. package/build/item-group/item/component.js +27 -3
  16. package/build/item-group/item/component.js.map +1 -1
  17. package/build/item-group/item-group/component.js +26 -3
  18. package/build/item-group/item-group/component.js.map +1 -1
  19. package/build/item-group/styles.js +14 -14
  20. package/build/item-group/styles.js.map +1 -1
  21. package/build/panel/row.js +5 -3
  22. package/build/panel/row.js.map +1 -1
  23. package/build/query-controls/index.js +1 -0
  24. package/build/query-controls/index.js.map +1 -1
  25. package/build/resizable-box/index.js +5 -4
  26. package/build/resizable-box/index.js.map +1 -1
  27. package/build/responsive-wrapper/index.js +18 -1
  28. package/build/responsive-wrapper/index.js.map +1 -1
  29. package/build/responsive-wrapper/types.js +6 -0
  30. package/build/responsive-wrapper/types.js.map +1 -0
  31. package/build/sandbox/index.js +35 -24
  32. package/build/sandbox/index.js.map +1 -1
  33. package/build/sandbox/types.js +6 -0
  34. package/build/sandbox/types.js.map +1 -0
  35. package/build/tab-panel/index.js +10 -5
  36. package/build/tab-panel/index.js.map +1 -1
  37. package/build/toolbar/index.js +42 -60
  38. package/build/toolbar/index.js.map +1 -1
  39. package/build/toolbar/toolbar/index.js +74 -0
  40. package/build/toolbar/toolbar/index.js.map +1 -0
  41. package/build/toolbar/{toolbar-container.js → toolbar/toolbar-container.js} +0 -0
  42. package/build/toolbar/toolbar/toolbar-container.js.map +1 -0
  43. package/build/toolbar/{toolbar-container.native.js → toolbar/toolbar-container.native.js} +0 -0
  44. package/build/toolbar/toolbar/toolbar-container.native.js.map +1 -0
  45. package/build/{toolbar-button → toolbar/toolbar-button}/index.js +1 -1
  46. package/build/toolbar/toolbar-button/index.js.map +1 -0
  47. package/build/{toolbar-button → toolbar/toolbar-button}/toolbar-button-container.js +0 -0
  48. package/build/toolbar/toolbar-button/toolbar-button-container.js.map +1 -0
  49. package/build/{toolbar-button → toolbar/toolbar-button}/toolbar-button-container.native.js +0 -0
  50. package/build/toolbar/toolbar-button/toolbar-button-container.native.js.map +1 -0
  51. package/build/{toolbar-context → toolbar/toolbar-context}/index.js +0 -0
  52. package/build/toolbar/toolbar-context/index.js.map +1 -0
  53. package/build/{toolbar-dropdown-menu → toolbar/toolbar-dropdown-menu}/index.js +1 -1
  54. package/build/toolbar/toolbar-dropdown-menu/index.js.map +1 -0
  55. package/build/{toolbar-group → toolbar/toolbar-group}/index.js +0 -0
  56. package/build/toolbar/toolbar-group/index.js.map +1 -0
  57. package/build/{toolbar-group → toolbar/toolbar-group}/toolbar-group-collapsed.js +1 -1
  58. package/build/toolbar/toolbar-group/toolbar-group-collapsed.js.map +1 -0
  59. package/build/{toolbar-group → toolbar/toolbar-group}/toolbar-group-collapsed.native.js +1 -1
  60. package/build/toolbar/toolbar-group/toolbar-group-collapsed.native.js.map +1 -0
  61. package/build/{toolbar-group → toolbar/toolbar-group}/toolbar-group-container.js +0 -0
  62. package/build/toolbar/toolbar-group/toolbar-group-container.js.map +1 -0
  63. package/build/{toolbar-group → toolbar/toolbar-group}/toolbar-group-container.native.js +0 -0
  64. package/build/toolbar/toolbar-group/toolbar-group-container.native.js.map +1 -0
  65. package/build/{toolbar-item → toolbar/toolbar-item}/index.js +0 -0
  66. package/build/toolbar/toolbar-item/index.js.map +1 -0
  67. package/build/{toolbar-item → toolbar/toolbar-item}/index.native.js +0 -0
  68. package/build/toolbar/toolbar-item/index.native.js.map +1 -0
  69. package/build/tree-grid/index.js +3 -3
  70. package/build/tree-grid/index.js.map +1 -1
  71. package/build-module/color-picker/component.js +1 -0
  72. package/build-module/color-picker/component.js.map +1 -1
  73. package/build-module/color-picker/styles.js +8 -9
  74. package/build-module/color-picker/styles.js.map +1 -1
  75. package/build-module/combobox-control/index.js +5 -1
  76. package/build-module/combobox-control/index.js.map +1 -1
  77. package/build-module/focal-point-picker/utils.js +1 -1
  78. package/build-module/focal-point-picker/utils.js.map +1 -1
  79. package/build-module/index.js +1 -6
  80. package/build-module/index.js.map +1 -1
  81. package/build-module/index.native.js +1 -6
  82. package/build-module/index.native.js.map +1 -1
  83. package/build-module/item-group/item/component.js +26 -2
  84. package/build-module/item-group/item/component.js.map +1 -1
  85. package/build-module/item-group/item-group/component.js +25 -2
  86. package/build-module/item-group/item-group/component.js.map +1 -1
  87. package/build-module/item-group/styles.js +14 -14
  88. package/build-module/item-group/styles.js.map +1 -1
  89. package/build-module/panel/row.js +5 -3
  90. package/build-module/panel/row.js.map +1 -1
  91. package/build-module/query-controls/index.js +1 -0
  92. package/build-module/query-controls/index.js.map +1 -1
  93. package/build-module/resizable-box/index.js +3 -2
  94. package/build-module/resizable-box/index.js.map +1 -1
  95. package/build-module/responsive-wrapper/index.js +20 -1
  96. package/build-module/responsive-wrapper/index.js.map +1 -1
  97. package/build-module/responsive-wrapper/types.js +2 -0
  98. package/build-module/responsive-wrapper/types.js.map +1 -0
  99. package/build-module/sandbox/index.js +37 -23
  100. package/build-module/sandbox/index.js.map +1 -1
  101. package/build-module/sandbox/types.js +2 -0
  102. package/build-module/sandbox/types.js.map +1 -0
  103. package/build-module/tab-panel/index.js +10 -5
  104. package/build-module/tab-panel/index.js.map +1 -1
  105. package/build-module/toolbar/index.js +6 -58
  106. package/build-module/toolbar/index.js.map +1 -1
  107. package/build-module/toolbar/toolbar/index.js +59 -0
  108. package/build-module/toolbar/toolbar/index.js.map +1 -0
  109. package/build-module/toolbar/{toolbar-container.js → toolbar/toolbar-container.js} +0 -0
  110. package/{build → build-module/toolbar}/toolbar/toolbar-container.js.map +1 -1
  111. package/build-module/toolbar/{toolbar-container.native.js → toolbar/toolbar-container.native.js} +0 -0
  112. package/build-module/toolbar/toolbar/toolbar-container.native.js.map +1 -0
  113. package/build-module/{toolbar-button → toolbar/toolbar-button}/index.js +1 -1
  114. package/build-module/toolbar/toolbar-button/index.js.map +1 -0
  115. package/build-module/{toolbar-button → toolbar/toolbar-button}/toolbar-button-container.js +0 -0
  116. package/build-module/toolbar/toolbar-button/toolbar-button-container.js.map +1 -0
  117. package/build-module/{toolbar-button → toolbar/toolbar-button}/toolbar-button-container.native.js +0 -0
  118. package/build-module/toolbar/toolbar-button/toolbar-button-container.native.js.map +1 -0
  119. package/build-module/{toolbar-context → toolbar/toolbar-context}/index.js +0 -0
  120. package/build-module/toolbar/toolbar-context/index.js.map +1 -0
  121. package/build-module/{toolbar-dropdown-menu → toolbar/toolbar-dropdown-menu}/index.js +1 -1
  122. package/build-module/toolbar/toolbar-dropdown-menu/index.js.map +1 -0
  123. package/build-module/{toolbar-group → toolbar/toolbar-group}/index.js +0 -0
  124. package/build-module/toolbar/toolbar-group/index.js.map +1 -0
  125. package/build-module/{toolbar-group → toolbar/toolbar-group}/toolbar-group-collapsed.js +1 -1
  126. package/build-module/toolbar/toolbar-group/toolbar-group-collapsed.js.map +1 -0
  127. package/build-module/{toolbar-group → toolbar/toolbar-group}/toolbar-group-collapsed.native.js +1 -1
  128. package/build-module/toolbar/toolbar-group/toolbar-group-collapsed.native.js.map +1 -0
  129. package/build-module/{toolbar-group → toolbar/toolbar-group}/toolbar-group-container.js +0 -0
  130. package/build-module/toolbar/toolbar-group/toolbar-group-container.js.map +1 -0
  131. package/build-module/{toolbar-group → toolbar/toolbar-group}/toolbar-group-container.native.js +0 -0
  132. package/build-module/toolbar/toolbar-group/toolbar-group-container.native.js.map +1 -0
  133. package/build-module/{toolbar-item → toolbar/toolbar-item}/index.js +0 -0
  134. package/build-module/toolbar/toolbar-item/index.js.map +1 -0
  135. package/build-module/{toolbar-item → toolbar/toolbar-item}/index.native.js +0 -0
  136. package/build-module/toolbar/toolbar-item/index.native.js.map +1 -0
  137. package/build-module/tree-grid/index.js +3 -3
  138. package/build-module/tree-grid/index.js.map +1 -1
  139. package/build-style/style-rtl.css +1 -1
  140. package/build-style/style.css +1 -1
  141. package/build-types/color-picker/component.d.ts.map +1 -1
  142. package/build-types/color-picker/styles.d.ts.map +1 -1
  143. package/build-types/dashicon/types.d.ts +0 -4
  144. package/build-types/dashicon/types.d.ts.map +1 -1
  145. package/build-types/focal-point-picker/utils.d.ts.map +1 -1
  146. package/build-types/item-group/item/component.d.ts +24 -2
  147. package/build-types/item-group/item/component.d.ts.map +1 -1
  148. package/build-types/item-group/item-group/component.d.ts +23 -2
  149. package/build-types/item-group/item-group/component.d.ts.map +1 -1
  150. package/build-types/item-group/stories/index.d.ts +15 -0
  151. package/build-types/item-group/stories/index.d.ts.map +1 -0
  152. package/build-types/item-group/styles.d.ts.map +1 -1
  153. package/build-types/radio-context/index.d.ts +6 -0
  154. package/build-types/radio-context/index.d.ts.map +1 -0
  155. package/build-types/resizable-box/index.d.ts +6 -7
  156. package/build-types/resizable-box/index.d.ts.map +1 -1
  157. package/build-types/resizable-box/stories/index.d.ts +61 -0
  158. package/build-types/resizable-box/stories/index.d.ts.map +1 -0
  159. package/build-types/responsive-wrapper/index.d.ts +24 -0
  160. package/build-types/responsive-wrapper/index.d.ts.map +1 -0
  161. package/build-types/responsive-wrapper/stories/index.d.ts +12 -0
  162. package/build-types/responsive-wrapper/stories/index.d.ts.map +1 -0
  163. package/build-types/responsive-wrapper/types.d.ts +22 -0
  164. package/build-types/responsive-wrapper/types.d.ts.map +1 -0
  165. package/build-types/sandbox/index.d.ts +19 -0
  166. package/build-types/sandbox/index.d.ts.map +1 -0
  167. package/build-types/sandbox/stories/index.d.ts +12 -0
  168. package/build-types/sandbox/stories/index.d.ts.map +1 -0
  169. package/build-types/sandbox/test/index.d.ts +2 -0
  170. package/build-types/sandbox/test/index.d.ts.map +1 -0
  171. package/build-types/sandbox/types.d.ts +36 -0
  172. package/build-types/sandbox/types.d.ts.map +1 -0
  173. package/build-types/tab-panel/index.d.ts.map +1 -1
  174. package/build-types/tab-panel/stories/index.d.ts +1 -0
  175. package/build-types/tab-panel/stories/index.d.ts.map +1 -1
  176. package/build-types/tab-panel/types.d.ts +10 -4
  177. package/build-types/tab-panel/types.d.ts.map +1 -1
  178. package/package.json +17 -17
  179. package/src/color-picker/component.tsx +1 -0
  180. package/src/color-picker/stories/index.js +20 -60
  181. package/src/color-picker/styles.ts +0 -5
  182. package/src/combobox-control/index.js +9 -1
  183. package/src/dashicon/types.ts +0 -6
  184. package/src/focal-point-picker/stories/index.tsx +1 -1
  185. package/src/focal-point-picker/utils.ts +4 -1
  186. package/src/guide/stories/index.js +14 -41
  187. package/src/index.js +8 -6
  188. package/src/index.native.js +8 -6
  189. package/src/item-group/item/component.tsx +26 -2
  190. package/src/item-group/item-group/component.tsx +25 -2
  191. package/src/item-group/stories/index.tsx +103 -0
  192. package/src/item-group/styles.ts +1 -0
  193. package/src/item-group/test/__snapshots__/index.js.snap +11 -10
  194. package/src/notice/stories/index.js +30 -58
  195. package/src/panel/row.js +3 -3
  196. package/src/panel/stories/index.js +62 -80
  197. package/src/placeholder/style.scss +1 -1
  198. package/src/query-controls/index.js +1 -0
  199. package/src/resizable-box/README.md +2 -2
  200. package/src/resizable-box/index.tsx +7 -6
  201. package/src/resizable-box/stories/index.tsx +92 -0
  202. package/src/responsive-wrapper/README.md +29 -0
  203. package/src/responsive-wrapper/{index.js → index.tsx} +23 -2
  204. package/src/responsive-wrapper/stories/index.tsx +38 -0
  205. package/src/responsive-wrapper/types.ts +20 -0
  206. package/src/sandbox/README.md +45 -2
  207. package/src/sandbox/{index.js → index.tsx} +47 -24
  208. package/src/sandbox/stories/index.tsx +32 -0
  209. package/src/sandbox/test/{index.js → index.tsx} +9 -4
  210. package/src/sandbox/types.ts +34 -0
  211. package/src/slot-fill/stories/index.js +12 -17
  212. package/src/style.scss +3 -3
  213. package/src/tab-panel/README.md +1 -0
  214. package/src/tab-panel/index.tsx +19 -5
  215. package/src/tab-panel/stories/index.tsx +20 -0
  216. package/src/tab-panel/test/index.tsx +89 -0
  217. package/src/tab-panel/types.ts +10 -4
  218. package/src/toolbar/index.js +6 -52
  219. package/src/toolbar/stories/index.js +2 -9
  220. package/src/{toolbar-button/stories/index.js → toolbar/stories/toolbar-button.js} +1 -2
  221. package/src/{toolbar-group/stories/index.js → toolbar/stories/toolbar-group.js} +1 -1
  222. package/src/toolbar/test/index.js +1 -2
  223. package/src/{toolbar-group/test/index.js → toolbar/test/toolbar-group.js} +1 -1
  224. package/src/toolbar/{README.md → toolbar/README.md} +0 -0
  225. package/src/toolbar/toolbar/index.js +52 -0
  226. package/src/toolbar/{style.native.scss → toolbar/style.native.scss} +0 -0
  227. package/src/toolbar/{style.scss → toolbar/style.scss} +0 -0
  228. package/src/toolbar/{toolbar-container.js → toolbar/toolbar-container.js} +0 -0
  229. package/src/toolbar/{toolbar-container.native.js → toolbar/toolbar-container.native.js} +0 -0
  230. package/src/{toolbar-button → toolbar/toolbar-button}/README.md +0 -0
  231. package/src/{toolbar-button → toolbar/toolbar-button}/index.js +1 -1
  232. package/src/{toolbar-button → toolbar/toolbar-button}/style.scss +0 -0
  233. package/src/{toolbar-button → toolbar/toolbar-button}/toolbar-button-container.js +0 -0
  234. package/src/{toolbar-button → toolbar/toolbar-button}/toolbar-button-container.native.js +0 -0
  235. package/src/{toolbar-context → toolbar/toolbar-context}/index.js +0 -0
  236. package/src/{toolbar-dropdown-menu → toolbar/toolbar-dropdown-menu}/README.md +0 -0
  237. package/src/{toolbar-dropdown-menu → toolbar/toolbar-dropdown-menu}/index.js +1 -1
  238. package/src/{toolbar-group → toolbar/toolbar-group}/README.md +0 -0
  239. package/src/{toolbar-group → toolbar/toolbar-group}/index.js +0 -0
  240. package/src/{toolbar-group → toolbar/toolbar-group}/style.native.scss +0 -0
  241. package/src/{toolbar-group → toolbar/toolbar-group}/style.scss +0 -0
  242. package/src/{toolbar-group → toolbar/toolbar-group}/toolbar-group-collapsed.js +1 -1
  243. package/src/{toolbar-group → toolbar/toolbar-group}/toolbar-group-collapsed.native.js +1 -1
  244. package/src/{toolbar-group → toolbar/toolbar-group}/toolbar-group-container.js +0 -0
  245. package/src/{toolbar-group → toolbar/toolbar-group}/toolbar-group-container.native.js +0 -0
  246. package/src/{toolbar-item → toolbar/toolbar-item}/README.md +0 -0
  247. package/src/{toolbar-item → toolbar/toolbar-item}/index.js +0 -0
  248. package/src/{toolbar-item → toolbar/toolbar-item}/index.native.js +0 -0
  249. package/src/tree-grid/index.js +2 -4
  250. package/tsconfig.json +0 -7
  251. package/tsconfig.tsbuildinfo +1 -1
  252. package/build/toolbar/toolbar-container.native.js.map +0 -1
  253. package/build/toolbar-button/index.js.map +0 -1
  254. package/build/toolbar-button/toolbar-button-container.js.map +0 -1
  255. package/build/toolbar-button/toolbar-button-container.native.js.map +0 -1
  256. package/build/toolbar-context/index.js.map +0 -1
  257. package/build/toolbar-dropdown-menu/index.js.map +0 -1
  258. package/build/toolbar-group/index.js.map +0 -1
  259. package/build/toolbar-group/toolbar-group-collapsed.js.map +0 -1
  260. package/build/toolbar-group/toolbar-group-collapsed.native.js.map +0 -1
  261. package/build/toolbar-group/toolbar-group-container.js.map +0 -1
  262. package/build/toolbar-group/toolbar-group-container.native.js.map +0 -1
  263. package/build/toolbar-item/index.js.map +0 -1
  264. package/build/toolbar-item/index.native.js.map +0 -1
  265. package/build-module/toolbar/toolbar-container.js.map +0 -1
  266. package/build-module/toolbar/toolbar-container.native.js.map +0 -1
  267. package/build-module/toolbar-button/index.js.map +0 -1
  268. package/build-module/toolbar-button/toolbar-button-container.js.map +0 -1
  269. package/build-module/toolbar-button/toolbar-button-container.native.js.map +0 -1
  270. package/build-module/toolbar-context/index.js.map +0 -1
  271. package/build-module/toolbar-dropdown-menu/index.js.map +0 -1
  272. package/build-module/toolbar-group/index.js.map +0 -1
  273. package/build-module/toolbar-group/toolbar-group-collapsed.js.map +0 -1
  274. package/build-module/toolbar-group/toolbar-group-collapsed.native.js.map +0 -1
  275. package/build-module/toolbar-group/toolbar-group-container.js.map +0 -1
  276. package/build-module/toolbar-group/toolbar-group-container.native.js.map +0 -1
  277. package/build-module/toolbar-item/index.js.map +0 -1
  278. package/build-module/toolbar-item/index.native.js.map +0 -1
  279. package/src/item-group/stories/index.js +0 -270
  280. package/src/resizable-box/stories/index.js +0 -97
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sandbox/types.ts"],"names":[],"mappings":";AAAA,oBAAY,YAAY,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,iBAAiB,CAAE,CAAE,SAAS,CAAE,CAAC;CAChE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-panel/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAqB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,QAAQ,CAAE,EACzB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAmB,EACnB,cAAc,EACd,WAA0B,EAC1B,WAAyB,EACzB,QAAQ,GACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eA0ExD;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tab-panel/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAoB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,QAAQ,CAAE,EACzB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAmB,EACnB,cAAc,EACd,WAA0B,EAC1B,WAAyB,EACzB,QAAQ,GACR,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eAyFxD;AAED,eAAe,QAAQ,CAAC"}
@@ -9,4 +9,5 @@ import TabPanel from '..';
9
9
  declare const meta: ComponentMeta<typeof TabPanel>;
10
10
  export default meta;
11
11
  export declare const Default: ComponentStory<typeof TabPanel>;
12
+ export declare const DisabledTab: ComponentStory<typeof TabPanel>;
12
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tab-panel/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,QAAQ,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,iCAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tab-panel/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,QAAQ,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,iCAAsB,CAAC;AAe3C,eAAO,MAAM,WAAW,iCAAsB,CAAC"}
@@ -6,7 +6,7 @@ import type { ReactNode } from 'react';
6
6
  * Internal dependencies
7
7
  */
8
8
  import type { IconType } from '../icon';
9
- declare type Tab = {
9
+ declare type Tab<IconProps = unknown> = {
10
10
  /**
11
11
  * The key of the tab.
12
12
  */
@@ -19,17 +19,23 @@ declare type Tab = {
19
19
  * The class name to apply to the tab button.
20
20
  */
21
21
  className?: string;
22
+ /**
23
+ * The icon used for the tab button.
24
+ */
25
+ icon?: IconType<IconProps>;
26
+ /**
27
+ * Determines if the tab button should be disabled.
28
+ */
29
+ disabled?: boolean;
22
30
  } & Record<any, any>;
23
31
  export declare type TabButtonProps<IconProps = unknown> = {
24
32
  children: ReactNode;
25
- className?: string;
26
- icon?: IconType<IconProps>;
27
33
  label?: string;
28
34
  onClick: (event: MouseEvent) => void;
29
35
  selected: boolean;
30
36
  showTooltip?: boolean;
31
37
  tabId: string;
32
- };
38
+ } & Pick<Tab<IconProps>, 'className' | 'icon' | 'disabled'>;
33
39
  export declare type TabPanelProps = {
34
40
  /**
35
41
  * The class name to add to the active tab.
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tab-panel/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,aAAK,GAAG,GAAG;IACV;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,MAAM,CAAE,GAAG,EAAE,GAAG,CAAE,CAAC;AAEvB,oBAAY,cAAc,CAAE,SAAS,GAAG,OAAO,IAAK;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAE,SAAS,CAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAE,KAAK,EAAE,UAAU,KAAM,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAE,GAAG,EAAE,GAAG,KAAM,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tab-panel/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,aAAK,GAAG,CAAE,SAAS,GAAG,OAAO,IAAK;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAE,SAAS,CAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,MAAM,CAAE,GAAG,EAAE,GAAG,CAAE,CAAC;AAEvB,oBAAY,cAAc,CAAE,SAAS,GAAG,OAAO,IAAK;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAE,KAAK,EAAE,UAAU,KAAM,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAE,GAAG,CAAE,SAAS,CAAE,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,CAAE,CAAC;AAEhE,oBAAY,aAAa,GAAG;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAE,GAAG,EAAE,GAAG,KAAM,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;IACvC;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/components",
3
- "version": "23.1.0",
3
+ "version": "23.2.0",
4
4
  "description": "UI components for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -38,21 +38,21 @@
38
38
  "@emotion/utils": "^1.0.0",
39
39
  "@floating-ui/react-dom": "^1.0.0",
40
40
  "@use-gesture/react": "^10.2.6",
41
- "@wordpress/a11y": "^3.24.0",
42
- "@wordpress/compose": "^6.1.0",
43
- "@wordpress/date": "^4.24.0",
44
- "@wordpress/deprecated": "^3.24.0",
45
- "@wordpress/dom": "^3.24.0",
46
- "@wordpress/element": "^5.1.0",
47
- "@wordpress/escape-html": "^2.24.0",
48
- "@wordpress/hooks": "^3.24.0",
49
- "@wordpress/i18n": "^4.24.0",
50
- "@wordpress/icons": "^9.15.0",
51
- "@wordpress/is-shallow-equal": "^4.24.0",
52
- "@wordpress/keycodes": "^3.24.0",
53
- "@wordpress/primitives": "^3.22.0",
54
- "@wordpress/rich-text": "^6.1.0",
55
- "@wordpress/warning": "^2.24.0",
41
+ "@wordpress/a11y": "^3.25.0",
42
+ "@wordpress/compose": "^6.2.0",
43
+ "@wordpress/date": "^4.25.0",
44
+ "@wordpress/deprecated": "^3.25.0",
45
+ "@wordpress/dom": "^3.25.0",
46
+ "@wordpress/element": "^5.2.0",
47
+ "@wordpress/escape-html": "^2.25.0",
48
+ "@wordpress/hooks": "^3.25.0",
49
+ "@wordpress/i18n": "^4.25.0",
50
+ "@wordpress/icons": "^9.16.0",
51
+ "@wordpress/is-shallow-equal": "^4.25.0",
52
+ "@wordpress/keycodes": "^3.25.0",
53
+ "@wordpress/primitives": "^3.23.0",
54
+ "@wordpress/rich-text": "^6.2.0",
55
+ "@wordpress/warning": "^2.25.0",
56
56
  "change-case": "^4.1.2",
57
57
  "classnames": "^2.3.1",
58
58
  "colord": "^2.7.0",
@@ -80,5 +80,5 @@
80
80
  "publishConfig": {
81
81
  "access": "public"
82
82
  },
83
- "gitHead": "200bee7b06b15f6fa655e25b6ab69cbd6b49a357"
83
+ "gitHead": "204c880ff65295768e9695dfee6c7a9fee1fdd05"
84
84
  }
@@ -97,6 +97,7 @@ const ColorPicker = (
97
97
  <AuxiliaryColorArtefactWrapper>
98
98
  <AuxiliaryColorArtefactHStackHeader justify="space-between">
99
99
  <SelectControl
100
+ __nextHasNoMarginBottom
100
101
  options={ options }
101
102
  value={ colorType }
102
103
  onChange={ ( nextColorType ) =>
@@ -1,8 +1,3 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { boolean, select } from '@storybook/addon-knobs';
5
-
6
1
  /**
7
2
  * WordPress dependencies
8
3
  */
@@ -12,70 +7,35 @@ import { useState } from '@wordpress/element';
12
7
  * Internal dependencies
13
8
  */
14
9
  import { ColorPicker } from '..';
15
- import { Flex } from '../../flex';
16
- import { Spacer } from '../../spacer';
17
- import { space } from '../../ui/utils/space';
18
10
 
19
11
  export default {
20
12
  component: ColorPicker,
21
13
  title: 'Components/ColorPicker',
22
- parameters: {
23
- knobs: { disable: false },
14
+ argTypes: {
15
+ color: { control: { type: null } },
16
+ copyFormat: {
17
+ control: { type: 'select' },
18
+ options: [ 'rgb', 'hsl', 'hex', undefined ],
19
+ },
20
+ // We can't use a `on*` regex because this component will switch to
21
+ // legacy mode when an onChangeComplete prop is passed.
22
+ onChange: { action: 'onChange' },
24
23
  },
25
24
  };
26
25
 
27
- const PROP_UNSET = 'unset';
28
-
29
- const Example = () => {
30
- const [ color, setColor ] = useState( undefined );
31
- const props = {
32
- enableAlpha: boolean( 'enableAlpha', false ),
33
- copyFormat: select(
34
- 'copyFormat',
35
- [ PROP_UNSET, 'rgb', 'hsl', 'hex' ],
36
- PROP_UNSET
37
- ),
38
- };
39
-
40
- if ( props.copyFormat === PROP_UNSET ) {
41
- delete props.copyFormat;
42
- }
43
-
44
- return (
45
- <Flex
46
- as={ Spacer }
47
- gap={ space( 2 ) }
48
- justify="space-around"
49
- align="flex-start"
50
- marginTop={ space( 10 ) }
51
- >
52
- <ColorPicker { ...props } color={ color } onChange={ setColor } />
53
- <div style={ { width: 200, textAlign: 'center' } }>{ color }</div>
54
- <ColorPicker { ...props } color={ color } onChange={ setColor } />
55
- </Flex>
56
- );
57
- };
58
-
59
- export const _default = () => {
60
- return <Example />;
61
- };
62
-
63
- const LegacyExample = () => {
64
- const [ legacyColor, setLegacyColor ] = useState( '#fff' );
65
- const legacyProps = {
66
- color: legacyColor,
67
- onChangeComplete: setLegacyColor,
68
- disableAlpha: boolean( 'disableAlpha', true ),
69
- };
26
+ const Template = ( { onChange, ...props } ) => {
27
+ const [ color, setColor ] = useState();
70
28
 
71
29
  return (
72
- <Flex align="flex-start" justify="flex-start">
73
- <ColorPicker { ...legacyProps } />
74
- <pre style={ { width: '20em' } }>
75
- { JSON.stringify( legacyColor, undefined, 4 ) }
76
- </pre>
77
- </Flex>
30
+ <ColorPicker
31
+ { ...props }
32
+ color={ color }
33
+ onChange={ ( ...changeArgs ) => {
34
+ onChange( ...changeArgs );
35
+ setColor( ...changeArgs );
36
+ } }
37
+ />
78
38
  );
79
39
  };
80
40
 
81
- export const legacy = () => <LegacyExample />;
41
+ export const Default = Template.bind( {} );
@@ -9,7 +9,6 @@ import styled from '@emotion/styled';
9
9
  import NumberControl from '../number-control';
10
10
  import InnerSelectControl from '../select-control';
11
11
  import InnerRangeControl from '../range-control';
12
- import { StyledField } from '../base-control/styles/base-control-styles';
13
12
  import { space } from '../ui/utils/space';
14
13
  import { boxSizingReset } from '../utils';
15
14
  import Button from '../button';
@@ -111,10 +110,6 @@ export const ColorfulWrapper = styled.div`
111
110
  }
112
111
 
113
112
  ${ interactiveHueStyles }
114
-
115
- ${ StyledField } {
116
- margin-bottom: 0;
117
- }
118
113
  `;
119
114
 
120
115
  export const CopyButton = styled( Button )`
@@ -121,7 +121,15 @@ function ComboboxControl( {
121
121
  const onKeyDown = ( event ) => {
122
122
  let preventDefault = false;
123
123
 
124
- if ( event.defaultPrevented ) {
124
+ if (
125
+ event.defaultPrevented ||
126
+ // Ignore keydowns from IMEs
127
+ event.nativeEvent.isComposing ||
128
+ // Workaround for Mac Safari where the final Enter/Backspace of an IME composition
129
+ // is `isComposing=false`, even though it's technically still part of the composition.
130
+ // These can only be detected by keyCode.
131
+ event.keyCode === 229
132
+ ) {
125
133
  return;
126
134
  }
127
135
 
@@ -3,12 +3,6 @@ export type DashiconProps = {
3
3
  * The icon name
4
4
  */
5
5
  icon: IconKey;
6
-
7
- /**
8
- * Class name
9
- */
10
- className?: string;
11
-
12
6
  /**
13
7
  * Size of the icon
14
8
  */
@@ -59,7 +59,7 @@ Image.args = {
59
59
  export const Video = Template.bind( {} );
60
60
  Video.args = {
61
61
  ...Default.args,
62
- url: 'https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm',
62
+ url: 'data:video/mp4;base64,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',
63
63
  };
64
64
 
65
65
  export const Snapping = Template.bind( {} );
@@ -35,7 +35,10 @@ export function getExtension( filename = '' ): string {
35
35
  */
36
36
  export function isVideoType( filename: string = '' ): boolean {
37
37
  if ( ! filename ) return false;
38
- return VIDEO_EXTENSIONS.includes( getExtension( filename ) );
38
+ return (
39
+ filename.startsWith( 'data:video/' ) ||
40
+ VIDEO_EXTENSIONS.includes( getExtension( filename ) )
41
+ );
39
42
  }
40
43
 
41
44
  /**
@@ -1,8 +1,3 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { text, number } from '@storybook/addon-knobs';
5
-
6
1
  /**
7
2
  * WordPress dependencies
8
3
  */
@@ -17,20 +12,19 @@ import Guide from '../';
17
12
  export default {
18
13
  title: 'Components/Guide',
19
14
  component: Guide,
20
- parameters: {
21
- knobs: { disable: false },
15
+ argTypes: {
16
+ contentLabel: { control: 'text' },
17
+ finishButtonText: { control: 'text' },
18
+ onFinish: { action: 'onFinish' },
22
19
  },
23
20
  };
24
21
 
25
- const ModalExample = ( { numberOfPages, ...props } ) => {
22
+ const Template = ( { onFinish, ...props } ) => {
26
23
  const [ isOpen, setOpen ] = useState( false );
27
24
 
28
25
  const openGuide = () => setOpen( true );
29
26
  const closeGuide = () => setOpen( false );
30
27
 
31
- const loremIpsum =
32
- 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
33
-
34
28
  return (
35
29
  <>
36
30
  <Button variant="secondary" onClick={ openGuide }>
@@ -39,40 +33,19 @@ const ModalExample = ( { numberOfPages, ...props } ) => {
39
33
  { isOpen && (
40
34
  <Guide
41
35
  { ...props }
42
- onFinish={ closeGuide }
43
- pages={ Array.from( { length: numberOfPages } ).map(
44
- ( _, page ) => ( {
45
- content: (
46
- <>
47
- <h1>
48
- Page { page + 1 } of { numberOfPages }
49
- </h1>
50
- <p>{ loremIpsum }</p>
51
- </>
52
- ),
53
- } )
54
- ) }
36
+ onFinish={ ( ...finishArgs ) => {
37
+ closeGuide( ...finishArgs );
38
+ onFinish( ...finishArgs );
39
+ } }
55
40
  />
56
41
  ) }
57
42
  </>
58
43
  );
59
44
  };
60
45
 
61
- export const _default = () => {
62
- const finishButtonText = text( 'finishButtonText', 'Finish' );
63
- const contentLabel = text( 'title', 'Guide title' );
64
- const numberOfPages = number( 'numberOfPages', 3, {
65
- range: true,
66
- min: 1,
67
- max: 10,
68
- step: 1,
69
- } );
70
-
71
- const modalProps = {
72
- finishButtonText,
73
- contentLabel,
74
- numberOfPages,
75
- };
76
-
77
- return <ModalExample { ...modalProps } />;
46
+ export const Default = Template.bind( {} );
47
+ Default.args = {
48
+ pages: Array.from( { length: 3 } ).map( ( _, page ) => ( {
49
+ content: <p>{ `Page ${ page + 1 }` }</p>,
50
+ } ) ),
78
51
  };
package/src/index.js CHANGED
@@ -155,12 +155,14 @@ export {
155
155
  ToggleGroupControlOption as __experimentalToggleGroupControlOption,
156
156
  ToggleGroupControlOptionIcon as __experimentalToggleGroupControlOptionIcon,
157
157
  } from './toggle-group-control';
158
- export { default as Toolbar } from './toolbar';
159
- export { default as ToolbarButton } from './toolbar-button';
160
- export { default as ToolbarDropdownMenu } from './toolbar-dropdown-menu';
161
- export { default as __experimentalToolbarContext } from './toolbar-context';
162
- export { default as ToolbarGroup } from './toolbar-group';
163
- export { default as ToolbarItem } from './toolbar-item';
158
+ export {
159
+ Toolbar,
160
+ ToolbarButton,
161
+ ToolbarContext as __experimentalToolbarContext,
162
+ ToolbarDropdownMenu,
163
+ ToolbarGroup,
164
+ ToolbarItem,
165
+ } from './toolbar';
164
166
  export {
165
167
  ToolsPanel as __experimentalToolsPanel,
166
168
  ToolsPanelItem as __experimentalToolsPanelItem,
@@ -15,12 +15,14 @@ export { default as Dashicon } from './dashicon';
15
15
  export { default as Dropdown } from './dropdown';
16
16
  export { default as DropdownMenu } from './dropdown-menu';
17
17
  export { default as FocalPointPicker } from './focal-point-picker';
18
- export { default as Toolbar } from './toolbar';
19
- export { default as ToolbarButton } from './toolbar-button';
20
- export { default as __experimentalToolbarContext } from './toolbar-context';
21
- export { default as ToolbarGroup } from './toolbar-group';
22
- export { default as ToolbarItem } from './toolbar-item';
23
- export { default as ToolbarDropdownMenu } from './toolbar-dropdown-menu';
18
+ export {
19
+ Toolbar,
20
+ ToolbarButton,
21
+ ToolbarContext as __experimentalToolbarContext,
22
+ ToolbarDropdownMenu,
23
+ ToolbarGroup,
24
+ ToolbarItem,
25
+ } from './toolbar';
24
26
  export { default as Tooltip } from './tooltip';
25
27
  export { default as Icon } from './icon';
26
28
  export { default as Spinner } from './spinner';
@@ -11,7 +11,7 @@ import { useItem } from './hook';
11
11
  import { contextConnect, WordPressComponentProps } from '../../ui/context';
12
12
  import { View } from '../../view';
13
13
 
14
- function Item(
14
+ function UnconnectedItem(
15
15
  props: WordPressComponentProps< ItemProps, 'div' >,
16
16
  forwardedRef: ForwardedRef< any >
17
17
  ) {
@@ -24,4 +24,28 @@ function Item(
24
24
  );
25
25
  }
26
26
 
27
- export default contextConnect( Item, 'Item' );
27
+ /**
28
+ * `Item` is used in combination with `ItemGroup` to display a list of items
29
+ * grouped and styled together.
30
+ *
31
+ * @example
32
+ * ```jsx
33
+ * import {
34
+ * __experimentalItemGroup as ItemGroup,
35
+ * __experimentalItem as Item,
36
+ * } from '@wordpress/components';
37
+ *
38
+ * function Example() {
39
+ * return (
40
+ * <ItemGroup>
41
+ * <Item>Code</Item>
42
+ * <Item>is</Item>
43
+ * <Item>Poetry</Item>
44
+ * </ItemGroup>
45
+ * );
46
+ * }
47
+ * ```
48
+ */
49
+ export const Item = contextConnect( UnconnectedItem, 'Item' );
50
+
51
+ export default Item;
@@ -12,7 +12,7 @@ import { ItemGroupContext, useItemGroupContext } from '../context';
12
12
  import { View } from '../../view';
13
13
  import type { ItemGroupProps } from '../types';
14
14
 
15
- function ItemGroup(
15
+ function UnconnectedItemGroup(
16
16
  props: WordPressComponentProps< ItemGroupProps, 'div' >,
17
17
  forwardedRef: ForwardedRef< any >
18
18
  ) {
@@ -40,4 +40,27 @@ function ItemGroup(
40
40
  );
41
41
  }
42
42
 
43
- export default contextConnect( ItemGroup, 'ItemGroup' );
43
+ /**
44
+ * `ItemGroup` displays a list of `Item`s grouped and styled together.
45
+ *
46
+ * @example
47
+ * ```jsx
48
+ * import {
49
+ * __experimentalItemGroup as ItemGroup,
50
+ * __experimentalItem as Item,
51
+ * } from '@wordpress/components';
52
+ *
53
+ * function Example() {
54
+ * return (
55
+ * <ItemGroup>
56
+ * <Item>Code</Item>
57
+ * <Item>is</Item>
58
+ * <Item>Poetry</Item>
59
+ * </ItemGroup>
60
+ * );
61
+ * }
62
+ * ```
63
+ */
64
+ export const ItemGroup = contextConnect( UnconnectedItemGroup, 'ItemGroup' );
65
+
66
+ export default ItemGroup;