@wordpress/components 33.1.1-next.v.202605131032.0 → 34.0.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 (435) hide show
  1. package/CHANGELOG.md +30 -1
  2. package/build/autocomplete/index.cjs +5 -4
  3. package/build/autocomplete/index.cjs.map +3 -3
  4. package/build/border-control/border-control-dropdown/component.cjs +33 -33
  5. package/build/border-control/border-control-dropdown/component.cjs.map +3 -3
  6. package/build/box-control/index.cjs +0 -6
  7. package/build/box-control/index.cjs.map +2 -2
  8. package/build/box-control/utils.cjs +0 -38
  9. package/build/box-control/utils.cjs.map +3 -3
  10. package/build/custom-gradient-picker/gradient-bar/index.cjs.map +2 -2
  11. package/build/disabled/index.cjs +1 -1
  12. package/build/disabled/index.cjs.map +2 -2
  13. package/build/draggable/index.cjs +101 -7
  14. package/build/draggable/index.cjs.map +3 -3
  15. package/build/form-token-field/index.cjs +41 -7
  16. package/build/form-token-field/index.cjs.map +2 -2
  17. package/build/higher-order/with-notices/index.cjs +3 -15
  18. package/build/higher-order/with-notices/index.cjs.map +2 -2
  19. package/build/index.cjs +0 -17
  20. package/build/index.cjs.map +2 -2
  21. package/build/input-control/input-base.cjs +31 -34
  22. package/build/input-control/input-base.cjs.map +2 -2
  23. package/build/notice/index.cjs +33 -35
  24. package/build/notice/index.cjs.map +2 -2
  25. package/build/popover/index.cjs +12 -0
  26. package/build/popover/index.cjs.map +2 -2
  27. package/build/responsive-wrapper/index.cjs +4 -3
  28. package/build/responsive-wrapper/index.cjs.map +2 -2
  29. package/build/tabs/styles.cjs +5 -5
  30. package/build/tabs/styles.cjs.map +2 -2
  31. package/build/tooltip/index.cjs +2 -1
  32. package/build/tooltip/index.cjs.map +2 -2
  33. package/build-module/autocomplete/index.mjs +6 -5
  34. package/build-module/autocomplete/index.mjs.map +2 -2
  35. package/build-module/border-control/border-control-dropdown/component.mjs +34 -34
  36. package/build-module/border-control/border-control-dropdown/component.mjs.map +2 -2
  37. package/build-module/box-control/index.mjs +0 -2
  38. package/build-module/box-control/index.mjs.map +2 -2
  39. package/build-module/box-control/utils.mjs +0 -27
  40. package/build-module/box-control/utils.mjs.map +2 -2
  41. package/build-module/custom-gradient-picker/gradient-bar/index.mjs.map +2 -2
  42. package/build-module/disabled/index.mjs +1 -1
  43. package/build-module/disabled/index.mjs.map +2 -2
  44. package/build-module/draggable/index.mjs +101 -7
  45. package/build-module/draggable/index.mjs.map +3 -3
  46. package/build-module/form-token-field/index.mjs +41 -7
  47. package/build-module/form-token-field/index.mjs.map +2 -2
  48. package/build-module/higher-order/with-notices/index.mjs +4 -16
  49. package/build-module/higher-order/with-notices/index.mjs.map +2 -2
  50. package/build-module/index.mjs +87 -99
  51. package/build-module/index.mjs.map +2 -2
  52. package/build-module/input-control/input-base.mjs +31 -34
  53. package/build-module/input-control/input-base.mjs.map +2 -2
  54. package/build-module/notice/index.mjs +34 -36
  55. package/build-module/notice/index.mjs.map +2 -2
  56. package/build-module/popover/index.mjs +12 -0
  57. package/build-module/popover/index.mjs.map +2 -2
  58. package/build-module/responsive-wrapper/index.mjs +4 -3
  59. package/build-module/responsive-wrapper/index.mjs.map +2 -2
  60. package/build-module/tabs/styles.mjs +5 -5
  61. package/build-module/tabs/styles.mjs.map +2 -2
  62. package/build-module/tooltip/index.mjs +2 -1
  63. package/build-module/tooltip/index.mjs.map +2 -2
  64. package/build-style/style-rtl.css +64 -66
  65. package/build-style/style.css +64 -66
  66. package/build-types/autocomplete/index.d.ts.map +1 -1
  67. package/build-types/badge/stories/e2e/index.story.d.ts +7 -0
  68. package/build-types/badge/stories/e2e/index.story.d.ts.map +1 -0
  69. package/build-types/border-box-control/border-box-control/hook.d.ts +24 -10
  70. package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
  71. package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +26 -12
  72. package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts.map +1 -1
  73. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +24 -10
  74. package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts.map +1 -1
  75. package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +25 -11
  76. package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts.map +1 -1
  77. package/build-types/border-control/border-control/hook.d.ts +24 -10
  78. package/build-types/border-control/border-control/hook.d.ts.map +1 -1
  79. package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
  80. package/build-types/border-control/border-control-dropdown/hook.d.ts +23 -9
  81. package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
  82. package/build-types/box-control/index.d.ts +0 -1
  83. package/build-types/box-control/index.d.ts.map +1 -1
  84. package/build-types/box-control/styles/box-control-styles.d.ts +3 -4
  85. package/build-types/box-control/styles/box-control-styles.d.ts.map +1 -1
  86. package/build-types/box-control/utils.d.ts +0 -13
  87. package/build-types/box-control/utils.d.ts.map +1 -1
  88. package/build-types/button/stories/e2e/index.story.d.ts +1 -0
  89. package/build-types/button/stories/e2e/index.story.d.ts.map +1 -1
  90. package/build-types/card/card/hook.d.ts +25 -11
  91. package/build-types/card/card/hook.d.ts.map +1 -1
  92. package/build-types/card/card-body/hook.d.ts +25 -11
  93. package/build-types/card/card-body/hook.d.ts.map +1 -1
  94. package/build-types/card/card-divider/hook.d.ts +26 -12
  95. package/build-types/card/card-divider/hook.d.ts.map +1 -1
  96. package/build-types/card/card-footer/hook.d.ts +25 -11
  97. package/build-types/card/card-footer/hook.d.ts.map +1 -1
  98. package/build-types/card/card-header/hook.d.ts +25 -11
  99. package/build-types/card/card-header/hook.d.ts.map +1 -1
  100. package/build-types/card/card-media/hook.d.ts +25 -11
  101. package/build-types/card/card-media/hook.d.ts.map +1 -1
  102. package/build-types/color-picker/styles.d.ts +3 -4
  103. package/build-types/color-picker/styles.d.ts.map +1 -1
  104. package/build-types/composite/stories/index.story.d.ts.map +1 -1
  105. package/build-types/custom-gradient-picker/gradient-bar/index.d.ts.map +1 -1
  106. package/build-types/custom-select-control-v2/styles.d.ts +4 -12
  107. package/build-types/custom-select-control-v2/styles.d.ts.map +1 -1
  108. package/build-types/date-time/time-picker/styles.d.ts +4 -4
  109. package/build-types/draggable/index.d.ts.map +1 -1
  110. package/build-types/draggable/stories/index.story.d.ts +4 -5
  111. package/build-types/draggable/stories/index.story.d.ts.map +1 -1
  112. package/build-types/draggable/types.d.ts +4 -0
  113. package/build-types/draggable/types.d.ts.map +1 -1
  114. package/build-types/elevation/hook.d.ts +25 -11
  115. package/build-types/elevation/hook.d.ts.map +1 -1
  116. package/build-types/flex/flex/hook.d.ts +25 -11
  117. package/build-types/flex/flex/hook.d.ts.map +1 -1
  118. package/build-types/flex/flex-block/hook.d.ts +25 -11
  119. package/build-types/flex/flex-block/hook.d.ts.map +1 -1
  120. package/build-types/flex/flex-item/hook.d.ts +25 -11
  121. package/build-types/flex/flex-item/hook.d.ts.map +1 -1
  122. package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +1 -1
  123. package/build-types/form-token-field/index.d.ts.map +1 -1
  124. package/build-types/grid/hook.d.ts +25 -11
  125. package/build-types/grid/hook.d.ts.map +1 -1
  126. package/build-types/h-stack/hook.d.ts +25 -11
  127. package/build-types/h-stack/hook.d.ts.map +1 -1
  128. package/build-types/heading/hook.d.ts +25 -11
  129. package/build-types/heading/hook.d.ts.map +1 -1
  130. package/build-types/higher-order/with-fallback-styles/index.d.ts +1 -3
  131. package/build-types/higher-order/with-filters/index.d.ts +1 -6
  132. package/build-types/higher-order/with-filters/index.d.ts.map +1 -1
  133. package/build-types/higher-order/with-notices/index.d.ts +2 -4
  134. package/build-types/higher-order/with-notices/index.d.ts.map +1 -1
  135. package/build-types/icon/stories/index.story.d.ts +0 -6
  136. package/build-types/icon/stories/index.story.d.ts.map +1 -1
  137. package/build-types/index.d.ts +1 -6
  138. package/build-types/index.d.ts.map +1 -1
  139. package/build-types/input-control/reducer/reducer.d.ts +1 -1
  140. package/build-types/item-group/item/hook.d.ts +25 -11
  141. package/build-types/item-group/item/hook.d.ts.map +1 -1
  142. package/build-types/item-group/item-group/hook.d.ts +25 -11
  143. package/build-types/item-group/item-group/hook.d.ts.map +1 -1
  144. package/build-types/menu/stories/index.story.d.ts.map +1 -1
  145. package/build-types/menu/styles.d.ts +7 -21
  146. package/build-types/menu/styles.d.ts.map +1 -1
  147. package/build-types/modal/use-modal-exit-animation.d.ts +1 -1
  148. package/build-types/navigator/navigator-back-button/hook.d.ts +26 -12
  149. package/build-types/navigator/navigator-back-button/hook.d.ts.map +1 -1
  150. package/build-types/navigator/navigator-button/hook.d.ts +26 -12
  151. package/build-types/navigator/navigator-button/hook.d.ts.map +1 -1
  152. package/build-types/notice/index.d.ts.map +1 -1
  153. package/build-types/notice/types.d.ts +1 -2
  154. package/build-types/notice/types.d.ts.map +1 -1
  155. package/build-types/number-control/index.d.ts +1 -1
  156. package/build-types/number-control/index.d.ts.map +1 -1
  157. package/build-types/number-control/stories/index.story.d.ts +1 -1
  158. package/build-types/number-control/stories/index.story.d.ts.map +1 -1
  159. package/build-types/popover/index.d.ts.map +1 -1
  160. package/build-types/popover/types.d.ts +2 -2
  161. package/build-types/popover/types.d.ts.map +1 -1
  162. package/build-types/range-control/index.d.ts +2 -3
  163. package/build-types/range-control/index.d.ts.map +1 -1
  164. package/build-types/range-control/stories/index.story.d.ts.map +1 -1
  165. package/build-types/range-control/styles/range-control-styles.d.ts +1 -1
  166. package/build-types/range-control/types.d.ts +1 -5
  167. package/build-types/range-control/types.d.ts.map +1 -1
  168. package/build-types/responsive-wrapper/index.d.ts.map +1 -1
  169. package/build-types/scrollable/hook.d.ts +25 -11
  170. package/build-types/scrollable/hook.d.ts.map +1 -1
  171. package/build-types/snackbar/index.d.ts +2 -2
  172. package/build-types/snackbar/types.d.ts +2 -2
  173. package/build-types/snackbar/types.d.ts.map +1 -1
  174. package/build-types/spacer/hook.d.ts +25 -11
  175. package/build-types/spacer/hook.d.ts.map +1 -1
  176. package/build-types/surface/hook.d.ts +25 -11
  177. package/build-types/surface/hook.d.ts.map +1 -1
  178. package/build-types/tab-panel/stories/index.story.d.ts +0 -6
  179. package/build-types/tab-panel/stories/index.story.d.ts.map +1 -1
  180. package/build-types/tabs/stories/index.story.d.ts +0 -6
  181. package/build-types/tabs/stories/index.story.d.ts.map +1 -1
  182. package/build-types/tabs/styles.d.ts +3 -9
  183. package/build-types/tabs/styles.d.ts.map +1 -1
  184. package/build-types/text/hook.d.ts +25 -11
  185. package/build-types/text/hook.d.ts.map +1 -1
  186. package/build-types/tools-panel/tools-panel/hook.d.ts +25 -11
  187. package/build-types/tools-panel/tools-panel/hook.d.ts.map +1 -1
  188. package/build-types/tools-panel/tools-panel-header/hook.d.ts +25 -11
  189. package/build-types/tools-panel/tools-panel-header/hook.d.ts.map +1 -1
  190. package/build-types/tools-panel/tools-panel-item/hook.d.ts +25 -11
  191. package/build-types/tools-panel/tools-panel-item/hook.d.ts.map +1 -1
  192. package/build-types/tooltip/index.d.ts.map +1 -1
  193. package/build-types/truncate/hook.d.ts +25 -11
  194. package/build-types/truncate/hook.d.ts.map +1 -1
  195. package/build-types/unit-control/index.d.ts +1 -1
  196. package/build-types/unit-control/index.d.ts.map +1 -1
  197. package/build-types/unit-control/styles/unit-control-styles.d.ts +1 -1
  198. package/build-types/utils/get-node-text.d.ts.map +1 -1
  199. package/build-types/v-stack/hook.d.ts +25 -11
  200. package/build-types/v-stack/hook.d.ts.map +1 -1
  201. package/build-types/validated-form-controls/components/number-control.d.ts +1 -1
  202. package/build-types/validated-form-controls/components/number-control.d.ts.map +1 -1
  203. package/build-types/validated-form-controls/components/range-control.d.ts +2 -3
  204. package/build-types/validated-form-controls/components/range-control.d.ts.map +1 -1
  205. package/build-types/validated-form-controls/control-with-error.d.ts +4 -1
  206. package/build-types/validated-form-controls/control-with-error.d.ts.map +1 -1
  207. package/package.json +27 -25
  208. package/src/autocomplete/README.md +1 -1
  209. package/src/autocomplete/index.tsx +25 -7
  210. package/src/badge/stories/e2e/index.story.tsx +21 -0
  211. package/src/border-control/border-control-dropdown/component.tsx +36 -37
  212. package/src/box-control/index.tsx +0 -1
  213. package/src/box-control/utils.ts +0 -43
  214. package/src/button/stories/e2e/index.story.tsx +11 -0
  215. package/src/composite/stories/index.story.tsx +0 -1
  216. package/src/custom-gradient-picker/gradient-bar/index.tsx +1 -1
  217. package/src/disabled/index.tsx +1 -1
  218. package/src/draggable/index.tsx +32 -10
  219. package/src/draggable/stories/index.story.tsx +11 -6
  220. package/src/draggable/style.module.scss +29 -0
  221. package/src/draggable/types.ts +4 -0
  222. package/src/form-file-upload/README.md +1 -1
  223. package/src/form-token-field/index.tsx +84 -8
  224. package/src/form-token-field/test/index.tsx +189 -0
  225. package/src/h-stack/hook.tsx +1 -1
  226. package/src/higher-order/with-notices/index.tsx +4 -21
  227. package/src/higher-order/with-notices/test/index.tsx +0 -18
  228. package/src/icon/stories/index.story.tsx +2 -14
  229. package/src/index.ts +0 -6
  230. package/src/input-control/input-base.tsx +2 -2
  231. package/src/menu/README.md +7 -7
  232. package/src/menu/stories/index.story.tsx +0 -1
  233. package/src/menu/test/index.tsx +9 -4
  234. package/src/modal/style.scss +2 -1
  235. package/src/notice/README.md +1 -2
  236. package/src/notice/index.tsx +57 -64
  237. package/src/notice/style.scss +49 -41
  238. package/src/notice/test/__snapshots__/index.tsx.snap +23 -23
  239. package/src/notice/test/index.tsx +5 -5
  240. package/src/notice/types.ts +1 -2
  241. package/src/popover/index.tsx +29 -1
  242. package/src/popover/test/index.tsx +138 -1
  243. package/src/popover/types.ts +2 -4
  244. package/src/range-control/stories/index.story.tsx +0 -1
  245. package/src/range-control/types.ts +1 -5
  246. package/src/responsive-wrapper/index.tsx +7 -3
  247. package/src/snackbar/README.md +1 -1
  248. package/src/snackbar/types.ts +2 -2
  249. package/src/style.scss +0 -1
  250. package/src/tab-panel/stories/index.story.tsx +2 -13
  251. package/src/tab-panel/style.scss +36 -14
  252. package/src/tabs/README.md +1 -1
  253. package/src/tabs/stories/index.story.tsx +2 -14
  254. package/src/tabs/styles.ts +3 -8
  255. package/src/tabs/tablist.tsx +1 -1
  256. package/src/tooltip/index.tsx +7 -1
  257. package/src/tree-grid/test/cell.tsx +0 -1
  258. package/src/tree-grid/test/roving-tab-index-item.tsx +0 -1
  259. package/src/tree-select/README.md +1 -1
  260. package/src/utils/get-node-text.ts +7 -1
  261. package/src/validated-form-controls/control-with-error.tsx +6 -1
  262. package/build/navigation/back-button/index.cjs +0 -86
  263. package/build/navigation/back-button/index.cjs.map +0 -7
  264. package/build/navigation/constants.cjs +0 -34
  265. package/build/navigation/constants.cjs.map +0 -7
  266. package/build/navigation/context.cjs +0 -58
  267. package/build/navigation/context.cjs.map +0 -7
  268. package/build/navigation/group/context.cjs +0 -38
  269. package/build/navigation/group/context.cjs.map +0 -7
  270. package/build/navigation/group/index.cjs +0 -88
  271. package/build/navigation/group/index.cjs.map +0 -7
  272. package/build/navigation/index.cjs +0 -113
  273. package/build/navigation/index.cjs.map +0 -7
  274. package/build/navigation/item/base-content.cjs +0 -44
  275. package/build/navigation/item/base-content.cjs.map +0 -7
  276. package/build/navigation/item/base.cjs +0 -66
  277. package/build/navigation/item/base.cjs.map +0 -7
  278. package/build/navigation/item/index.cjs +0 -119
  279. package/build/navigation/item/index.cjs.map +0 -7
  280. package/build/navigation/item/use-navigation-tree-item.cjs +0 -64
  281. package/build/navigation/item/use-navigation-tree-item.cjs.map +0 -7
  282. package/build/navigation/menu/context.cjs +0 -39
  283. package/build/navigation/menu/context.cjs.map +0 -7
  284. package/build/navigation/menu/index.cjs +0 -114
  285. package/build/navigation/menu/index.cjs.map +0 -7
  286. package/build/navigation/menu/menu-title-search.cjs +0 -111
  287. package/build/navigation/menu/menu-title-search.cjs.map +0 -7
  288. package/build/navigation/menu/menu-title.cjs +0 -104
  289. package/build/navigation/menu/menu-title.cjs.map +0 -7
  290. package/build/navigation/menu/search-no-results-found.cjs +0 -48
  291. package/build/navigation/menu/search-no-results-found.cjs.map +0 -7
  292. package/build/navigation/menu/use-navigation-tree-menu.cjs +0 -51
  293. package/build/navigation/menu/use-navigation-tree-menu.cjs.map +0 -7
  294. package/build/navigation/styles/navigation-styles.cjs +0 -170
  295. package/build/navigation/styles/navigation-styles.cjs.map +0 -7
  296. package/build/navigation/types.cjs +0 -19
  297. package/build/navigation/types.cjs.map +0 -7
  298. package/build/navigation/use-create-navigation-tree.cjs +0 -103
  299. package/build/navigation/use-create-navigation-tree.cjs.map +0 -7
  300. package/build/navigation/use-navigation-tree-nodes.cjs +0 -60
  301. package/build/navigation/use-navigation-tree-nodes.cjs.map +0 -7
  302. package/build/navigation/utils.cjs +0 -45
  303. package/build/navigation/utils.cjs.map +0 -7
  304. package/build-module/navigation/back-button/index.mjs +0 -51
  305. package/build-module/navigation/back-button/index.mjs.map +0 -7
  306. package/build-module/navigation/constants.mjs +0 -8
  307. package/build-module/navigation/constants.mjs.map +0 -7
  308. package/build-module/navigation/context.mjs +0 -32
  309. package/build-module/navigation/context.mjs.map +0 -7
  310. package/build-module/navigation/group/context.mjs +0 -12
  311. package/build-module/navigation/group/context.mjs.map +0 -7
  312. package/build-module/navigation/group/index.mjs +0 -53
  313. package/build-module/navigation/group/index.mjs.map +0 -7
  314. package/build-module/navigation/index.mjs +0 -78
  315. package/build-module/navigation/index.mjs.map +0 -7
  316. package/build-module/navigation/item/base-content.mjs +0 -23
  317. package/build-module/navigation/item/base-content.mjs.map +0 -7
  318. package/build-module/navigation/item/base.mjs +0 -35
  319. package/build-module/navigation/item/base.mjs.map +0 -7
  320. package/build-module/navigation/item/index.mjs +0 -84
  321. package/build-module/navigation/item/index.mjs.map +0 -7
  322. package/build-module/navigation/item/use-navigation-tree-item.mjs +0 -39
  323. package/build-module/navigation/item/use-navigation-tree-item.mjs.map +0 -7
  324. package/build-module/navigation/menu/context.mjs +0 -13
  325. package/build-module/navigation/menu/context.mjs.map +0 -7
  326. package/build-module/navigation/menu/index.mjs +0 -79
  327. package/build-module/navigation/menu/index.mjs.map +0 -7
  328. package/build-module/navigation/menu/menu-title-search.mjs +0 -80
  329. package/build-module/navigation/menu/menu-title-search.mjs.map +0 -7
  330. package/build-module/navigation/menu/menu-title.mjs +0 -73
  331. package/build-module/navigation/menu/menu-title.mjs.map +0 -7
  332. package/build-module/navigation/menu/search-no-results-found.mjs +0 -27
  333. package/build-module/navigation/menu/search-no-results-found.mjs.map +0 -7
  334. package/build-module/navigation/menu/use-navigation-tree-menu.mjs +0 -26
  335. package/build-module/navigation/menu/use-navigation-tree-menu.mjs.map +0 -7
  336. package/build-module/navigation/styles/navigation-styles.mjs +0 -124
  337. package/build-module/navigation/styles/navigation-styles.mjs.map +0 -7
  338. package/build-module/navigation/types.mjs +0 -1
  339. package/build-module/navigation/types.mjs.map +0 -7
  340. package/build-module/navigation/use-create-navigation-tree.mjs +0 -78
  341. package/build-module/navigation/use-create-navigation-tree.mjs.map +0 -7
  342. package/build-module/navigation/use-navigation-tree-nodes.mjs +0 -35
  343. package/build-module/navigation/use-navigation-tree-nodes.mjs.map +0 -7
  344. package/build-module/navigation/utils.mjs +0 -9
  345. package/build-module/navigation/utils.mjs.map +0 -7
  346. package/build-types/navigation/back-button/index.d.ts +0 -7
  347. package/build-types/navigation/back-button/index.d.ts.map +0 -1
  348. package/build-types/navigation/constants.d.ts +0 -3
  349. package/build-types/navigation/constants.d.ts.map +0 -1
  350. package/build-types/navigation/context.d.ts +0 -4
  351. package/build-types/navigation/context.d.ts.map +0 -1
  352. package/build-types/navigation/group/context.d.ts +0 -7
  353. package/build-types/navigation/group/context.d.ts.map +0 -1
  354. package/build-types/navigation/group/index.d.ts +0 -7
  355. package/build-types/navigation/group/index.d.ts.map +0 -1
  356. package/build-types/navigation/index.d.ts +0 -46
  357. package/build-types/navigation/index.d.ts.map +0 -1
  358. package/build-types/navigation/item/base-content.d.ts +0 -3
  359. package/build-types/navigation/item/base-content.d.ts.map +0 -1
  360. package/build-types/navigation/item/base.d.ts +0 -3
  361. package/build-types/navigation/item/base.d.ts.map +0 -1
  362. package/build-types/navigation/item/index.d.ts +0 -7
  363. package/build-types/navigation/item/index.d.ts.map +0 -1
  364. package/build-types/navigation/item/use-navigation-tree-item.d.ts +0 -3
  365. package/build-types/navigation/item/use-navigation-tree-item.d.ts.map +0 -1
  366. package/build-types/navigation/menu/context.d.ts +0 -7
  367. package/build-types/navigation/menu/context.d.ts.map +0 -1
  368. package/build-types/navigation/menu/index.d.ts +0 -7
  369. package/build-types/navigation/menu/index.d.ts.map +0 -1
  370. package/build-types/navigation/menu/menu-title-search.d.ts +0 -3
  371. package/build-types/navigation/menu/menu-title-search.d.ts.map +0 -1
  372. package/build-types/navigation/menu/menu-title.d.ts +0 -3
  373. package/build-types/navigation/menu/menu-title.d.ts.map +0 -1
  374. package/build-types/navigation/menu/search-no-results-found.d.ts +0 -3
  375. package/build-types/navigation/menu/search-no-results-found.d.ts.map +0 -1
  376. package/build-types/navigation/menu/use-navigation-tree-menu.d.ts +0 -3
  377. package/build-types/navigation/menu/use-navigation-tree-menu.d.ts.map +0 -1
  378. package/build-types/navigation/stories/index.story.d.ts +0 -23
  379. package/build-types/navigation/stories/index.story.d.ts.map +0 -1
  380. package/build-types/navigation/stories/utils/controlled-state.d.ts +0 -7
  381. package/build-types/navigation/stories/utils/controlled-state.d.ts.map +0 -1
  382. package/build-types/navigation/stories/utils/default.d.ts +0 -10
  383. package/build-types/navigation/stories/utils/default.d.ts.map +0 -1
  384. package/build-types/navigation/stories/utils/group.d.ts +0 -10
  385. package/build-types/navigation/stories/utils/group.d.ts.map +0 -1
  386. package/build-types/navigation/stories/utils/hide-if-empty.d.ts +0 -10
  387. package/build-types/navigation/stories/utils/hide-if-empty.d.ts.map +0 -1
  388. package/build-types/navigation/stories/utils/more-examples.d.ts +0 -10
  389. package/build-types/navigation/stories/utils/more-examples.d.ts.map +0 -1
  390. package/build-types/navigation/stories/utils/search.d.ts +0 -10
  391. package/build-types/navigation/stories/utils/search.d.ts.map +0 -1
  392. package/build-types/navigation/styles/navigation-styles.d.ts +0 -55
  393. package/build-types/navigation/styles/navigation-styles.d.ts.map +0 -1
  394. package/build-types/navigation/test/index.d.ts +0 -2
  395. package/build-types/navigation/test/index.d.ts.map +0 -1
  396. package/build-types/navigation/types.d.ts +0 -266
  397. package/build-types/navigation/types.d.ts.map +0 -1
  398. package/build-types/navigation/use-create-navigation-tree.d.ts +0 -15
  399. package/build-types/navigation/use-create-navigation-tree.d.ts.map +0 -1
  400. package/build-types/navigation/use-navigation-tree-nodes.d.ts +0 -10
  401. package/build-types/navigation/use-navigation-tree-nodes.d.ts.map +0 -1
  402. package/build-types/navigation/utils.d.ts +0 -3
  403. package/build-types/navigation/utils.d.ts.map +0 -1
  404. package/src/draggable/style.scss +0 -21
  405. package/src/navigation/README.md +0 -267
  406. package/src/navigation/back-button/index.tsx +0 -73
  407. package/src/navigation/constants.tsx +0 -2
  408. package/src/navigation/context.tsx +0 -40
  409. package/src/navigation/group/context.tsx +0 -16
  410. package/src/navigation/group/index.tsx +0 -73
  411. package/src/navigation/index.tsx +0 -152
  412. package/src/navigation/item/base-content.tsx +0 -31
  413. package/src/navigation/item/base.tsx +0 -42
  414. package/src/navigation/item/index.tsx +0 -112
  415. package/src/navigation/item/use-navigation-tree-item.tsx +0 -47
  416. package/src/navigation/menu/context.tsx +0 -20
  417. package/src/navigation/menu/index.tsx +0 -105
  418. package/src/navigation/menu/menu-title-search.tsx +0 -99
  419. package/src/navigation/menu/menu-title.tsx +0 -100
  420. package/src/navigation/menu/search-no-results-found.tsx +0 -34
  421. package/src/navigation/menu/use-navigation-tree-menu.tsx +0 -29
  422. package/src/navigation/stories/index.story.tsx +0 -62
  423. package/src/navigation/stories/style.css +0 -25
  424. package/src/navigation/stories/utils/controlled-state.tsx +0 -149
  425. package/src/navigation/stories/utils/default.tsx +0 -92
  426. package/src/navigation/stories/utils/group.tsx +0 -61
  427. package/src/navigation/stories/utils/hide-if-empty.tsx +0 -66
  428. package/src/navigation/stories/utils/more-examples.tsx +0 -162
  429. package/src/navigation/stories/utils/search.tsx +0 -91
  430. package/src/navigation/styles/navigation-styles.tsx +0 -197
  431. package/src/navigation/test/index.tsx +0 -347
  432. package/src/navigation/types.ts +0 -325
  433. package/src/navigation/use-create-navigation-tree.tsx +0 -110
  434. package/src/navigation/use-navigation-tree-nodes.tsx +0 -31
  435. package/src/navigation/utils.tsx +0 -11
@@ -1,103 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // packages/components/src/navigation/use-create-navigation-tree.tsx
21
- var use_create_navigation_tree_exports = {};
22
- __export(use_create_navigation_tree_exports, {
23
- useCreateNavigationTree: () => useCreateNavigationTree
24
- });
25
- module.exports = __toCommonJS(use_create_navigation_tree_exports);
26
- var import_element = require("@wordpress/element");
27
- var import_use_navigation_tree_nodes = require("./use-navigation-tree-nodes.cjs");
28
- var useCreateNavigationTree = () => {
29
- const {
30
- nodes: items,
31
- getNode: getItem,
32
- addNode: addItem,
33
- removeNode: removeItem
34
- } = (0, import_use_navigation_tree_nodes.useNavigationTreeNodes)();
35
- const {
36
- nodes: menus,
37
- getNode: getMenu,
38
- addNode: addMenu,
39
- removeNode: removeMenu
40
- } = (0, import_use_navigation_tree_nodes.useNavigationTreeNodes)();
41
- const [childMenu, setChildMenu] = (0, import_element.useState)({});
42
- const getChildMenu = (menu) => childMenu[menu] || [];
43
- const traverseMenu = (startMenu, callback) => {
44
- const visited = [];
45
- let queue = [startMenu];
46
- let current;
47
- while (queue.length > 0) {
48
- current = getMenu(queue.shift());
49
- if (!current || visited.includes(current.menu)) {
50
- continue;
51
- }
52
- visited.push(current.menu);
53
- queue = [...queue, ...getChildMenu(current.menu)];
54
- if (callback(current) === false) {
55
- break;
56
- }
57
- }
58
- };
59
- const isMenuEmpty = (menuToCheck) => {
60
- let isEmpty = true;
61
- traverseMenu(menuToCheck, (current) => {
62
- if (!current.isEmpty) {
63
- isEmpty = false;
64
- return false;
65
- }
66
- return void 0;
67
- });
68
- return isEmpty;
69
- };
70
- return {
71
- items,
72
- getItem,
73
- addItem,
74
- removeItem,
75
- menus,
76
- getMenu,
77
- addMenu: (key, value) => {
78
- setChildMenu((state) => {
79
- const newState = {
80
- ...state
81
- };
82
- if (!value.parentMenu) {
83
- return newState;
84
- }
85
- if (!newState[value.parentMenu]) {
86
- newState[value.parentMenu] = [];
87
- }
88
- newState[value.parentMenu].push(key);
89
- return newState;
90
- });
91
- addMenu(key, value);
92
- },
93
- removeMenu,
94
- childMenu,
95
- traverseMenu,
96
- isMenuEmpty
97
- };
98
- };
99
- // Annotate the CommonJS export names for ESM import in node:
100
- 0 && (module.exports = {
101
- useCreateNavigationTree
102
- });
103
- //# sourceMappingURL=use-create-navigation-tree.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/navigation/use-create-navigation-tree.tsx"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationTreeNodes } from './use-navigation-tree-nodes';\nexport const useCreateNavigationTree = () => {\n const {\n nodes: items,\n getNode: getItem,\n addNode: addItem,\n removeNode: removeItem\n } = useNavigationTreeNodes();\n const {\n nodes: menus,\n getNode: getMenu,\n addNode: addMenu,\n removeNode: removeMenu\n } = useNavigationTreeNodes();\n\n /**\n * Stores direct nested menus of menus\n * This makes it easy to traverse menu tree\n *\n * Key is the menu prop of the menu\n * Value is an array of menu keys\n */\n const [childMenu, setChildMenu] = useState({});\n const getChildMenu = menu => childMenu[menu] || [];\n const traverseMenu = (startMenu, callback) => {\n const visited = [];\n let queue = [startMenu];\n let current;\n while (queue.length > 0) {\n // Type cast to string is safe because of the `length > 0` check above.\n current = getMenu(queue.shift());\n if (!current || visited.includes(current.menu)) {\n continue;\n }\n visited.push(current.menu);\n queue = [...queue, ...getChildMenu(current.menu)];\n if (callback(current) === false) {\n break;\n }\n }\n };\n const isMenuEmpty = menuToCheck => {\n let isEmpty = true;\n traverseMenu(menuToCheck, current => {\n if (!current.isEmpty) {\n isEmpty = false;\n return false;\n }\n return undefined;\n });\n return isEmpty;\n };\n return {\n items,\n getItem,\n addItem,\n removeItem,\n menus,\n getMenu,\n addMenu: (key, value) => {\n setChildMenu(state => {\n const newState = {\n ...state\n };\n if (!value.parentMenu) {\n return newState;\n }\n if (!newState[value.parentMenu]) {\n newState[value.parentMenu] = [];\n }\n newState[value.parentMenu].push(key);\n return newState;\n });\n addMenu(key, value);\n },\n removeMenu,\n childMenu,\n traverseMenu,\n isMenuEmpty\n };\n};"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAyB;AAKzB,uCAAuC;AAChC,IAAM,0BAA0B,MAAM;AAC3C,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,EACd,QAAI,yDAAuB;AAC3B,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,EACd,QAAI,yDAAuB;AAS3B,QAAM,CAAC,WAAW,YAAY,QAAI,yBAAS,CAAC,CAAC;AAC7C,QAAM,eAAe,UAAQ,UAAU,IAAI,KAAK,CAAC;AACjD,QAAM,eAAe,CAAC,WAAW,aAAa;AAC5C,UAAM,UAAU,CAAC;AACjB,QAAI,QAAQ,CAAC,SAAS;AACtB,QAAI;AACJ,WAAO,MAAM,SAAS,GAAG;AAEvB,gBAAU,QAAQ,MAAM,MAAM,CAAC;AAC/B,UAAI,CAAC,WAAW,QAAQ,SAAS,QAAQ,IAAI,GAAG;AAC9C;AAAA,MACF;AACA,cAAQ,KAAK,QAAQ,IAAI;AACzB,cAAQ,CAAC,GAAG,OAAO,GAAG,aAAa,QAAQ,IAAI,CAAC;AAChD,UAAI,SAAS,OAAO,MAAM,OAAO;AAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,QAAM,cAAc,iBAAe;AACjC,QAAI,UAAU;AACd,iBAAa,aAAa,aAAW;AACnC,UAAI,CAAC,QAAQ,SAAS;AACpB,kBAAU;AACV,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AACD,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,KAAK,UAAU;AACvB,mBAAa,WAAS;AACpB,cAAM,WAAW;AAAA,UACf,GAAG;AAAA,QACL;AACA,YAAI,CAAC,MAAM,YAAY;AACrB,iBAAO;AAAA,QACT;AACA,YAAI,CAAC,SAAS,MAAM,UAAU,GAAG;AAC/B,mBAAS,MAAM,UAAU,IAAI,CAAC;AAAA,QAChC;AACA,iBAAS,MAAM,UAAU,EAAE,KAAK,GAAG;AACnC,eAAO;AAAA,MACT,CAAC;AACD,cAAQ,KAAK,KAAK;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
6
- "names": []
7
- }
@@ -1,60 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // packages/components/src/navigation/use-navigation-tree-nodes.tsx
21
- var use_navigation_tree_nodes_exports = {};
22
- __export(use_navigation_tree_nodes_exports, {
23
- useNavigationTreeNodes: () => useNavigationTreeNodes
24
- });
25
- module.exports = __toCommonJS(use_navigation_tree_nodes_exports);
26
- var import_element = require("@wordpress/element");
27
- function useNavigationTreeNodes() {
28
- const [nodes, setNodes] = (0, import_element.useState)({});
29
- const getNode = (key) => nodes[key];
30
- const addNode = (key, value) => {
31
- const {
32
- children,
33
- ...newNode
34
- } = value;
35
- return setNodes((original) => ({
36
- ...original,
37
- [key]: newNode
38
- }));
39
- };
40
- const removeNode = (key) => {
41
- return setNodes((original) => {
42
- const {
43
- [key]: removedNode,
44
- ...remainingNodes
45
- } = original;
46
- return remainingNodes;
47
- });
48
- };
49
- return {
50
- nodes,
51
- getNode,
52
- addNode,
53
- removeNode
54
- };
55
- }
56
- // Annotate the CommonJS export names for ESM import in node:
57
- 0 && (module.exports = {
58
- useNavigationTreeNodes
59
- });
60
- //# sourceMappingURL=use-navigation-tree-nodes.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/navigation/use-navigation-tree-nodes.tsx"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nexport function useNavigationTreeNodes() {\n const [nodes, setNodes] = useState({});\n const getNode = key => nodes[key];\n const addNode = (key, value) => {\n const {\n children,\n ...newNode\n } = value;\n return setNodes(original => ({\n ...original,\n [key]: newNode\n }));\n };\n const removeNode = key => {\n return setNodes(original => {\n const {\n [key]: removedNode,\n ...remainingNodes\n } = original;\n return remainingNodes;\n });\n };\n return {\n nodes,\n getNode,\n addNode,\n removeNode\n };\n}"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAyB;AAClB,SAAS,yBAAyB;AACvC,QAAM,CAAC,OAAO,QAAQ,QAAI,yBAAS,CAAC,CAAC;AACrC,QAAM,UAAU,SAAO,MAAM,GAAG;AAChC,QAAM,UAAU,CAAC,KAAK,UAAU;AAC9B,UAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AACJ,WAAO,SAAS,eAAa;AAAA,MAC3B,GAAG;AAAA,MACH,CAAC,GAAG,GAAG;AAAA,IACT,EAAE;AAAA,EACJ;AACA,QAAM,aAAa,SAAO;AACxB,WAAO,SAAS,cAAY;AAC1B,YAAM;AAAA,QACJ,CAAC,GAAG,GAAG;AAAA,QACP,GAAG;AAAA,MACL,IAAI;AACJ,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
6
- "names": []
7
- }
@@ -1,45 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
-
30
- // packages/components/src/navigation/utils.tsx
31
- var utils_exports = {};
32
- __export(utils_exports, {
33
- normalizeInput: () => normalizeInput,
34
- normalizedSearch: () => normalizedSearch
35
- });
36
- module.exports = __toCommonJS(utils_exports);
37
- var import_remove_accents = __toESM(require("remove-accents"));
38
- var normalizeInput = (input) => (0, import_remove_accents.default)(input).replace(/^\//, "").toLowerCase();
39
- var normalizedSearch = (title, search) => -1 !== normalizeInput(title).indexOf(normalizeInput(search));
40
- // Annotate the CommonJS export names for ESM import in node:
41
- 0 && (module.exports = {
42
- normalizeInput,
43
- normalizedSearch
44
- });
45
- //# sourceMappingURL=utils.cjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/navigation/utils.tsx"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\n\n// @see packages/block-editor/src/components/inserter/search-items.js\nexport const normalizeInput = input => removeAccents(input).replace(/^\\//, '').toLowerCase();\nexport const normalizedSearch = (title, search) => -1 !== normalizeInput(title).indexOf(normalizeInput(search));"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,4BAA0B;AAGnB,IAAM,iBAAiB,eAAS,sBAAAA,SAAc,KAAK,EAAE,QAAQ,OAAO,EAAE,EAAE,YAAY;AACpF,IAAM,mBAAmB,CAAC,OAAO,WAAW,OAAO,eAAe,KAAK,EAAE,QAAQ,eAAe,MAAM,CAAC;",
6
- "names": ["removeAccents"]
7
- }
@@ -1,51 +0,0 @@
1
- // packages/components/src/navigation/back-button/index.tsx
2
- import clsx from "clsx";
3
- import { forwardRef } from "@wordpress/element";
4
- import { __, isRTL } from "@wordpress/i18n";
5
- import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
6
- import { useNavigationContext } from "../context.mjs";
7
- import { MenuBackButtonUI } from "../styles/navigation-styles.mjs";
8
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
- function UnforwardedNavigationBackButton({
10
- backButtonLabel,
11
- className,
12
- href,
13
- onClick,
14
- parentMenu
15
- }, ref) {
16
- const {
17
- setActiveMenu,
18
- navigationTree
19
- } = useNavigationContext();
20
- const classes = clsx("components-navigation__back-button", className);
21
- const parentMenuTitle = parentMenu !== void 0 ? navigationTree.getMenu(parentMenu)?.title : void 0;
22
- const handleOnClick = (event) => {
23
- if (typeof onClick === "function") {
24
- onClick(event);
25
- }
26
- const animationDirection = isRTL() ? "left" : "right";
27
- if (parentMenu && !event.defaultPrevented) {
28
- setActiveMenu(parentMenu, animationDirection);
29
- }
30
- };
31
- const icon = isRTL() ? chevronRight : chevronLeft;
32
- return /* @__PURE__ */ _jsxs(MenuBackButtonUI, {
33
- __next40pxDefaultSize: true,
34
- className: classes,
35
- href,
36
- variant: "tertiary",
37
- ref,
38
- onClick: handleOnClick,
39
- children: [/* @__PURE__ */ _jsx(Icon, {
40
- icon
41
- }), backButtonLabel || parentMenuTitle || __("Back")]
42
- });
43
- }
44
- var NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);
45
- NavigationBackButton.displayName = "NavigationBackButton";
46
- var back_button_default = NavigationBackButton;
47
- export {
48
- NavigationBackButton,
49
- back_button_default as default
50
- };
51
- //# sourceMappingURL=index.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/navigation/back-button/index.tsx"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { MenuBackButtonUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedNavigationBackButton({\n backButtonLabel,\n className,\n href,\n onClick,\n parentMenu\n}, ref) {\n const {\n setActiveMenu,\n navigationTree\n } = useNavigationContext();\n const classes = clsx('components-navigation__back-button', className);\n const parentMenuTitle = parentMenu !== undefined ? navigationTree.getMenu(parentMenu)?.title : undefined;\n const handleOnClick = event => {\n if (typeof onClick === 'function') {\n onClick(event);\n }\n const animationDirection = isRTL() ? 'left' : 'right';\n if (parentMenu && !event.defaultPrevented) {\n setActiveMenu(parentMenu, animationDirection);\n }\n };\n const icon = isRTL() ? chevronRight : chevronLeft;\n return /*#__PURE__*/_jsxs(MenuBackButtonUI, {\n __next40pxDefaultSize: true,\n className: classes,\n href: href,\n variant: \"tertiary\",\n ref: ref,\n onClick: handleOnClick,\n children: [/*#__PURE__*/_jsx(Icon, {\n icon: icon\n }), backButtonLabel || parentMenuTitle || __('Back')]\n });\n}\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport const NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);\nNavigationBackButton.displayName = 'NavigationBackButton';\nexport default NavigationBackButton;"],
5
- "mappings": ";AAGA,OAAO,UAAU;AAIjB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,aAAa;AAC1B,SAAS,MAAM,aAAa,oBAAoB;AAKhD,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,gCAAgC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU,KAAK,sCAAsC,SAAS;AACpE,QAAM,kBAAkB,eAAe,SAAY,eAAe,QAAQ,UAAU,GAAG,QAAQ;AAC/F,QAAM,gBAAgB,WAAS;AAC7B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,KAAK;AAAA,IACf;AACA,UAAM,qBAAqB,MAAM,IAAI,SAAS;AAC9C,QAAI,cAAc,CAAC,MAAM,kBAAkB;AACzC,oBAAc,YAAY,kBAAkB;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,OAAO,MAAM,IAAI,eAAe;AACtC,SAAoB,sBAAM,kBAAkB;AAAA,IAC1C,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT,UAAU,CAAc,qBAAK,MAAM;AAAA,MACjC;AAAA,IACF,CAAC,GAAG,mBAAmB,mBAAmB,GAAG,MAAM,CAAC;AAAA,EACtD,CAAC;AACH;AAKO,IAAM,uBAAuB,WAAW,+BAA+B;AAC9E,qBAAqB,cAAc;AACnC,IAAO,sBAAQ;",
6
- "names": []
7
- }
@@ -1,8 +0,0 @@
1
- // packages/components/src/navigation/constants.tsx
2
- var ROOT_MENU = "root";
3
- var SEARCH_FOCUS_DELAY = 100;
4
- export {
5
- ROOT_MENU,
6
- SEARCH_FOCUS_DELAY
7
- };
8
- //# sourceMappingURL=constants.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/navigation/constants.tsx"],
4
- "sourcesContent": ["export const ROOT_MENU = 'root';\nexport const SEARCH_FOCUS_DELAY = 100;"],
5
- "mappings": ";AAAO,IAAM,YAAY;AAClB,IAAM,qBAAqB;",
6
- "names": []
7
- }
@@ -1,32 +0,0 @@
1
- // packages/components/src/navigation/context.tsx
2
- import { createContext, useContext } from "@wordpress/element";
3
- import { ROOT_MENU } from "./constants.mjs";
4
- var noop = () => {
5
- };
6
- var defaultIsEmpty = () => false;
7
- var defaultGetter = () => void 0;
8
- var NavigationContext = createContext({
9
- activeItem: void 0,
10
- activeMenu: ROOT_MENU,
11
- setActiveMenu: noop,
12
- navigationTree: {
13
- items: {},
14
- getItem: defaultGetter,
15
- addItem: noop,
16
- removeItem: noop,
17
- menus: {},
18
- getMenu: defaultGetter,
19
- addMenu: noop,
20
- removeMenu: noop,
21
- childMenu: {},
22
- traverseMenu: noop,
23
- isMenuEmpty: defaultIsEmpty
24
- }
25
- });
26
- NavigationContext.displayName = "NavigationContext";
27
- var useNavigationContext = () => useContext(NavigationContext);
28
- export {
29
- NavigationContext,
30
- useNavigationContext
31
- };
32
- //# sourceMappingURL=context.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/navigation/context.tsx"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from './constants';\nconst noop = () => {};\nconst defaultIsEmpty = () => false;\nconst defaultGetter = () => undefined;\nexport const NavigationContext = createContext({\n activeItem: undefined,\n activeMenu: ROOT_MENU,\n setActiveMenu: noop,\n navigationTree: {\n items: {},\n getItem: defaultGetter,\n addItem: noop,\n removeItem: noop,\n menus: {},\n getMenu: defaultGetter,\n addMenu: noop,\n removeMenu: noop,\n childMenu: {},\n traverseMenu: noop,\n isMenuEmpty: defaultIsEmpty\n }\n});\nNavigationContext.displayName = 'NavigationContext';\nexport const useNavigationContext = () => useContext(NavigationContext);"],
5
- "mappings": ";AAGA,SAAS,eAAe,kBAAkB;AAK1C,SAAS,iBAAiB;AAC1B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,gBAAgB,MAAM;AACrB,IAAM,oBAAoB,cAAc;AAAA,EAC7C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,IACd,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AACD,kBAAkB,cAAc;AACzB,IAAM,uBAAuB,MAAM,WAAW,iBAAiB;",
6
- "names": []
7
- }
@@ -1,12 +0,0 @@
1
- // packages/components/src/navigation/group/context.tsx
2
- import { createContext, useContext } from "@wordpress/element";
3
- var NavigationGroupContext = createContext({
4
- group: void 0
5
- });
6
- NavigationGroupContext.displayName = "NavigationGroupContext";
7
- var useNavigationGroupContext = () => useContext(NavigationGroupContext);
8
- export {
9
- NavigationGroupContext,
10
- useNavigationGroupContext
11
- };
12
- //# sourceMappingURL=context.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/navigation/group/context.tsx"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const NavigationGroupContext = createContext({\n group: undefined\n});\nNavigationGroupContext.displayName = 'NavigationGroupContext';\nexport const useNavigationGroupContext = () => useContext(NavigationGroupContext);"],
5
- "mappings": ";AAGA,SAAS,eAAe,kBAAkB;AAMnC,IAAM,yBAAyB,cAAc;AAAA,EAClD,OAAO;AACT,CAAC;AACD,uBAAuB,cAAc;AAC9B,IAAM,4BAA4B,MAAM,WAAW,sBAAsB;",
6
- "names": []
7
- }
@@ -1,53 +0,0 @@
1
- // packages/components/src/navigation/group/index.tsx
2
- import clsx from "clsx";
3
- import { useState } from "@wordpress/element";
4
- import { NavigationGroupContext } from "./context.mjs";
5
- import { GroupTitleUI } from "../styles/navigation-styles.mjs";
6
- import { useNavigationContext } from "../context.mjs";
7
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
- var uniqueId = 0;
9
- function NavigationGroup({
10
- children,
11
- className,
12
- title
13
- }) {
14
- const [groupId] = useState(`group-${++uniqueId}`);
15
- const {
16
- navigationTree: {
17
- items
18
- }
19
- } = useNavigationContext();
20
- const context = {
21
- group: groupId
22
- };
23
- if (!Object.values(items).some((item) => item.group === groupId && item._isVisible)) {
24
- return /* @__PURE__ */ _jsx(NavigationGroupContext.Provider, {
25
- value: context,
26
- children
27
- });
28
- }
29
- const groupTitleId = `components-navigation__group-title-${groupId}`;
30
- const classes = clsx("components-navigation__group", className);
31
- return /* @__PURE__ */ _jsx(NavigationGroupContext.Provider, {
32
- value: context,
33
- children: /* @__PURE__ */ _jsxs("li", {
34
- className: classes,
35
- children: [title && /* @__PURE__ */ _jsx(GroupTitleUI, {
36
- className: "components-navigation__group-title",
37
- id: groupTitleId,
38
- level: 3,
39
- children: title
40
- }), /* @__PURE__ */ _jsx("ul", {
41
- "aria-labelledby": groupTitleId,
42
- role: "group",
43
- children
44
- })]
45
- })
46
- });
47
- }
48
- var group_default = NavigationGroup;
49
- export {
50
- NavigationGroup,
51
- group_default as default
52
- };
53
- //# sourceMappingURL=index.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/navigation/group/index.tsx"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { NavigationGroupContext } from './context';\nimport { GroupTitleUI } from '../styles/navigation-styles';\nimport { useNavigationContext } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nlet uniqueId = 0;\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationGroup({\n children,\n className,\n title\n}) {\n const [groupId] = useState(`group-${++uniqueId}`);\n const {\n navigationTree: {\n items\n }\n } = useNavigationContext();\n const context = {\n group: groupId\n };\n\n // Keep the children rendered to make sure invisible items are included in the navigation tree.\n if (!Object.values(items).some(item => item.group === groupId && item._isVisible)) {\n return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n value: context,\n children: children\n });\n }\n const groupTitleId = `components-navigation__group-title-${groupId}`;\n const classes = clsx('components-navigation__group', className);\n return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n value: context,\n children: /*#__PURE__*/_jsxs(\"li\", {\n className: classes,\n children: [title && /*#__PURE__*/_jsx(GroupTitleUI, {\n className: \"components-navigation__group-title\",\n id: groupTitleId,\n level: 3,\n children: title\n }), /*#__PURE__*/_jsx(\"ul\", {\n \"aria-labelledby\": groupTitleId,\n role: \"group\",\n children: children\n })]\n })\n });\n}\nexport default NavigationGroup;"],
5
- "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAI,WAAW;AAKR,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,IAAI,SAAS,SAAS,EAAE,QAAQ,EAAE;AAChD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO,OAAO,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;AACjF,WAAoB,qBAAK,uBAAuB,UAAU;AAAA,MACxD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,sCAAsC,OAAO;AAClE,QAAM,UAAU,KAAK,gCAAgC,SAAS;AAC9D,SAAoB,qBAAK,uBAAuB,UAAU;AAAA,IACxD,OAAO;AAAA,IACP,UAAuB,sBAAM,MAAM;AAAA,MACjC,WAAW;AAAA,MACX,UAAU,CAAC,SAAsB,qBAAK,cAAc;AAAA,QAClD,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,qBAAK,MAAM;AAAA,QAC1B,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
6
- "names": []
7
- }
@@ -1,78 +0,0 @@
1
- // packages/components/src/navigation/index.tsx
2
- import clsx from "clsx";
3
- import deprecated from "@wordpress/deprecated";
4
- import { useEffect, useRef, useState } from "@wordpress/element";
5
- import { isRTL } from "@wordpress/i18n";
6
- import { getAnimateClassName } from "../animate/index.mjs";
7
- import { ROOT_MENU } from "./constants.mjs";
8
- import { NavigationContext } from "./context.mjs";
9
- import { NavigationUI } from "./styles/navigation-styles.mjs";
10
- import { useCreateNavigationTree } from "./use-create-navigation-tree.mjs";
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- var noop = () => {
13
- };
14
- function Navigation({
15
- activeItem,
16
- activeMenu = ROOT_MENU,
17
- children,
18
- className,
19
- onActivateMenu = noop
20
- }) {
21
- const [menu, setMenu] = useState(activeMenu);
22
- const [slideOrigin, setSlideOrigin] = useState();
23
- const navigationTree = useCreateNavigationTree();
24
- const defaultSlideOrigin = isRTL() ? "right" : "left";
25
- deprecated("wp.components.Navigation (and all subcomponents)", {
26
- since: "6.8",
27
- version: "7.1",
28
- alternative: "wp.components.Navigator"
29
- });
30
- const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {
31
- if (!navigationTree.getMenu(menuId)) {
32
- return;
33
- }
34
- setSlideOrigin(slideInOrigin);
35
- setMenu(menuId);
36
- onActivateMenu(menuId);
37
- };
38
- const isMountedRef = useRef(false);
39
- useEffect(() => {
40
- if (!isMountedRef.current) {
41
- isMountedRef.current = true;
42
- }
43
- }, []);
44
- useEffect(() => {
45
- if (activeMenu !== menu) {
46
- setActiveMenu(activeMenu);
47
- }
48
- }, [activeMenu]);
49
- const context = {
50
- activeItem,
51
- activeMenu: menu,
52
- setActiveMenu,
53
- navigationTree
54
- };
55
- const classes = clsx("components-navigation", className);
56
- const animateClassName = getAnimateClassName({
57
- type: "slide-in",
58
- origin: slideOrigin
59
- });
60
- return /* @__PURE__ */ _jsx(NavigationUI, {
61
- className: classes,
62
- children: /* @__PURE__ */ _jsx("div", {
63
- className: animateClassName ? clsx({
64
- [animateClassName]: isMountedRef.current && slideOrigin
65
- }) : void 0,
66
- children: /* @__PURE__ */ _jsx(NavigationContext.Provider, {
67
- value: context,
68
- children
69
- })
70
- }, menu)
71
- });
72
- }
73
- var navigation_default = Navigation;
74
- export {
75
- Navigation,
76
- navigation_default as default
77
- };
78
- //# sourceMappingURL=index.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/navigation/index.tsx"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../animate';\nimport { ROOT_MENU } from './constants';\nimport { NavigationContext } from './context';\nimport { NavigationUI } from './styles/navigation-styles';\nimport { useCreateNavigationTree } from './use-create-navigation-tree';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Render a navigation list with optional groupings and hierarchy.\n *\n * @deprecated Use `Navigator` instead.\n *\n * ```jsx\n * import {\n * __experimentalNavigation as Navigation,\n * __experimentalNavigationGroup as NavigationGroup,\n * __experimentalNavigationItem as NavigationItem,\n * __experimentalNavigationMenu as NavigationMenu,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n * <Navigation>\n * <NavigationMenu title=\"Home\">\n * <NavigationGroup title=\"Group 1\">\n * <NavigationItem item=\"item-1\" title=\"Item 1\" />\n * <NavigationItem item=\"item-2\" title=\"Item 2\" />\n * </NavigationGroup>\n * <NavigationGroup title=\"Group 2\">\n * <NavigationItem\n * item=\"item-3\"\n * navigateToMenu=\"category\"\n * title=\"Category\"\n * />\n * </NavigationGroup>\n * </NavigationMenu>\n *\n * <NavigationMenu\n * backButtonLabel=\"Home\"\n * menu=\"category\"\n * parentMenu=\"root\"\n * title=\"Category\"\n * >\n * <NavigationItem badge=\"1\" item=\"child-1\" title=\"Child 1\" />\n * <NavigationItem item=\"child-2\" title=\"Child 2\" />\n * </NavigationMenu>\n * </Navigation>\n * );\n * ```\n */\nexport function Navigation({\n activeItem,\n activeMenu = ROOT_MENU,\n children,\n className,\n onActivateMenu = noop\n}) {\n const [menu, setMenu] = useState(activeMenu);\n const [slideOrigin, setSlideOrigin] = useState();\n const navigationTree = useCreateNavigationTree();\n const defaultSlideOrigin = isRTL() ? 'right' : 'left';\n deprecated('wp.components.Navigation (and all subcomponents)', {\n since: '6.8',\n version: '7.1',\n alternative: 'wp.components.Navigator'\n });\n const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {\n if (!navigationTree.getMenu(menuId)) {\n return;\n }\n setSlideOrigin(slideInOrigin);\n setMenu(menuId);\n onActivateMenu(menuId);\n };\n\n // Used to prevent the sliding animation on mount\n const isMountedRef = useRef(false);\n useEffect(() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true;\n }\n }, []);\n useEffect(() => {\n if (activeMenu !== menu) {\n setActiveMenu(activeMenu);\n }\n // Not adding deps for now, as it would require either a larger refactor or some questionable workarounds.\n // See https://github.com/WordPress/gutenberg/pull/41612 for context.\n }, [activeMenu]);\n const context = {\n activeItem,\n activeMenu: menu,\n setActiveMenu,\n navigationTree\n };\n const classes = clsx('components-navigation', className);\n const animateClassName = getAnimateClassName({\n type: 'slide-in',\n origin: slideOrigin\n });\n return /*#__PURE__*/_jsx(NavigationUI, {\n className: classes,\n children: /*#__PURE__*/_jsx(\"div\", {\n className: animateClassName ? clsx({\n [animateClassName]: isMountedRef.current && slideOrigin\n }) : undefined,\n children: /*#__PURE__*/_jsx(NavigationContext.Provider, {\n value: context,\n children: children\n })\n }, menu)\n });\n}\nexport default Navigation;"],
5
- "mappings": ";AAGA,OAAO,UAAU;AAKjB,OAAO,gBAAgB;AACvB,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,aAAa;AAKtB,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,OAAO,YAAY;AAC5B,IAAM,OAAO,MAAM;AAAC;AA4Cb,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,UAAU;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS;AAC/C,QAAM,iBAAiB,wBAAwB;AAC/C,QAAM,qBAAqB,MAAM,IAAI,UAAU;AAC/C,aAAW,oDAAoD;AAAA,IAC7D,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,EACf,CAAC;AACD,QAAM,gBAAgB,CAAC,QAAQ,gBAAgB,uBAAuB;AACpE,QAAI,CAAC,eAAe,QAAQ,MAAM,GAAG;AACnC;AAAA,IACF;AACA,mBAAe,aAAa;AAC5B,YAAQ,MAAM;AACd,mBAAe,MAAM;AAAA,EACvB;AAGA,QAAM,eAAe,OAAO,KAAK;AACjC,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AACL,YAAU,MAAM;AACd,QAAI,eAAe,MAAM;AACvB,oBAAc,UAAU;AAAA,IAC1B;AAAA,EAGF,GAAG,CAAC,UAAU,CAAC;AACf,QAAM,UAAU;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,UAAU,KAAK,yBAAyB,SAAS;AACvD,QAAM,mBAAmB,oBAAoB;AAAA,IAC3C,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACD,SAAoB,qBAAK,cAAc;AAAA,IACrC,WAAW;AAAA,IACX,UAAuB,qBAAK,OAAO;AAAA,MACjC,WAAW,mBAAmB,KAAK;AAAA,QACjC,CAAC,gBAAgB,GAAG,aAAa,WAAW;AAAA,MAC9C,CAAC,IAAI;AAAA,MACL,UAAuB,qBAAK,kBAAkB,UAAU;AAAA,QACtD,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,IACH,GAAG,IAAI;AAAA,EACT,CAAC;AACH;AACA,IAAO,qBAAQ;",
6
- "names": []
7
- }
@@ -1,23 +0,0 @@
1
- // packages/components/src/navigation/item/base-content.tsx
2
- import { ItemBadgeUI, ItemTitleUI } from "../styles/navigation-styles.mjs";
3
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
4
- function NavigationItemBaseContent(props) {
5
- const {
6
- badge,
7
- title
8
- } = props;
9
- return /* @__PURE__ */ _jsxs(_Fragment, {
10
- children: [title && /* @__PURE__ */ _jsx(ItemTitleUI, {
11
- className: "components-navigation__item-title",
12
- as: "span",
13
- children: title
14
- }), badge && /* @__PURE__ */ _jsx(ItemBadgeUI, {
15
- className: "components-navigation__item-badge",
16
- children: badge
17
- })]
18
- });
19
- }
20
- export {
21
- NavigationItemBaseContent as default
22
- };
23
- //# sourceMappingURL=base-content.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/navigation/item/base-content.tsx"],
4
- "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { ItemBadgeUI, ItemTitleUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function NavigationItemBaseContent(props) {\n const {\n badge,\n title\n } = props;\n return /*#__PURE__*/_jsxs(_Fragment, {\n children: [title && /*#__PURE__*/_jsx(ItemTitleUI, {\n className: \"components-navigation__item-title\",\n as: \"span\",\n children: title\n }), badge && /*#__PURE__*/_jsx(ItemBadgeUI, {\n className: \"components-navigation__item-badge\",\n children: badge\n })]\n });\n}"],
5
- "mappings": ";AAGA,SAAS,aAAa,mBAAmB;AACzC,SAAS,OAAO,MAAM,YAAY,WAAW,QAAQ,aAAa;AACnD,SAAR,0BAA2C,OAAO;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SAAoB,sBAAM,WAAW;AAAA,IACnC,UAAU,CAAC,SAAsB,qBAAK,aAAa;AAAA,MACjD,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC,GAAG,SAAsB,qBAAK,aAAa;AAAA,MAC1C,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
6
- "names": []
7
- }
@@ -1,35 +0,0 @@
1
- // packages/components/src/navigation/item/base.tsx
2
- import clsx from "clsx";
3
- import { useState } from "@wordpress/element";
4
- import { useNavigationContext } from "../context.mjs";
5
- import { useNavigationTreeItem } from "./use-navigation-tree-item.mjs";
6
- import { ItemBaseUI } from "../styles/navigation-styles.mjs";
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- var uniqueId = 0;
9
- function NavigationItemBase(props) {
10
- const {
11
- children,
12
- className,
13
- title,
14
- href,
15
- ...restProps
16
- } = props;
17
- const [itemId] = useState(`item-${++uniqueId}`);
18
- useNavigationTreeItem(itemId, props);
19
- const {
20
- navigationTree
21
- } = useNavigationContext();
22
- if (!navigationTree.getItem(itemId)?._isVisible) {
23
- return null;
24
- }
25
- const classes = clsx("components-navigation__item", className);
26
- return /* @__PURE__ */ _jsx(ItemBaseUI, {
27
- className: classes,
28
- ...restProps,
29
- children
30
- });
31
- }
32
- export {
33
- NavigationItemBase as default
34
- };
35
- //# sourceMappingURL=base.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/navigation/item/base.tsx"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeItem } from './use-navigation-tree-item';\nimport { ItemBaseUI } from '../styles/navigation-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nlet uniqueId = 0;\nexport default function NavigationItemBase(props) {\n // Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.\n const {\n children,\n className,\n title,\n href,\n ...restProps\n } = props;\n const [itemId] = useState(`item-${++uniqueId}`);\n useNavigationTreeItem(itemId, props);\n const {\n navigationTree\n } = useNavigationContext();\n if (!navigationTree.getItem(itemId)?._isVisible) {\n return null;\n }\n const classes = clsx('components-navigation__item', className);\n return /*#__PURE__*/_jsx(ItemBaseUI, {\n className: classes,\n ...restProps,\n children: children\n });\n}"],
5
- "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,IAAI,WAAW;AACA,SAAR,mBAAoC,OAAO;AAEhD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,MAAM,IAAI,SAAS,QAAQ,EAAE,QAAQ,EAAE;AAC9C,wBAAsB,QAAQ,KAAK;AACnC,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,qBAAqB;AACzB,MAAI,CAAC,eAAe,QAAQ,MAAM,GAAG,YAAY;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,UAAU,KAAK,+BAA+B,SAAS;AAC7D,SAAoB,qBAAK,YAAY;AAAA,IACnC,WAAW;AAAA,IACX,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;",
6
- "names": []
7
- }