@payloadcms/ui 4.0.0-internal.697830c → 4.0.0-internal.7b031c8

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 (422) hide show
  1. package/dist/css/z-index.css +9 -0
  2. package/dist/elements/APIKeyInput/index.css +4 -4
  3. package/dist/elements/AnimateHeight/usePatchAnimateHeight.d.ts.map +1 -1
  4. package/dist/elements/AppHeader/index.css +2 -15
  5. package/dist/elements/AppHeader/index.d.ts.map +1 -1
  6. package/dist/elements/AppHeader/index.js +5 -9
  7. package/dist/elements/AppHeader/index.js.map +1 -1
  8. package/dist/elements/ArrayAction/index.d.ts +2 -0
  9. package/dist/elements/ArrayAction/index.d.ts.map +1 -1
  10. package/dist/elements/ArrayAction/index.js +65 -24
  11. package/dist/elements/ArrayAction/index.js.map +1 -1
  12. package/dist/elements/Button/index.d.ts.map +1 -1
  13. package/dist/elements/ClipboardAction/ClipboardActionLabel.d.ts.map +1 -1
  14. package/dist/elements/ClipboardAction/clipboardUtilities.d.ts +8 -1
  15. package/dist/elements/ClipboardAction/clipboardUtilities.d.ts.map +1 -1
  16. package/dist/elements/ClipboardAction/clipboardUtilities.js +40 -8
  17. package/dist/elements/ClipboardAction/clipboardUtilities.js.map +1 -1
  18. package/dist/elements/ClipboardAction/clipboardUtilities.spec.js +120 -0
  19. package/dist/elements/ClipboardAction/clipboardUtilities.spec.js.map +1 -0
  20. package/dist/elements/ClipboardAction/index.d.ts.map +1 -1
  21. package/dist/elements/ClipboardAction/index.js +17 -1
  22. package/dist/elements/ClipboardAction/index.js.map +1 -1
  23. package/dist/elements/ClipboardAction/isClipboardDataValid.spec.js +144 -0
  24. package/dist/elements/ClipboardAction/isClipboardDataValid.spec.js.map +1 -0
  25. package/dist/elements/ClipboardAction/types.d.ts +3 -0
  26. package/dist/elements/ClipboardAction/types.d.ts.map +1 -1
  27. package/dist/elements/ClipboardAction/types.js.map +1 -1
  28. package/dist/elements/ClipboardAction/useCanPasteClipboard.d.ts +10 -0
  29. package/dist/elements/ClipboardAction/useCanPasteClipboard.d.ts.map +1 -0
  30. package/dist/elements/ClipboardAction/useCanPasteClipboard.js +21 -0
  31. package/dist/elements/ClipboardAction/useCanPasteClipboard.js.map +1 -0
  32. package/dist/elements/CodeEditor/CodeEditor.d.ts.map +1 -1
  33. package/dist/elements/CodeEditor/index.css +5 -0
  34. package/dist/elements/ColumnSelection/Popup.d.ts.map +1 -1
  35. package/dist/elements/ColumnSelection/Popup.js +5 -1
  36. package/dist/elements/ColumnSelection/Popup.js.map +1 -1
  37. package/dist/elements/ColumnSelection/matchesColumnSearch.d.ts +10 -0
  38. package/dist/elements/ColumnSelection/matchesColumnSearch.d.ts.map +1 -0
  39. package/dist/elements/ColumnSelection/matchesColumnSearch.js +21 -0
  40. package/dist/elements/ColumnSelection/matchesColumnSearch.js.map +1 -0
  41. package/dist/elements/ColumnSelection/matchesColumnSearch.spec.js +87 -0
  42. package/dist/elements/ColumnSelection/matchesColumnSearch.spec.js.map +1 -0
  43. package/dist/elements/DatePicker/DatePicker.d.ts.map +1 -1
  44. package/dist/elements/DatePicker/getFormattedLocale.d.ts.map +1 -1
  45. package/dist/elements/Dialog/DialogTitle/index.d.ts.map +1 -1
  46. package/dist/elements/DocumentControls/index.css +0 -2
  47. package/dist/elements/DocumentControls/index.d.ts +2 -2
  48. package/dist/elements/DocumentControls/index.d.ts.map +1 -1
  49. package/dist/elements/DocumentControls/index.js.map +1 -1
  50. package/dist/elements/DocumentDrawer/DrawerHeader/index.d.ts +2 -2
  51. package/dist/elements/DocumentDrawer/DrawerHeader/index.d.ts.map +1 -1
  52. package/dist/elements/DocumentDrawer/DrawerHeader/index.js.map +1 -1
  53. package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts.map +1 -1
  54. package/dist/elements/DocumentLocked/index.d.ts +2 -2
  55. package/dist/elements/DocumentLocked/index.d.ts.map +1 -1
  56. package/dist/elements/DocumentLocked/index.js.map +1 -1
  57. package/dist/elements/DraggableSortable/useDraggableSortable/index.d.ts.map +1 -1
  58. package/dist/elements/Drawer/index.d.ts.map +1 -1
  59. package/dist/elements/Drawer/index.js +1 -0
  60. package/dist/elements/Drawer/index.js.map +1 -1
  61. package/dist/elements/Drawer/useDrawerSlug.d.ts.map +1 -1
  62. package/dist/elements/DrawerActionHeader/index.d.ts.map +1 -1
  63. package/dist/elements/FieldSelect/reduceFieldOptions.d.ts.map +1 -1
  64. package/dist/elements/HTMLDiff/diff/index.d.ts.map +1 -1
  65. package/dist/elements/HTMLDiff/index.d.ts.map +1 -1
  66. package/dist/elements/Hierarchy/ColumnBrowser/index.d.ts.map +1 -1
  67. package/dist/elements/Hierarchy/Modal/index.d.ts.map +1 -1
  68. package/dist/elements/Hierarchy/Modal/useHierarchyModal.d.ts.map +1 -1
  69. package/dist/elements/Hierarchy/Search/useHierarchySearch.d.ts.map +1 -1
  70. package/dist/elements/Hierarchy/Tree/TreeFocusContext.d.ts +1 -1
  71. package/dist/elements/Hierarchy/Tree/TreeFocusContext.d.ts.map +1 -1
  72. package/dist/elements/Hierarchy/Tree/TreeNode/index.d.ts.map +1 -1
  73. package/dist/elements/Hierarchy/Tree/useChildren.d.ts.map +1 -1
  74. package/dist/elements/LeaveWithoutSaving/index.d.ts.map +1 -1
  75. package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts.map +1 -1
  76. package/dist/elements/ListDrawer/index.d.ts.map +1 -1
  77. package/dist/elements/LoadingOverlay/reducer.d.ts.map +1 -1
  78. package/dist/elements/Locked/index.css +7 -4
  79. package/dist/elements/Locked/index.d.ts +2 -2
  80. package/dist/elements/Locked/index.d.ts.map +1 -1
  81. package/dist/elements/Locked/index.js +66 -53
  82. package/dist/elements/Locked/index.js.map +1 -1
  83. package/dist/elements/Nav/index.css +0 -5
  84. package/dist/elements/Pagination/index.css +5 -0
  85. package/dist/elements/Pagination/index.d.ts.map +1 -1
  86. package/dist/elements/Pagination/index.js +21 -21
  87. package/dist/elements/Pagination/index.js.map +1 -1
  88. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingColumns.d.ts.map +1 -1
  89. package/dist/elements/PublishButton/ScheduleDrawer/buildUpcomingScheduleWhere.d.ts.map +1 -1
  90. package/dist/elements/ReactSelect/DefaultMenuPortal.d.ts +7 -0
  91. package/dist/elements/ReactSelect/DefaultMenuPortal.d.ts.map +1 -0
  92. package/dist/elements/ReactSelect/DefaultMenuPortal.js +120 -0
  93. package/dist/elements/ReactSelect/DefaultMenuPortal.js.map +1 -0
  94. package/dist/elements/ReactSelect/getCaptureMenuScroll.d.ts.map +1 -1
  95. package/dist/elements/ReactSelect/getMenuListStyles.d.ts +1 -1
  96. package/dist/elements/ReactSelect/getMenuListStyles.d.ts.map +1 -1
  97. package/dist/elements/ReactSelect/getMenuListStyles.js +13 -5
  98. package/dist/elements/ReactSelect/getMenuListStyles.js.map +1 -1
  99. package/dist/elements/ReactSelect/getMenuStyles.d.ts +10 -0
  100. package/dist/elements/ReactSelect/getMenuStyles.d.ts.map +1 -0
  101. package/dist/elements/ReactSelect/getMenuStyles.js +21 -0
  102. package/dist/elements/ReactSelect/getMenuStyles.js.map +1 -0
  103. package/dist/elements/ReactSelect/index.css +8 -1
  104. package/dist/elements/ReactSelect/index.d.ts.map +1 -1
  105. package/dist/elements/ReactSelect/index.js +24 -101
  106. package/dist/elements/ReactSelect/index.js.map +1 -1
  107. package/dist/elements/ReactSelect/types.d.ts +1 -2
  108. package/dist/elements/ReactSelect/types.d.ts.map +1 -1
  109. package/dist/elements/ReactSelect/types.js.map +1 -1
  110. package/dist/elements/RelationshipTable/AddNewButton.d.ts +2 -2
  111. package/dist/elements/RelationshipTable/AddNewButton.d.ts.map +1 -1
  112. package/dist/elements/Search/ListSearchFilter/index.d.ts.map +1 -1
  113. package/dist/elements/Search/ListSearchFilter/index.js +1 -0
  114. package/dist/elements/Search/ListSearchFilter/index.js.map +1 -1
  115. package/dist/elements/Search/SearchInput/index.d.ts +2 -0
  116. package/dist/elements/Search/SearchInput/index.d.ts.map +1 -1
  117. package/dist/elements/Search/SearchInput/index.js +21 -18
  118. package/dist/elements/Search/SearchInput/index.js.map +1 -1
  119. package/dist/elements/SelectAll/index.css +3 -1
  120. package/dist/elements/SelectRow/index.d.ts +2 -2
  121. package/dist/elements/SelectRow/index.d.ts.map +1 -1
  122. package/dist/elements/SelectRow/index.js.map +1 -1
  123. package/dist/elements/Table/DefaultCell/fields/index.d.ts +1 -1
  124. package/dist/elements/Table/DefaultCell/fields/index.d.ts.map +1 -1
  125. package/dist/elements/Table/OrderableRow.d.ts.map +1 -1
  126. package/dist/elements/Table/OrderableRowDragPreview.d.ts.map +1 -1
  127. package/dist/elements/Table/index.css +18 -0
  128. package/dist/elements/Tabs/index.d.ts.map +1 -1
  129. package/dist/elements/Thumbnail/createThumbnail.d.ts.map +1 -1
  130. package/dist/elements/TimezonePicker/index.d.ts.map +1 -1
  131. package/dist/elements/TimezonePicker/index.js +5 -1
  132. package/dist/elements/TimezonePicker/index.js.map +1 -1
  133. package/dist/elements/Upload/index.d.ts.map +1 -1
  134. package/dist/elements/UserMenu/SubMenuHeader/index.d.ts.map +1 -1
  135. package/dist/elements/UserMenu/SubMenuHeader/index.js +8 -9
  136. package/dist/elements/UserMenu/SubMenuHeader/index.js.map +1 -1
  137. package/dist/elements/UserMenu/index.css +26 -1
  138. package/dist/elements/WhereBuilder/Condition/Relationship/optionsReducer.d.ts.map +1 -1
  139. package/dist/elements/WhereBuilder/Condition/Select/formatOptions.d.ts.map +1 -1
  140. package/dist/elements/WhereBuilder/Condition/validOperators.d.ts.map +1 -1
  141. package/dist/elements/WhereBuilder/field-types.d.ts.map +1 -1
  142. package/dist/exports/client/index.d.ts +0 -1
  143. package/dist/exports/client/index.d.ts.map +1 -1
  144. package/dist/exports/client/index.js +1 -1
  145. package/dist/exports/client/index.js.map +3 -3
  146. package/dist/exports/layouts.d.ts +1 -0
  147. package/dist/exports/layouts.d.ts.map +1 -1
  148. package/dist/exports/layouts.js +1 -0
  149. package/dist/exports/layouts.js.map +1 -1
  150. package/dist/exports/shared/index.d.ts +1 -0
  151. package/dist/exports/shared/index.d.ts.map +1 -1
  152. package/dist/exports/shared/index.js +2 -2
  153. package/dist/exports/shared/index.js.map +4 -4
  154. package/dist/fields/Array/ArrayRow.d.ts.map +1 -1
  155. package/dist/fields/Array/ArrayRow.js +97 -160
  156. package/dist/fields/Array/ArrayRow.js.map +1 -1
  157. package/dist/fields/Array/index.d.ts +1 -1
  158. package/dist/fields/Array/index.d.ts.map +1 -1
  159. package/dist/fields/Array/index.js +7 -4
  160. package/dist/fields/Array/index.js.map +1 -1
  161. package/dist/fields/Blocks/BlockRow.d.ts.map +1 -1
  162. package/dist/fields/Blocks/BlockRow.js +134 -195
  163. package/dist/fields/Blocks/BlockRow.js.map +1 -1
  164. package/dist/fields/Blocks/RowActions.d.ts +2 -0
  165. package/dist/fields/Blocks/RowActions.d.ts.map +1 -1
  166. package/dist/fields/Blocks/RowActions.js +23 -20
  167. package/dist/fields/Blocks/RowActions.js.map +1 -1
  168. package/dist/fields/Blocks/index.d.ts +1 -1
  169. package/dist/fields/Blocks/index.d.ts.map +1 -1
  170. package/dist/fields/Blocks/index.js +6 -3
  171. package/dist/fields/Blocks/index.js.map +1 -1
  172. package/dist/fields/Checkbox/index.d.ts +1 -1
  173. package/dist/fields/Code/index.css +1 -1
  174. package/dist/fields/Code/index.d.ts +2 -2
  175. package/dist/fields/Collapsible/index.d.ts +1 -1
  176. package/dist/fields/DateTime/index.d.ts +1 -1
  177. package/dist/fields/Email/index.d.ts +1 -1
  178. package/dist/fields/Group/index.d.ts +2 -2
  179. package/dist/fields/JSON/index.d.ts +1 -1
  180. package/dist/fields/Join/index.d.ts +1 -1
  181. package/dist/fields/Number/index.d.ts +1 -1
  182. package/dist/fields/Password/types.d.ts +3 -3
  183. package/dist/fields/Password/types.d.ts.map +1 -1
  184. package/dist/fields/Password/types.js.map +1 -1
  185. package/dist/fields/Point/index.d.ts +1 -1
  186. package/dist/fields/Relationship/findOptionsByValue.d.ts.map +1 -1
  187. package/dist/fields/Relationship/index.d.ts +1 -1
  188. package/dist/fields/Relationship/optionsReducer.d.ts.map +1 -1
  189. package/dist/fields/Row/index.d.ts +1 -1
  190. package/dist/fields/Select/index.d.ts +1 -1
  191. package/dist/fields/Select/index.d.ts.map +1 -1
  192. package/dist/fields/Tabs/index.d.ts +1 -1
  193. package/dist/fields/Text/index.d.ts +1 -1
  194. package/dist/fields/Text/types.d.ts +2 -2
  195. package/dist/fields/Text/types.d.ts.map +1 -1
  196. package/dist/fields/Text/types.js.map +1 -1
  197. package/dist/fields/Textarea/index.d.ts +1 -1
  198. package/dist/fields/mergeFieldStyles.d.ts +1 -1
  199. package/dist/fields/mergeFieldStyles.d.ts.map +1 -1
  200. package/dist/forms/Form/context.d.ts.map +1 -1
  201. package/dist/forms/Form/createNestedClientFieldPath.d.ts.map +1 -1
  202. package/dist/forms/Form/errorMessages.d.ts.map +1 -1
  203. package/dist/forms/Form/mergeServerFormState.d.ts.map +1 -1
  204. package/dist/forms/Form/reduceToSerializableFields.d.ts.map +1 -1
  205. package/dist/forms/Form/rowHelpers.d.ts.map +1 -1
  206. package/dist/forms/Form/rows.d.ts.map +1 -1
  207. package/dist/forms/RenderFields/RenderField.d.ts +1 -1
  208. package/dist/forms/RenderFields/index.css +16 -2
  209. package/dist/forms/WatchChildErrors/buildPathSegments.d.ts.map +1 -1
  210. package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.d.ts.map +1 -1
  211. package/dist/forms/fieldSchemasToFormState/calculateDefaultValues/index.d.ts.map +1 -1
  212. package/dist/forms/fieldSchemasToFormState/calculateDefaultValues/iterateFields.d.ts.map +1 -1
  213. package/dist/forms/fieldSchemasToFormState/calculateDefaultValues/promise.d.ts.map +1 -1
  214. package/dist/forms/fieldSchemasToFormState/index.d.ts.map +1 -1
  215. package/dist/forms/fieldSchemasToFormState/iterateFields.d.ts.map +1 -1
  216. package/dist/forms/useField/index.d.ts.map +1 -1
  217. package/dist/forms/withCondition/index.d.ts +1 -1
  218. package/dist/forms/withCondition/index.d.ts.map +1 -1
  219. package/dist/hooks/useDebouncedCallback.d.ts.map +1 -1
  220. package/dist/hooks/useDelay.d.ts.map +1 -1
  221. package/dist/hooks/useElementHeightVariable.d.ts.map +1 -1
  222. package/dist/hooks/useHotkey.d.ts.map +1 -1
  223. package/dist/hooks/useIntersect.d.ts.map +1 -1
  224. package/dist/hooks/usePopupWindow.d.ts +1 -1
  225. package/dist/hooks/usePopupWindow.d.ts.map +1 -1
  226. package/dist/hooks/useRelatedCollections.d.ts.map +1 -1
  227. package/dist/hooks/useResize.d.ts.map +1 -1
  228. package/dist/hooks/useUseAsTitle.d.ts.map +1 -1
  229. package/dist/layouts/Root/index.d.ts.map +1 -1
  230. package/dist/layouts/Root/index.js +7 -3
  231. package/dist/layouts/Root/index.js.map +1 -1
  232. package/dist/layouts/Root/index.spec.js +20 -0
  233. package/dist/layouts/Root/index.spec.js.map +1 -0
  234. package/dist/layouts/Root/viewport.d.ts +5 -0
  235. package/dist/layouts/Root/viewport.d.ts.map +1 -0
  236. package/dist/layouts/Root/viewport.js +17 -0
  237. package/dist/layouts/Root/viewport.js.map +1 -0
  238. package/dist/providers/Auth/index.d.ts +6 -6
  239. package/dist/providers/Auth/index.d.ts.map +1 -1
  240. package/dist/providers/Auth/index.js.map +1 -1
  241. package/dist/providers/ClientFunction/index.d.ts.map +1 -1
  242. package/dist/providers/DocumentInfo/index.js.map +1 -1
  243. package/dist/providers/DocumentInfo/types.d.ts +5 -5
  244. package/dist/providers/DocumentInfo/types.d.ts.map +1 -1
  245. package/dist/providers/DocumentInfo/types.js.map +1 -1
  246. package/dist/providers/DocumentInfo/useGetDocPermissions.d.ts.map +1 -1
  247. package/dist/providers/ListQuery/index.d.ts.map +1 -1
  248. package/dist/providers/ListQuery/index.js +8 -1
  249. package/dist/providers/ListQuery/index.js.map +1 -1
  250. package/dist/providers/ListQuery/mergeQuery.d.ts.map +1 -1
  251. package/dist/providers/ListQuery/sanitizeQuery.d.ts.map +1 -1
  252. package/dist/providers/LivePreview/sizeReducer.d.ts +1 -1
  253. package/dist/providers/LivePreview/sizeReducer.d.ts.map +1 -1
  254. package/dist/providers/TableColumns/buildColumnState/filterFields.d.ts.map +1 -1
  255. package/dist/providers/TableColumns/buildColumnState/filterFieldsWithPermissions.d.ts.map +1 -1
  256. package/dist/providers/TableColumns/buildColumnState/findValueFromPath.d.ts.map +1 -1
  257. package/dist/providers/TableColumns/buildColumnState/index.d.ts.map +1 -1
  258. package/dist/providers/TableColumns/getInitialColumns.d.ts +1 -1
  259. package/dist/providers/TableColumns/getInitialColumns.d.ts.map +1 -1
  260. package/dist/providers/Theme/index.d.ts +2 -2
  261. package/dist/providers/Theme/index.d.ts.map +1 -1
  262. package/dist/providers/Theme/index.js +2 -1
  263. package/dist/providers/Theme/index.js.map +1 -1
  264. package/dist/providers/Theme/shared.d.ts +3 -0
  265. package/dist/providers/Theme/shared.d.ts.map +1 -0
  266. package/dist/providers/Theme/shared.js +2 -0
  267. package/dist/providers/Theme/shared.js.map +1 -0
  268. package/dist/providers/UploadEdits/index.d.ts.map +1 -1
  269. package/dist/providers/UploadHandlers/index.d.ts.map +1 -1
  270. package/dist/styles.css +11 -1
  271. package/dist/utilities/api.d.ts.map +1 -1
  272. package/dist/utilities/buildClientFieldSchemaMap/index.d.ts.map +1 -1
  273. package/dist/utilities/buildClientFieldSchemaMap/traverseFields.d.ts.map +1 -1
  274. package/dist/utilities/buildFieldSchemaMap/index.d.ts.map +1 -1
  275. package/dist/utilities/buildFieldSchemaMap/traverseFields.d.ts.map +1 -1
  276. package/dist/utilities/buildFormState.d.ts +2 -2
  277. package/dist/utilities/buildFormState.d.ts.map +1 -1
  278. package/dist/utilities/buildFormState.js.map +1 -1
  279. package/dist/utilities/checkDependencies.d.ts.map +1 -1
  280. package/dist/utilities/combineFieldLabel.d.ts.map +1 -1
  281. package/dist/utilities/copyDataFromLocale.d.ts.map +1 -1
  282. package/dist/utilities/filterOutUploadFields.d.ts.map +1 -1
  283. package/dist/utilities/findLocaleFromCode.d.ts.map +1 -1
  284. package/dist/utilities/formatAbsoluteURL.d.ts.map +1 -1
  285. package/dist/utilities/formatDocTitle/formatDateTitle.d.ts.map +1 -1
  286. package/dist/utilities/formatDocTitle/formatRelationshipTitle.d.ts.map +1 -1
  287. package/dist/utilities/formatDocTitle/index.d.ts +1 -1
  288. package/dist/utilities/formatDocTitle/index.d.ts.map +1 -1
  289. package/dist/utilities/formatDocTitle/index.js +1 -1
  290. package/dist/utilities/formatDocTitle/index.js.map +1 -1
  291. package/dist/utilities/formatFields.d.ts.map +1 -1
  292. package/dist/utilities/formatMetadata.d.ts.map +1 -1
  293. package/dist/utilities/generateFieldID.d.ts.map +1 -1
  294. package/dist/utilities/getColumns.d.ts.map +1 -1
  295. package/dist/utilities/getDisplayedFieldValue.d.ts.map +1 -1
  296. package/dist/utilities/getDocPreferences.d.ts.map +1 -1
  297. package/dist/utilities/getDocumentData.d.ts.map +1 -1
  298. package/dist/utilities/getDocumentPermissions.d.ts.map +1 -1
  299. package/dist/utilities/getGlobalData.d.ts +2 -2
  300. package/dist/utilities/getGlobalData.d.ts.map +1 -1
  301. package/dist/utilities/getGlobalData.js.map +1 -1
  302. package/dist/utilities/getHasScheduledPublish.d.ts.map +1 -1
  303. package/dist/utilities/getIsLocked.d.ts.map +1 -1
  304. package/dist/utilities/getLanguageDir.d.ts +12 -0
  305. package/dist/utilities/getLanguageDir.d.ts.map +1 -0
  306. package/dist/utilities/getLanguageDir.js +12 -0
  307. package/dist/utilities/getLanguageDir.js.map +1 -0
  308. package/dist/utilities/getOffsetTop.d.ts.map +1 -1
  309. package/dist/utilities/getRequestHighContrast.d.ts.map +1 -1
  310. package/dist/utilities/getRequestLanguage.d.ts.map +1 -1
  311. package/dist/utilities/getRequestTheme.d.ts +1 -1
  312. package/dist/utilities/getRequestTheme.d.ts.map +1 -1
  313. package/dist/utilities/getRequestTheme.js +1 -1
  314. package/dist/utilities/getRequestTheme.js.map +1 -1
  315. package/dist/utilities/getRouteWithoutAdmin.d.ts.map +1 -1
  316. package/dist/utilities/getSupportedMonacoLocale.d.ts.map +1 -1
  317. package/dist/utilities/getVersions.d.ts.map +1 -1
  318. package/dist/utilities/handleAuthRedirect.d.ts.map +1 -1
  319. package/dist/utilities/handleBackToDashboard.d.ts.map +1 -1
  320. package/dist/utilities/handleFormStateLocking.d.ts.map +1 -1
  321. package/dist/utilities/handleGoBack.d.ts.map +1 -1
  322. package/dist/utilities/handleLivePreview.d.ts.map +1 -1
  323. package/dist/utilities/handlePreview.d.ts.map +1 -1
  324. package/dist/utilities/handleServerFunctions.d.ts.map +1 -1
  325. package/dist/utilities/handleStaleDataCheck.d.ts.map +1 -1
  326. package/dist/utilities/handleTakeOver.d.ts +5 -5
  327. package/dist/utilities/handleTakeOver.d.ts.map +1 -1
  328. package/dist/utilities/handleTakeOver.js.map +1 -1
  329. package/dist/utilities/hasOptionLabelJSXElement.d.ts.map +1 -1
  330. package/dist/utilities/hasSavePermission.d.ts.map +1 -1
  331. package/dist/utilities/initReq.d.ts.map +1 -1
  332. package/dist/utilities/isClientUserObject.d.ts +2 -2
  333. package/dist/utilities/isClientUserObject.d.ts.map +1 -1
  334. package/dist/utilities/isClientUserObject.js.map +1 -1
  335. package/dist/utilities/isCustomAdminView.d.ts.map +1 -1
  336. package/dist/utilities/isEditing.d.ts.map +1 -1
  337. package/dist/utilities/isPathMatchingRoute.d.ts.map +1 -1
  338. package/dist/utilities/isPublicAdminRoute.d.ts.map +1 -1
  339. package/dist/utilities/isURLAllowed.d.ts.map +1 -1
  340. package/dist/utilities/recentlyViewed.d.ts.map +1 -1
  341. package/dist/utilities/reduceFieldsToOptions.d.ts.map +1 -1
  342. package/dist/utilities/reduceFieldsToValuesWithValidation.d.ts.map +1 -1
  343. package/dist/utilities/renderTable.d.ts +2 -2
  344. package/dist/utilities/renderTable.d.ts.map +1 -1
  345. package/dist/utilities/resolveFilterOptions.d.ts +1 -1
  346. package/dist/utilities/resolveFilterOptions.d.ts.map +1 -1
  347. package/dist/utilities/sanitizeFilterOptionsQuery.d.ts.map +1 -1
  348. package/dist/utilities/scrollToID.d.ts.map +1 -1
  349. package/dist/utilities/selectiveCache.d.ts.map +1 -1
  350. package/dist/utilities/setsAreEqual.d.ts.map +1 -1
  351. package/dist/utilities/traverseForLocalizedFields.d.ts.map +1 -1
  352. package/dist/utilities/upsertPreferences.d.ts.map +1 -1
  353. package/dist/views/CollectionTrash/generateCollectionTrashMetadata.d.ts.map +1 -1
  354. package/dist/views/Dashboard/Default/index.d.ts +2 -2
  355. package/dist/views/Dashboard/Default/index.d.ts.map +1 -1
  356. package/dist/views/Dashboard/Default/index.js.map +1 -1
  357. package/dist/views/Document/getCustomDocumentViewByKey.d.ts +1 -1
  358. package/dist/views/Document/getCustomDocumentViewByKey.d.ts.map +1 -1
  359. package/dist/views/Document/getCustomViewByRoute.d.ts +1 -1
  360. package/dist/views/Document/getCustomViewByRoute.d.ts.map +1 -1
  361. package/dist/views/Document/getDocumentView.d.ts.map +1 -1
  362. package/dist/views/Document/getMetaBySegment.d.ts.map +1 -1
  363. package/dist/views/Document/index.d.ts +1 -1
  364. package/dist/views/Document/index.d.ts.map +1 -1
  365. package/dist/views/Document/recordRecentlyViewed.d.ts.map +1 -1
  366. package/dist/views/Edit/index.d.ts.map +1 -1
  367. package/dist/views/Edit/index.js.map +1 -1
  368. package/dist/views/HierarchyList/HierarchyTable/SlotTable.d.ts +2 -2
  369. package/dist/views/HierarchyList/HierarchyTable/SlotTable.d.ts.map +1 -1
  370. package/dist/views/HierarchyList/HierarchyTable/SlotTable.js.map +1 -1
  371. package/dist/views/HierarchyList/HierarchyTable/types.d.ts +2 -2
  372. package/dist/views/HierarchyList/HierarchyTable/types.d.ts.map +1 -1
  373. package/dist/views/HierarchyList/HierarchyTable/types.js.map +1 -1
  374. package/dist/views/HierarchyList/TypeFilter/index.d.ts.map +1 -1
  375. package/dist/views/HierarchyList/TypeFilter/index.js +3 -0
  376. package/dist/views/HierarchyList/TypeFilter/index.js.map +1 -1
  377. package/dist/views/HierarchyList/index.d.ts.map +1 -1
  378. package/dist/views/HierarchyList/index.js +2 -6
  379. package/dist/views/HierarchyList/index.js.map +1 -1
  380. package/dist/views/List/createSerializableValue.d.ts.map +1 -1
  381. package/dist/views/List/extractRelationshipDisplayValue.d.ts.map +1 -1
  382. package/dist/views/List/extractValueOrRelationshipID.d.ts.map +1 -1
  383. package/dist/views/List/generateListViewMetadata.d.ts.map +1 -1
  384. package/dist/views/List/handleGroupBy.d.ts.map +1 -1
  385. package/dist/views/List/handleHierarchy.d.ts +1 -1
  386. package/dist/views/List/handleHierarchy.d.ts.map +1 -1
  387. package/dist/views/List/index.d.ts.map +1 -1
  388. package/dist/views/List/renderListViewSlots.d.ts.map +1 -1
  389. package/dist/views/List/resolveAllFilterOptions.d.ts.map +1 -1
  390. package/dist/views/List/transformColumnsToSelect.d.ts.map +1 -1
  391. package/dist/views/NotFound/page.d.ts.map +1 -1
  392. package/dist/views/Root/generateCustomViewMetadata.d.ts.map +1 -1
  393. package/dist/views/Root/generatePageMetadata.d.ts.map +1 -1
  394. package/dist/views/Root/getCustomCollectionViewByRoute.d.ts +1 -1
  395. package/dist/views/Root/getCustomCollectionViewByRoute.d.ts.map +1 -1
  396. package/dist/views/Root/getCustomGlobalViewByRoute.d.ts +1 -1
  397. package/dist/views/Root/getCustomGlobalViewByRoute.d.ts.map +1 -1
  398. package/dist/views/Root/getCustomViewByKey.d.ts.map +1 -1
  399. package/dist/views/Root/getCustomViewByRoute.d.ts.map +1 -1
  400. package/dist/views/Root/getRouteData.d.ts.map +1 -1
  401. package/dist/views/Root/index.d.ts.map +1 -1
  402. package/dist/views/Unauthorized/index.d.ts.map +1 -1
  403. package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts.map +1 -1
  404. package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts.map +1 -1
  405. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/generateLabelFromValue.d.ts.map +1 -1
  406. package/dist/views/Version/RenderFieldsToDiff/index.d.ts.map +1 -1
  407. package/dist/views/Version/SelectComparison/VersionDrawer/index.d.ts.map +1 -1
  408. package/dist/views/Versions/buildColumns.d.ts +1 -1
  409. package/dist/views/Versions/buildColumns.d.ts.map +1 -1
  410. package/dist/views/Versions/fetchVersions.d.ts +4 -4
  411. package/dist/views/Versions/fetchVersions.d.ts.map +1 -1
  412. package/dist/widgets/CollectionCards/getCollectionCardsData.d.ts +2 -2
  413. package/dist/widgets/CollectionCards/getCollectionCardsData.d.ts.map +1 -1
  414. package/dist/widgets/CollectionCards/getCollectionCardsData.js.map +1 -1
  415. package/dist/widgets/CollectionCards/index.client.js.map +1 -1
  416. package/dist/widgets/WidgetCard/index.css +1 -1
  417. package/package.json +5 -4
  418. package/dist/elements/Nav/NavToggler/index.css +0 -12
  419. package/dist/elements/Nav/NavToggler/index.d.ts +0 -9
  420. package/dist/elements/Nav/NavToggler/index.d.ts.map +0 -1
  421. package/dist/elements/Nav/NavToggler/index.js +0 -91
  422. package/dist/elements/Nav/NavToggler/index.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,EAAE,KAAK,EAAE,EAAe,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAQ9D,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,iBAAiB,CAAA;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CA8FrC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEzD,OAAO,EAAE,KAAK,EAAE,EAAe,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAS9D,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,iBAAiB,CAAA;AAErB;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,KAAK,CAyGrC,CAAA"}
@@ -9,6 +9,7 @@ import { MoreIcon } from '../../icons/More/index.js';
9
9
  import { useTranslation } from '../../providers/Translation/index.js';
10
10
  import { Popup, PopupList } from '../Popup/index.js';
11
11
  import { clipboardCopy, clipboardPaste } from './clipboardUtilities.js';
12
+ import { useCanPasteClipboard } from './useCanPasteClipboard.js';
12
13
  import './index.css';
13
14
  const baseClass = 'clipboard-action';
14
15
  /**
@@ -30,6 +31,16 @@ export const ClipboardAction = ({
30
31
  const {
31
32
  t
32
33
  } = useTranslation();
34
+ const {
35
+ canPaste,
36
+ refresh
37
+ } = useCanPasteClipboard(rest.type === 'array' ? {
38
+ path,
39
+ schemaFields: rest.fields
40
+ } : {
41
+ path,
42
+ schemaBlocks: rest.blocks
43
+ });
33
44
  const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ');
34
45
  const handleCopy = useCallback(() => {
35
46
  const clipboardResult = clipboardCopy({
@@ -70,6 +81,11 @@ export const ClipboardAction = ({
70
81
  className: classes,
71
82
  disabled: disabled,
72
83
  horizontalAlign: "right",
84
+ onToggleOpen: active => {
85
+ if (active) {
86
+ refresh();
87
+ }
88
+ },
73
89
  render: ({
74
90
  close
75
91
  }) => /*#__PURE__*/_jsxs(PopupList.MenuItem, {
@@ -86,7 +102,7 @@ export const ClipboardAction = ({
86
102
  children: isRow ? t('general:copyRow') : t('general:copyField')
87
103
  }), /*#__PURE__*/_jsx(PopupList.Button, {
88
104
  className: pasteClassName,
89
- disabled: !allowPaste,
105
+ disabled: !allowPaste || !canPaste,
90
106
  icon: /*#__PURE__*/_jsx(ClipboardIcon, {}),
91
107
  onClick: () => {
92
108
  void handlePaste();
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["useCallback","toast","ClipboardIcon","CopyIcon","MoreIcon","useTranslation","Popup","PopupList","clipboardCopy","clipboardPaste","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","type","schemaFields","fields","schemaBlocks","blocks","_jsx","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","render","close","_jsxs","MenuItem","Button","icon","size","onClick","verticalAlign"],"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from 'payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\nimport './index.css'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n allowCopy?: boolean\n allowPaste?: boolean\n className?: string\n copyClassName?: string\n disabled?: boolean\n getDataToCopy: () => FormStateWithoutComponents\n isRow?: boolean\n onPaste: OnPasteFn\n pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n allowCopy,\n allowPaste,\n className,\n copyClassName,\n disabled,\n isRow,\n onPaste,\n pasteClassName,\n path,\n ...rest\n}) => {\n const { t } = useTranslation()\n\n const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n const handleCopy = useCallback(() => {\n const clipboardResult = clipboardCopy({\n path,\n t,\n ...rest,\n })\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n } else {\n toast.success(t('general:copied'))\n }\n }, [t, rest, path])\n\n const handlePaste = useCallback(() => {\n const clipboardResult = clipboardPaste(\n rest.type === 'array'\n ? {\n onPaste,\n path,\n schemaFields: rest.fields,\n t,\n }\n : {\n onPaste,\n path,\n schemaBlocks: rest.blocks,\n t,\n },\n )\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n }\n }, [onPaste, rest, path, t])\n\n if (!allowPaste && !allowCopy) {\n return null\n }\n\n return (\n <Popup\n button={<MoreIcon />}\n buttonAriaLabel={t('general:moreOptions')}\n buttonClassName={`${baseClass}__button`}\n caret={false}\n className={classes}\n disabled={disabled}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.MenuItem>\n <PopupList.Button\n className={copyClassName}\n disabled={!allowCopy}\n icon={<CopyIcon size={24} />}\n onClick={() => {\n void handleCopy()\n close()\n }}\n >\n {isRow ? t('general:copyRow') : t('general:copyField')}\n </PopupList.Button>\n <PopupList.Button\n className={pasteClassName}\n disabled={!allowPaste}\n icon={<ClipboardIcon />}\n onClick={() => {\n void handlePaste()\n close()\n }}\n >\n {isRow ? t('general:pasteRow') : t('general:pasteField')}\n </PopupList.Button>\n </PopupList.MenuItem>\n )}\n verticalAlign=\"bottom\"\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["useCallback","toast","ClipboardIcon","CopyIcon","MoreIcon","useTranslation","Popup","PopupList","clipboardCopy","clipboardPaste","useCanPasteClipboard","baseClass","ClipboardAction","allowCopy","allowPaste","className","copyClassName","disabled","isRow","onPaste","pasteClassName","path","rest","t","canPaste","refresh","type","schemaFields","fields","schemaBlocks","blocks","classes","filter","Boolean","join","handleCopy","clipboardResult","error","success","handlePaste","_jsx","button","buttonAriaLabel","buttonClassName","caret","horizontalAlign","onToggleOpen","active","render","close","_jsxs","MenuItem","Button","icon","size","onClick","verticalAlign"],"sources":["../../../src/elements/ClipboardAction/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormStateWithoutComponents } from 'payload'\n\nimport { type FC, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { ClipboardCopyData, OnPasteFn } from './types.js'\n\nimport { ClipboardIcon } from '../../icons/Clipboard/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { clipboardCopy, clipboardPaste } from './clipboardUtilities.js'\nimport { useCanPasteClipboard } from './useCanPasteClipboard.js'\nimport './index.css'\n\nconst baseClass = 'clipboard-action'\n\ntype Props = {\n allowCopy?: boolean\n allowPaste?: boolean\n className?: string\n copyClassName?: string\n disabled?: boolean\n getDataToCopy: () => FormStateWithoutComponents\n isRow?: boolean\n onPaste: OnPasteFn\n pasteClassName?: string\n} & ClipboardCopyData\n\n/**\n * Menu actions for copying and pasting fields. Currently, this is only used in Arrays and Blocks.\n * @note This component doesn't use the Clipboard API, but localStorage. See rationale in #11513\n */\nexport const ClipboardAction: FC<Props> = ({\n allowCopy,\n allowPaste,\n className,\n copyClassName,\n disabled,\n isRow,\n onPaste,\n pasteClassName,\n path,\n ...rest\n}) => {\n const { t } = useTranslation()\n\n const { canPaste, refresh } = useCanPasteClipboard(\n rest.type === 'array'\n ? { path, schemaFields: rest.fields }\n : { path, schemaBlocks: rest.blocks },\n )\n\n const classes = [`${baseClass}__popup`, className].filter(Boolean).join(' ')\n\n const handleCopy = useCallback(() => {\n const clipboardResult = clipboardCopy({\n path,\n t,\n ...rest,\n })\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n } else {\n toast.success(t('general:copied'))\n }\n }, [t, rest, path])\n\n const handlePaste = useCallback(() => {\n const clipboardResult = clipboardPaste(\n rest.type === 'array'\n ? {\n onPaste,\n path,\n schemaFields: rest.fields,\n t,\n }\n : {\n onPaste,\n path,\n schemaBlocks: rest.blocks,\n t,\n },\n )\n\n if (typeof clipboardResult === 'string') {\n toast.error(clipboardResult)\n }\n }, [onPaste, rest, path, t])\n\n if (!allowPaste && !allowCopy) {\n return null\n }\n\n return (\n <Popup\n button={<MoreIcon />}\n buttonAriaLabel={t('general:moreOptions')}\n buttonClassName={`${baseClass}__button`}\n caret={false}\n className={classes}\n disabled={disabled}\n horizontalAlign=\"right\"\n onToggleOpen={(active) => {\n if (active) {\n refresh()\n }\n }}\n render={({ close }) => (\n <PopupList.MenuItem>\n <PopupList.Button\n className={copyClassName}\n disabled={!allowCopy}\n icon={<CopyIcon size={24} />}\n onClick={() => {\n void handleCopy()\n close()\n }}\n >\n {isRow ? t('general:copyRow') : t('general:copyField')}\n </PopupList.Button>\n <PopupList.Button\n className={pasteClassName}\n disabled={!allowPaste || !canPaste}\n icon={<ClipboardIcon />}\n onClick={() => {\n void handlePaste()\n close()\n }}\n >\n {isRow ? t('general:pasteRow') : t('general:pasteField')}\n </PopupList.Button>\n </PopupList.MenuItem>\n )}\n verticalAlign=\"bottom\"\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,144 @@
1
+ import { describe, expect, it } from 'vitest';
2
+ import { isClipboardDataValid } from './isClipboardDataValid.js';
3
+ const textField = {
4
+ name: 'text',
5
+ type: 'text'
6
+ };
7
+ const numberField = {
8
+ name: 'num',
9
+ type: 'number'
10
+ };
11
+ const renamedTextField = {
12
+ name: 'title',
13
+ type: 'text'
14
+ };
15
+ const subArrayField = {
16
+ name: 'sub',
17
+ type: 'array',
18
+ fields: [textField]
19
+ };
20
+ const subArrayFieldMismatch = {
21
+ name: 'sub',
22
+ type: 'array',
23
+ fields: [numberField]
24
+ };
25
+ const ctaBlock = {
26
+ slug: 'cta',
27
+ fields: [textField]
28
+ };
29
+ const otherBlock = {
30
+ slug: 'other',
31
+ fields: [numberField]
32
+ };
33
+ const baseData = {
34
+ 'items.0.text': {
35
+ valid: true,
36
+ value: 'hi'
37
+ }
38
+ };
39
+ const buildArrayArgs = ({
40
+ fields,
41
+ schemaFields,
42
+ ...overrides
43
+ }) => ({
44
+ type: 'array',
45
+ data: baseData,
46
+ fieldPath: 'items',
47
+ fields,
48
+ path: 'items',
49
+ rowIndex: 0,
50
+ schemaFields,
51
+ ...overrides
52
+ });
53
+ const buildBlocksArgs = ({
54
+ blocks,
55
+ schemaBlocks
56
+ }) => ({
57
+ type: 'blocks',
58
+ blocks,
59
+ data: {
60
+ 'layout.0.blockType': {
61
+ valid: true,
62
+ value: 'cta'
63
+ }
64
+ },
65
+ fieldPath: 'layout',
66
+ path: 'layout',
67
+ rowIndex: 0,
68
+ schemaBlocks
69
+ });
70
+ describe('isClipboardDataValid', () => {
71
+ it('should return false when data is undefined', () => {
72
+ expect(isClipboardDataValid(buildArrayArgs({
73
+ data: undefined,
74
+ fields: [textField],
75
+ schemaFields: [textField]
76
+ }))).toBe(false);
77
+ });
78
+ it('should return false when path is missing', () => {
79
+ expect(isClipboardDataValid(buildArrayArgs({
80
+ fields: [textField],
81
+ path: '',
82
+ schemaFields: [textField]
83
+ }))).toBe(false);
84
+ });
85
+ describe('array fields', () => {
86
+ it('should return true for a matching schema', () => {
87
+ expect(isClipboardDataValid(buildArrayArgs({
88
+ fields: [textField],
89
+ schemaFields: [textField]
90
+ }))).toBe(true);
91
+ });
92
+ it('should return false when field types differ', () => {
93
+ expect(isClipboardDataValid(buildArrayArgs({
94
+ fields: [textField],
95
+ schemaFields: [numberField]
96
+ }))).toBe(false);
97
+ });
98
+ it('should return false when field names differ', () => {
99
+ expect(isClipboardDataValid(buildArrayArgs({
100
+ fields: [textField],
101
+ schemaFields: [renamedTextField]
102
+ }))).toBe(false);
103
+ });
104
+ it('should return false when field counts differ', () => {
105
+ expect(isClipboardDataValid(buildArrayArgs({
106
+ fields: [textField],
107
+ schemaFields: [textField, numberField]
108
+ }))).toBe(false);
109
+ });
110
+ it('should return true for matching nested sub-fields', () => {
111
+ expect(isClipboardDataValid(buildArrayArgs({
112
+ fields: [subArrayField],
113
+ schemaFields: [subArrayField]
114
+ }))).toBe(true);
115
+ });
116
+ it('should return false for mismatching nested sub-fields', () => {
117
+ expect(isClipboardDataValid(buildArrayArgs({
118
+ fields: [subArrayField],
119
+ schemaFields: [subArrayFieldMismatch]
120
+ }))).toBe(false);
121
+ });
122
+ });
123
+ describe('blocks fields', () => {
124
+ it('should return true for a matching block schema', () => {
125
+ expect(isClipboardDataValid(buildBlocksArgs({
126
+ blocks: [ctaBlock],
127
+ schemaBlocks: [ctaBlock]
128
+ }))).toBe(true);
129
+ });
130
+ it('should return false when a copied block slug is not in the target config', () => {
131
+ expect(isClipboardDataValid(buildBlocksArgs({
132
+ blocks: [ctaBlock],
133
+ schemaBlocks: [otherBlock]
134
+ }))).toBe(false);
135
+ });
136
+ it('should return false when the target has no blocks configured', () => {
137
+ expect(isClipboardDataValid(buildBlocksArgs({
138
+ blocks: [ctaBlock],
139
+ schemaBlocks: []
140
+ }))).toBe(false);
141
+ });
142
+ });
143
+ });
144
+ //# sourceMappingURL=isClipboardDataValid.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isClipboardDataValid.spec.js","names":["describe","expect","it","isClipboardDataValid","textField","name","type","numberField","renamedTextField","subArrayField","fields","subArrayFieldMismatch","ctaBlock","slug","otherBlock","baseData","valid","value","buildArrayArgs","schemaFields","overrides","data","fieldPath","path","rowIndex","buildBlocksArgs","blocks","schemaBlocks","undefined","toBe"],"sources":["../../../src/elements/ClipboardAction/isClipboardDataValid.spec.ts"],"sourcesContent":["import type { ClientBlock, ClientField } from 'payload'\n\nimport { describe, expect, it } from 'vitest'\n\nimport type { ClipboardPasteActionValidateArgs, ClipboardPasteData } from './types.js'\n\nimport { isClipboardDataValid } from './isClipboardDataValid.js'\n\nconst textField = { name: 'text', type: 'text' } as ClientField\nconst numberField = { name: 'num', type: 'number' } as ClientField\nconst renamedTextField = { name: 'title', type: 'text' } as ClientField\n\nconst subArrayField = { name: 'sub', type: 'array', fields: [textField] } as ClientField\nconst subArrayFieldMismatch = { name: 'sub', type: 'array', fields: [numberField] } as ClientField\n\nconst ctaBlock = { slug: 'cta', fields: [textField] } as ClientBlock\nconst otherBlock = { slug: 'other', fields: [numberField] } as ClientBlock\n\nconst baseData: ClipboardPasteData['data'] = { 'items.0.text': { valid: true, value: 'hi' } }\n\nconst buildArrayArgs = ({\n fields,\n schemaFields,\n ...overrides\n}: {\n fields: ClientField[]\n schemaFields: ClientField[]\n} & Partial<ClipboardPasteActionValidateArgs>): ClipboardPasteActionValidateArgs =>\n ({\n type: 'array',\n data: baseData,\n fieldPath: 'items',\n fields,\n path: 'items',\n rowIndex: 0,\n schemaFields,\n ...overrides,\n }) as ClipboardPasteActionValidateArgs\n\nconst buildBlocksArgs = ({\n blocks,\n schemaBlocks,\n}: {\n blocks: ClientBlock[]\n schemaBlocks: ClientBlock[]\n}): ClipboardPasteActionValidateArgs =>\n ({\n type: 'blocks',\n blocks,\n data: { 'layout.0.blockType': { valid: true, value: 'cta' } },\n fieldPath: 'layout',\n path: 'layout',\n rowIndex: 0,\n schemaBlocks,\n }) as ClipboardPasteActionValidateArgs\n\ndescribe('isClipboardDataValid', () => {\n it('should return false when data is undefined', () => {\n expect(\n isClipboardDataValid(\n buildArrayArgs({ data: undefined, fields: [textField], schemaFields: [textField] }),\n ),\n ).toBe(false)\n })\n\n it('should return false when path is missing', () => {\n expect(\n isClipboardDataValid(\n buildArrayArgs({ fields: [textField], path: '', schemaFields: [textField] }),\n ),\n ).toBe(false)\n })\n\n describe('array fields', () => {\n it('should return true for a matching schema', () => {\n expect(\n isClipboardDataValid(buildArrayArgs({ fields: [textField], schemaFields: [textField] })),\n ).toBe(true)\n })\n\n it('should return false when field types differ', () => {\n expect(\n isClipboardDataValid(buildArrayArgs({ fields: [textField], schemaFields: [numberField] })),\n ).toBe(false)\n })\n\n it('should return false when field names differ', () => {\n expect(\n isClipboardDataValid(\n buildArrayArgs({ fields: [textField], schemaFields: [renamedTextField] }),\n ),\n ).toBe(false)\n })\n\n it('should return false when field counts differ', () => {\n expect(\n isClipboardDataValid(\n buildArrayArgs({ fields: [textField], schemaFields: [textField, numberField] }),\n ),\n ).toBe(false)\n })\n\n it('should return true for matching nested sub-fields', () => {\n expect(\n isClipboardDataValid(\n buildArrayArgs({ fields: [subArrayField], schemaFields: [subArrayField] }),\n ),\n ).toBe(true)\n })\n\n it('should return false for mismatching nested sub-fields', () => {\n expect(\n isClipboardDataValid(\n buildArrayArgs({ fields: [subArrayField], schemaFields: [subArrayFieldMismatch] }),\n ),\n ).toBe(false)\n })\n })\n\n describe('blocks fields', () => {\n it('should return true for a matching block schema', () => {\n expect(\n isClipboardDataValid(buildBlocksArgs({ blocks: [ctaBlock], schemaBlocks: [ctaBlock] })),\n ).toBe(true)\n })\n\n it('should return false when a copied block slug is not in the target config', () => {\n expect(\n isClipboardDataValid(buildBlocksArgs({ blocks: [ctaBlock], schemaBlocks: [otherBlock] })),\n ).toBe(false)\n })\n\n it('should return false when the target has no blocks configured', () => {\n expect(isClipboardDataValid(buildBlocksArgs({ blocks: [ctaBlock], schemaBlocks: [] }))).toBe(\n false,\n )\n })\n })\n})\n"],"mappings":"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","ignoreList":[]}
@@ -42,4 +42,7 @@ export type ClipboardPasteActionValidateArgs = {
42
42
  schemaFields: ClientField[];
43
43
  type: 'array';
44
44
  }) & ClipboardPasteData;
45
+ export type ClipboardPasteEligibilityArgs = {
46
+ path: string;
47
+ } & (ClipboardCopyBlocksSchema | ClipboardCopyFieldsSchema);
45
48
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,CAAA;AAEvD,MAAM,MAAM,uBAAuB,GAAG;IACpC,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,CAAC,EAAE,SAAS,CAAA;CACb,GAAG,iBAAiB,CAAA;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,0BAA0B,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,CAAA;AAEvD,MAAM,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;AAE1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,SAAS,CAAA;CACb,GAAG,CAAC,yBAAyB,GAAG,yBAAyB,CAAC,CAAA;AAE3D,MAAM,MAAM,gCAAgC,GAAG;IAC7C,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,CACA;IACE,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,IAAI,EAAE,QAAQ,CAAA;CACf,GACD;IACE,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,IAAI,EAAE,OAAO,CAAA;CACd,CACJ,GACC,kBAAkB,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,CAAA;AAEvD,MAAM,MAAM,uBAAuB,GAAG;IACpC,aAAa,EAAE,MAAM,0BAA0B,CAAA;IAC/C,CAAC,EAAE,SAAS,CAAA;CACb,GAAG,iBAAiB,CAAA;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,0BAA0B,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,CAAA;AAEvD,MAAM,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;AAE1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,SAAS,CAAA;CACb,GAAG,CAAC,yBAAyB,GAAG,yBAAyB,CAAC,CAAA;AAE3D,MAAM,MAAM,gCAAgC,GAAG;IAC7C,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,CACA;IACE,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,IAAI,EAAE,QAAQ,CAAA;CACf,GACD;IACE,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,IAAI,EAAE,OAAO,CAAA;CACd,CACJ,GACC,kBAAkB,CAAA;AAEpB,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,MAAM,CAAA;CACb,GAAG,CAAC,yBAAyB,GAAG,yBAAyB,CAAC,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ClipboardAction/types.ts"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { ClientBlock, ClientField, FormStateWithoutComponents } from 'payload'\n\nexport type ClipboardCopyBlocksSchema = {\n schemaBlocks: ClientBlock[]\n}\n\nexport type ClipboardCopyBlocksData = {\n blocks: ClientBlock[]\n type: 'blocks'\n}\n\nexport type ClipboardCopyFieldsSchema = {\n schemaFields: ClientField[]\n}\n\nexport type ClipboardCopyFieldsData = {\n fields: ClientField[]\n type: 'array'\n}\n\nexport type ClipboardCopyData = {\n path: string\n rowIndex?: number\n} & (ClipboardCopyBlocksData | ClipboardCopyFieldsData)\n\nexport type ClipboardCopyActionArgs = {\n getDataToCopy: () => FormStateWithoutComponents\n t: TFunction\n} & ClipboardCopyData\n\nexport type ClipboardPasteData = {\n data: FormStateWithoutComponents\n path: string\n rowIndex?: number\n} & (ClipboardCopyBlocksData | ClipboardCopyFieldsData)\n\nexport type OnPasteFn = (data: ClipboardPasteData) => void\n\nexport type ClipboardPasteActionArgs = {\n onPaste: OnPasteFn\n path: string\n t: TFunction\n} & (ClipboardCopyBlocksSchema | ClipboardCopyFieldsSchema)\n\nexport type ClipboardPasteActionValidateArgs = {\n fieldPath: string\n} & (\n | {\n schemaBlocks: ClientBlock[]\n type: 'blocks'\n }\n | {\n schemaFields: ClientField[]\n type: 'array'\n }\n) &\n ClipboardPasteData\n"],"mappings":"AA6CA","ignoreList":[]}
1
+ {"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ClipboardAction/types.ts"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { ClientBlock, ClientField, FormStateWithoutComponents } from 'payload'\n\nexport type ClipboardCopyBlocksSchema = {\n schemaBlocks: ClientBlock[]\n}\n\nexport type ClipboardCopyBlocksData = {\n blocks: ClientBlock[]\n type: 'blocks'\n}\n\nexport type ClipboardCopyFieldsSchema = {\n schemaFields: ClientField[]\n}\n\nexport type ClipboardCopyFieldsData = {\n fields: ClientField[]\n type: 'array'\n}\n\nexport type ClipboardCopyData = {\n path: string\n rowIndex?: number\n} & (ClipboardCopyBlocksData | ClipboardCopyFieldsData)\n\nexport type ClipboardCopyActionArgs = {\n getDataToCopy: () => FormStateWithoutComponents\n t: TFunction\n} & ClipboardCopyData\n\nexport type ClipboardPasteData = {\n data: FormStateWithoutComponents\n path: string\n rowIndex?: number\n} & (ClipboardCopyBlocksData | ClipboardCopyFieldsData)\n\nexport type OnPasteFn = (data: ClipboardPasteData) => void\n\nexport type ClipboardPasteActionArgs = {\n onPaste: OnPasteFn\n path: string\n t: TFunction\n} & (ClipboardCopyBlocksSchema | ClipboardCopyFieldsSchema)\n\nexport type ClipboardPasteActionValidateArgs = {\n fieldPath: string\n} & (\n | {\n schemaBlocks: ClientBlock[]\n type: 'blocks'\n }\n | {\n schemaFields: ClientField[]\n type: 'array'\n }\n) &\n ClipboardPasteData\n\nexport type ClipboardPasteEligibilityArgs = {\n path: string\n} & (ClipboardCopyBlocksSchema | ClipboardCopyFieldsSchema)\n"],"mappings":"AA2DA","ignoreList":[]}
@@ -0,0 +1,10 @@
1
+ import type { ClipboardPasteEligibilityArgs } from './types.js';
2
+ /**
3
+ * Tracks whether the clipboard contents can be pasted into the target field.
4
+ * Call `refresh` when a paste menu opens to re-check against the field's schema.
5
+ */
6
+ export declare function useCanPasteClipboard(args: ClipboardPasteEligibilityArgs): {
7
+ canPaste: boolean;
8
+ refresh: () => void;
9
+ };
10
+ //# sourceMappingURL=useCanPasteClipboard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCanPasteClipboard.d.ts","sourceRoot":"","sources":["../../../src/elements/ClipboardAction/useCanPasteClipboard.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,YAAY,CAAA;AAI/D;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,6BAA6B,GAAG;IACzE,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAWA"}
@@ -0,0 +1,21 @@
1
+ 'use client';
2
+
3
+ import { useCallback, useRef, useState } from 'react';
4
+ import { canPasteClipboardData } from './clipboardUtilities.js';
5
+ /**
6
+ * Tracks whether the clipboard contents can be pasted into the target field.
7
+ * Call `refresh` when a paste menu opens to re-check against the field's schema.
8
+ */
9
+ export function useCanPasteClipboard(args) {
10
+ const [canPaste, setCanPaste] = useState(false);
11
+ const argsRef = useRef(args);
12
+ argsRef.current = args;
13
+ const refresh = useCallback(() => {
14
+ setCanPaste(canPasteClipboardData(argsRef.current));
15
+ }, []);
16
+ return {
17
+ canPaste,
18
+ refresh
19
+ };
20
+ }
21
+ //# sourceMappingURL=useCanPasteClipboard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCanPasteClipboard.js","names":["useCallback","useRef","useState","canPasteClipboardData","useCanPasteClipboard","args","canPaste","setCanPaste","argsRef","current","refresh"],"sources":["../../../src/elements/ClipboardAction/useCanPasteClipboard.ts"],"sourcesContent":["'use client'\nimport { useCallback, useRef, useState } from 'react'\n\nimport type { ClipboardPasteEligibilityArgs } from './types.js'\n\nimport { canPasteClipboardData } from './clipboardUtilities.js'\n\n/**\n * Tracks whether the clipboard contents can be pasted into the target field.\n * Call `refresh` when a paste menu opens to re-check against the field's schema.\n */\nexport function useCanPasteClipboard(args: ClipboardPasteEligibilityArgs): {\n canPaste: boolean\n refresh: () => void\n} {\n const [canPaste, setCanPaste] = useState<boolean>(false)\n\n const argsRef = useRef(args)\n argsRef.current = args\n\n const refresh = useCallback(() => {\n setCanPaste(canPasteClipboardData(argsRef.current))\n }, [])\n\n return { canPaste, refresh }\n}\n"],"mappings":"AAAA;;AACA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAI9C,SAASC,qBAAqB,QAAQ;AAEtC;;;;AAIA,OAAO,SAASC,qBAAqBC,IAAmC;EAItE,MAAM,CAACC,QAAA,EAAUC,WAAA,CAAY,GAAGL,QAAA,CAAkB;EAElD,MAAMM,OAAA,GAAUP,MAAA,CAAOI,IAAA;EACvBG,OAAA,CAAQC,OAAO,GAAGJ,IAAA;EAElB,MAAMK,OAAA,GAAUV,WAAA,CAAY;IAC1BO,WAAA,CAAYJ,qBAAA,CAAsBK,OAAA,CAAQC,OAAO;EACnD,GAAG,EAAE;EAEL,OAAO;IAAEH,QAAA;IAAUI;EAAQ;AAC7B","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,aAAa,CAAA;AA4CpB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyI/B,CAAA;AAGD,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,aAAa,CAAA;AA4CpB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyI/B,CAAA;eAGc,UAAU"}
@@ -46,5 +46,10 @@
46
46
  }
47
47
  }
48
48
  }
49
+
50
+ .context-view:has(.monaco-hover.workbench-hover.compact) {
51
+ display: none;
52
+ pointer-events: none;
53
+ }
49
54
  }
50
55
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAe,MAAM,SAAS,CAAA;AAI7E,OAAO,KAAyE,MAAM,OAAO,CAAA;AAW7F,OAAO,aAAa,CAAA;AA8CpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAkDD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6NpE,CAAA"}
1
+ {"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAe,MAAM,SAAS,CAAA;AAI7E,OAAO,KAAyE,MAAM,OAAO,CAAA;AAY7F,OAAO,aAAa,CAAA;AA8CpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAkDD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+NpE,CAAA"}
@@ -14,6 +14,7 @@ import { Button } from '../Button/index.js';
14
14
  import { DraggableSortable } from '../DraggableSortable/index.js';
15
15
  import { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js';
16
16
  import { Switch } from '../Switch/index.js';
17
+ import { matchesColumnSearch } from './matchesColumnSearch.js';
17
18
  import './Popup.css';
18
19
  const baseClass = 'column-selector';
19
20
  /**
@@ -207,7 +208,10 @@ export const ColumnSelectionPopup = ({
207
208
  };
208
209
  });
209
210
  // Filter by search query
210
- const filtered = searchQuery ? items.filter(item => item.labelText.toLowerCase().includes(searchQuery.toLowerCase())) : items;
211
+ const filtered = searchQuery ? items.filter(item => matchesColumnSearch({
212
+ labelText: item.labelText,
213
+ query: searchQuery
214
+ })) : items;
211
215
  return {
212
216
  all: items,
213
217
  hidden: filtered.filter(item_0 => !item_0.active),
@@ -1 +1 @@
1
- {"version":3,"file":"Popup.js","names":["c","_c","getTranslation","fieldIsHiddenOrDisabled","fieldIsID","isFieldDisabled","React","useCallback","useId","useLayoutEffect","useMemo","useRef","useState","AlignJustifiedIcon","SearchIcon","XIcon","useEditDepth","useTranslation","Button","DraggableSortable","useDraggableSortable","Switch","baseClass","parseNestedLabel","label","includes","segments","split","length","NestedLabel","_jsx","_Fragment","map","segment","index","_jsxs","Fragment","className","ColumnItem","t0","$","id","active","labelText","onToggle","t","t1","attributes","isDragging","isOver","isSorting","listeners","setNodeRef","transform","t2","t3","t4","t5","filter","Boolean","t6","join","t7","undefined","t8","ref","style","children","size","checked","onChange","ColumnSelectionPopup","collectionSlug","columns","onClose","i18n","toggleColumn","column","col","accessor","moveColumn","fromIndex","toIndex","next","moved","splice","uuid","editDepth","searchQuery","setSearchQuery","containerRef","lockedWidth","setLockedWidth","current","offsetWidth","filteredColumns","field","columnItems","all","hidden","shown","items","i","labelWithPrefix","name","filtered","item","toLowerCase","handleDragEnd","moveFromIndex","moveToIndex","allItems","shownCount","fromItem","toItem","fromIsShown","toIsShown","allIds","containerStyle","buttonStyle","icon","onClick","e","target","value","placeholder","type","ids","onDragEnd"],"sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsHiddenOrDisabled, fieldIsID, isFieldDisabled } from 'payload/shared'\nimport React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport { Switch } from '../Switch/index.js'\nimport './Popup.css'\n\nconst baseClass = 'column-selector'\n\n/**\n * Parses a nested field label and returns segments for rendering.\n * - For deeply nested paths (more than 3 segments), truncates to [First, \"...\", Last]\n */\nfunction parseNestedLabel(label: string): string[] {\n if (!label.includes(' > ')) {\n return [label]\n }\n\n const segments = label.split(' > ')\n\n if (segments.length <= 3) {\n return segments\n }\n\n // For deep nesting, show: First / ... / Last\n return [segments[0], '...', segments[segments.length - 1]]\n}\n\ntype NestedLabelProps = {\n readonly label: string\n}\n\nconst NestedLabel: React.FC<NestedLabelProps> = ({ label }) => {\n const segments = parseNestedLabel(label)\n\n if (segments.length === 1) {\n return <>{segments[0]}</>\n }\n\n return (\n <>\n {segments.map((segment, index) => (\n <React.Fragment key={index}>\n {index > 0 && <span className={`${baseClass}__separator`}>/</span>}\n {segment}\n </React.Fragment>\n ))}\n </>\n )\n}\n\nexport type ColumnSelectionPopupProps = {\n readonly collectionSlug: SanitizedCollectionConfig['slug']\n readonly columns: Column[]\n /** Called with the next column state whenever a column is toggled or reordered. */\n readonly onChange: (columns: Column[]) => void\n readonly onClose?: () => void\n}\n\ntype ColumnItemProps = {\n readonly active: boolean\n readonly id: string\n readonly labelText: string\n readonly onToggle: () => void\n}\n\nconst ColumnItem: React.FC<ColumnItemProps> = ({ id, active, labelText, onToggle }) => {\n const { t } = useTranslation()\n const { attributes, isDragging, isOver, isSorting, listeners, setNodeRef, transform } =\n useDraggableSortable({\n id,\n })\n\n return (\n <div\n aria-label={labelText}\n className={[\n `${baseClass}__item`,\n !active && `${baseClass}__item--inactive`,\n isDragging && `${baseClass}__item--dragging`,\n isOver && isSorting && !isDragging && `${baseClass}__item--over`,\n ]\n .filter(Boolean)\n .join(' ')}\n ref={setNodeRef}\n style={{\n // Keep item in place while dragging - don't apply transform\n transform: isDragging ? undefined : transform,\n ...attributes.style,\n }}\n {...attributes}\n >\n <span\n aria-label={t('general:dragToReorder')}\n className={`${baseClass}__drag-handle`}\n {...listeners}\n >\n <AlignJustifiedIcon size={16} />\n </span>\n <span className={`${baseClass}__item-label`}>\n <NestedLabel label={labelText} />\n </span>\n <Switch checked={active} onChange={onToggle} />\n </div>\n )\n}\n\nexport const ColumnSelectionPopup: React.FC<ColumnSelectionPopupProps> = ({\n collectionSlug,\n columns,\n onChange,\n onClose,\n}) => {\n const { i18n, t } = useTranslation()\n\n const toggleColumn = useCallback(\n (column: string) => {\n onChange(\n columns.map((col) => (col.accessor === column ? { ...col, active: !col.active } : col)),\n )\n },\n [columns, onChange],\n )\n\n const moveColumn = useCallback(\n ({ fromIndex, toIndex }: { fromIndex: number; toIndex: number }) => {\n const next = [...columns]\n const [moved] = next.splice(fromIndex, 1)\n next.splice(toIndex, 0, moved)\n onChange(next)\n },\n [columns, onChange],\n )\n\n const uuid = useId()\n const editDepth = useEditDepth()\n const [searchQuery, setSearchQuery] = useState('')\n const containerRef = useRef<HTMLDivElement>(null)\n const [lockedWidth, setLockedWidth] = useState<null | number>(null)\n\n // Lock the width when search starts to prevent layout shift\n useLayoutEffect(() => {\n if (!containerRef.current) {\n return\n }\n\n if (searchQuery && lockedWidth === null) {\n // Capture width when search starts\n setLockedWidth(containerRef.current.offsetWidth)\n } else if (!searchQuery && lockedWidth !== null) {\n // Release width lock when search is cleared\n setLockedWidth(null)\n }\n }, [searchQuery, lockedWidth])\n\n const filteredColumns = useMemo(\n () =>\n columns?.filter(\n (col) =>\n !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n !isFieldDisabled(col.field, 'column'),\n ),\n [columns],\n )\n\n const columnItems = useMemo(() => {\n if (!filteredColumns) {\n return { all: [], hidden: [], shown: [] }\n }\n\n const items = filteredColumns.map((col, i) => {\n const { accessor, active, field } = col\n\n const label =\n 'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n ? field.labelWithPrefix\n : 'label' in field && field.label !== undefined && field.label !== false\n ? field.label\n : 'name' in field && field.name !== undefined\n ? field.name\n : accessor\n\n const labelText =\n typeof label === 'string' ? label : getTranslation(label as StaticLabel, i18n)\n\n return {\n id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n accessor,\n active,\n index: i,\n label,\n labelText,\n }\n })\n\n // Filter by search query\n const filtered = searchQuery\n ? items.filter((item) => item.labelText.toLowerCase().includes(searchQuery.toLowerCase()))\n : items\n\n return {\n all: items,\n hidden: filtered.filter((item) => !item.active),\n shown: filtered.filter((item) => item.active),\n }\n }, [collectionSlug, editDepth, filteredColumns, i18n, searchQuery, uuid])\n\n const handleDragEnd = useCallback(\n ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n if (moveFromIndex === moveToIndex) {\n return\n }\n\n // All shown items first, then all hidden items\n const allItems = [...columnItems.shown, ...columnItems.hidden]\n const shownCount = columnItems.shown.length\n const fromItem = allItems[moveFromIndex]\n const toItem = allItems[moveToIndex]\n\n if (!fromItem || !toItem) {\n return\n }\n\n // Determine if crossing sections\n const fromIsShown = moveFromIndex < shownCount\n const toIsShown = moveToIndex < shownCount\n\n if (fromIsShown !== toIsShown) {\n // Cross-section move: just toggle the column's active state (show/hide)\n void toggleColumn(fromItem.accessor)\n // Don't reorder when crossing sections - the toggle handles the change\n return\n }\n\n // Same-section move: perform the reorder\n void moveColumn({\n fromIndex: fromItem.index,\n toIndex: toItem.index,\n })\n },\n [columnItems.shown, columnItems.hidden, moveColumn, toggleColumn],\n )\n\n if (!filteredColumns) {\n return null\n }\n\n // Combined IDs: shown items first, then hidden items\n const allIds = [...columnItems.shown, ...columnItems.hidden].map((item) => item.id)\n\n const containerStyle = lockedWidth\n ? ({ '--column-selector-locked-width': `${lockedWidth}px` } as React.CSSProperties)\n : undefined\n\n return (\n <div\n className={baseClass}\n data-popup-prevent-close\n data-width-locked={lockedWidth ? 'true' : undefined}\n ref={containerRef}\n style={containerStyle}\n >\n <div className={`${baseClass}__header`}>\n <span className={`${baseClass}__title`}>{t('general:editColumns')}</span>\n {onClose && (\n <Button\n aria-label={t('general:close')}\n buttonStyle=\"ghost\"\n className={`${baseClass}__close`}\n icon={<XIcon size={24} />}\n onClick={onClose}\n />\n )}\n </div>\n <div className={`${baseClass}__search`}>\n <div className={`${baseClass}__search-bar`}>\n <SearchIcon size={24} />\n <input\n aria-label={t('general:searchColumns')}\n className={`${baseClass}__search-input`}\n onChange={(e) => setSearchQuery(e.target.value)}\n placeholder={t('general:searchColumns')}\n type=\"text\"\n value={searchQuery}\n />\n </div>\n </div>\n <div className={`${baseClass}__content`}>\n <DraggableSortable ids={allIds} onDragEnd={handleDragEnd}>\n {columnItems.shown.length === 0 && columnItems.hidden.length === 0 && searchQuery && (\n <div className={`${baseClass}__no-results`}>{t('general:noMatchesFound')}</div>\n )}\n {columnItems.shown.length > 0 && (\n <div className={`${baseClass}__section`}>\n <div className={`${baseClass}__section-header`}>{t('general:shownInTable')}</div>\n {columnItems.shown.map((item) => (\n <ColumnItem\n active={item.active}\n id={item.id}\n key={item.id}\n labelText={item.labelText}\n onToggle={() => {\n void toggleColumn(item.accessor)\n }}\n />\n ))}\n </div>\n )}\n {columnItems.hidden.length > 0 && (\n <div className={`${baseClass}__section`}>\n <div className={`${baseClass}__section-header`}>{t('general:notShownInTable')}</div>\n {columnItems.hidden.map((item) => (\n <ColumnItem\n active={item.active}\n id={item.id}\n key={item.id}\n labelText={item.labelText}\n onToggle={() => {\n void toggleColumn(item.accessor)\n }}\n />\n ))}\n </div>\n )}\n </DraggableSortable>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Popup.js","names":["c","_c","getTranslation","fieldIsHiddenOrDisabled","fieldIsID","isFieldDisabled","React","useCallback","useId","useLayoutEffect","useMemo","useRef","useState","AlignJustifiedIcon","SearchIcon","XIcon","useEditDepth","useTranslation","Button","DraggableSortable","useDraggableSortable","Switch","matchesColumnSearch","baseClass","parseNestedLabel","label","includes","segments","split","length","NestedLabel","_jsx","_Fragment","map","segment","index","_jsxs","Fragment","className","ColumnItem","t0","$","id","active","labelText","onToggle","t","t1","attributes","isDragging","isOver","isSorting","listeners","setNodeRef","transform","t2","t3","t4","t5","filter","Boolean","t6","join","t7","undefined","t8","ref","style","children","size","checked","onChange","ColumnSelectionPopup","collectionSlug","columns","onClose","i18n","toggleColumn","column","col","accessor","moveColumn","fromIndex","toIndex","next","moved","splice","uuid","editDepth","searchQuery","setSearchQuery","containerRef","lockedWidth","setLockedWidth","current","offsetWidth","filteredColumns","field","columnItems","all","hidden","shown","items","i","labelWithPrefix","name","filtered","item","query","handleDragEnd","moveFromIndex","moveToIndex","allItems","shownCount","fromItem","toItem","fromIsShown","toIsShown","allIds","containerStyle","buttonStyle","icon","onClick","e","target","value","placeholder","type","ids","onDragEnd"],"sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsHiddenOrDisabled, fieldIsID, isFieldDisabled } from 'payload/shared'\nimport React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport { Switch } from '../Switch/index.js'\nimport { matchesColumnSearch } from './matchesColumnSearch.js'\nimport './Popup.css'\n\nconst baseClass = 'column-selector'\n\n/**\n * Parses a nested field label and returns segments for rendering.\n * - For deeply nested paths (more than 3 segments), truncates to [First, \"...\", Last]\n */\nfunction parseNestedLabel(label: string): string[] {\n if (!label.includes(' > ')) {\n return [label]\n }\n\n const segments = label.split(' > ')\n\n if (segments.length <= 3) {\n return segments\n }\n\n // For deep nesting, show: First / ... / Last\n return [segments[0], '...', segments[segments.length - 1]]\n}\n\ntype NestedLabelProps = {\n readonly label: string\n}\n\nconst NestedLabel: React.FC<NestedLabelProps> = ({ label }) => {\n const segments = parseNestedLabel(label)\n\n if (segments.length === 1) {\n return <>{segments[0]}</>\n }\n\n return (\n <>\n {segments.map((segment, index) => (\n <React.Fragment key={index}>\n {index > 0 && <span className={`${baseClass}__separator`}>/</span>}\n {segment}\n </React.Fragment>\n ))}\n </>\n )\n}\n\nexport type ColumnSelectionPopupProps = {\n readonly collectionSlug: SanitizedCollectionConfig['slug']\n readonly columns: Column[]\n /** Called with the next column state whenever a column is toggled or reordered. */\n readonly onChange: (columns: Column[]) => void\n readonly onClose?: () => void\n}\n\ntype ColumnItemProps = {\n readonly active: boolean\n readonly id: string\n readonly labelText: string\n readonly onToggle: () => void\n}\n\nconst ColumnItem: React.FC<ColumnItemProps> = ({ id, active, labelText, onToggle }) => {\n const { t } = useTranslation()\n const { attributes, isDragging, isOver, isSorting, listeners, setNodeRef, transform } =\n useDraggableSortable({\n id,\n })\n\n return (\n <div\n aria-label={labelText}\n className={[\n `${baseClass}__item`,\n !active && `${baseClass}__item--inactive`,\n isDragging && `${baseClass}__item--dragging`,\n isOver && isSorting && !isDragging && `${baseClass}__item--over`,\n ]\n .filter(Boolean)\n .join(' ')}\n ref={setNodeRef}\n style={{\n // Keep item in place while dragging - don't apply transform\n transform: isDragging ? undefined : transform,\n ...attributes.style,\n }}\n {...attributes}\n >\n <span\n aria-label={t('general:dragToReorder')}\n className={`${baseClass}__drag-handle`}\n {...listeners}\n >\n <AlignJustifiedIcon size={16} />\n </span>\n <span className={`${baseClass}__item-label`}>\n <NestedLabel label={labelText} />\n </span>\n <Switch checked={active} onChange={onToggle} />\n </div>\n )\n}\n\nexport const ColumnSelectionPopup: React.FC<ColumnSelectionPopupProps> = ({\n collectionSlug,\n columns,\n onChange,\n onClose,\n}) => {\n const { i18n, t } = useTranslation()\n\n const toggleColumn = useCallback(\n (column: string) => {\n onChange(\n columns.map((col) => (col.accessor === column ? { ...col, active: !col.active } : col)),\n )\n },\n [columns, onChange],\n )\n\n const moveColumn = useCallback(\n ({ fromIndex, toIndex }: { fromIndex: number; toIndex: number }) => {\n const next = [...columns]\n const [moved] = next.splice(fromIndex, 1)\n next.splice(toIndex, 0, moved)\n onChange(next)\n },\n [columns, onChange],\n )\n\n const uuid = useId()\n const editDepth = useEditDepth()\n const [searchQuery, setSearchQuery] = useState('')\n const containerRef = useRef<HTMLDivElement>(null)\n const [lockedWidth, setLockedWidth] = useState<null | number>(null)\n\n // Lock the width when search starts to prevent layout shift\n useLayoutEffect(() => {\n if (!containerRef.current) {\n return\n }\n\n if (searchQuery && lockedWidth === null) {\n // Capture width when search starts\n setLockedWidth(containerRef.current.offsetWidth)\n } else if (!searchQuery && lockedWidth !== null) {\n // Release width lock when search is cleared\n setLockedWidth(null)\n }\n }, [searchQuery, lockedWidth])\n\n const filteredColumns = useMemo(\n () =>\n columns?.filter(\n (col) =>\n !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n !isFieldDisabled(col.field, 'column'),\n ),\n [columns],\n )\n\n const columnItems = useMemo(() => {\n if (!filteredColumns) {\n return { all: [], hidden: [], shown: [] }\n }\n\n const items = filteredColumns.map((col, i) => {\n const { accessor, active, field } = col\n\n const label =\n 'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n ? field.labelWithPrefix\n : 'label' in field && field.label !== undefined && field.label !== false\n ? field.label\n : 'name' in field && field.name !== undefined\n ? field.name\n : accessor\n\n const labelText =\n typeof label === 'string' ? label : getTranslation(label as StaticLabel, i18n)\n\n return {\n id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n accessor,\n active,\n index: i,\n label,\n labelText,\n }\n })\n\n // Filter by search query\n const filtered = searchQuery\n ? items.filter((item) =>\n matchesColumnSearch({ labelText: item.labelText, query: searchQuery }),\n )\n : items\n\n return {\n all: items,\n hidden: filtered.filter((item) => !item.active),\n shown: filtered.filter((item) => item.active),\n }\n }, [collectionSlug, editDepth, filteredColumns, i18n, searchQuery, uuid])\n\n const handleDragEnd = useCallback(\n ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n if (moveFromIndex === moveToIndex) {\n return\n }\n\n // All shown items first, then all hidden items\n const allItems = [...columnItems.shown, ...columnItems.hidden]\n const shownCount = columnItems.shown.length\n const fromItem = allItems[moveFromIndex]\n const toItem = allItems[moveToIndex]\n\n if (!fromItem || !toItem) {\n return\n }\n\n // Determine if crossing sections\n const fromIsShown = moveFromIndex < shownCount\n const toIsShown = moveToIndex < shownCount\n\n if (fromIsShown !== toIsShown) {\n // Cross-section move: just toggle the column's active state (show/hide)\n void toggleColumn(fromItem.accessor)\n // Don't reorder when crossing sections - the toggle handles the change\n return\n }\n\n // Same-section move: perform the reorder\n void moveColumn({\n fromIndex: fromItem.index,\n toIndex: toItem.index,\n })\n },\n [columnItems.shown, columnItems.hidden, moveColumn, toggleColumn],\n )\n\n if (!filteredColumns) {\n return null\n }\n\n // Combined IDs: shown items first, then hidden items\n const allIds = [...columnItems.shown, ...columnItems.hidden].map((item) => item.id)\n\n const containerStyle = lockedWidth\n ? ({ '--column-selector-locked-width': `${lockedWidth}px` } as React.CSSProperties)\n : undefined\n\n return (\n <div\n className={baseClass}\n data-popup-prevent-close\n data-width-locked={lockedWidth ? 'true' : undefined}\n ref={containerRef}\n style={containerStyle}\n >\n <div className={`${baseClass}__header`}>\n <span className={`${baseClass}__title`}>{t('general:editColumns')}</span>\n {onClose && (\n <Button\n aria-label={t('general:close')}\n buttonStyle=\"ghost\"\n className={`${baseClass}__close`}\n icon={<XIcon size={24} />}\n onClick={onClose}\n />\n )}\n </div>\n <div className={`${baseClass}__search`}>\n <div className={`${baseClass}__search-bar`}>\n <SearchIcon size={24} />\n <input\n aria-label={t('general:searchColumns')}\n className={`${baseClass}__search-input`}\n onChange={(e) => setSearchQuery(e.target.value)}\n placeholder={t('general:searchColumns')}\n type=\"text\"\n value={searchQuery}\n />\n </div>\n </div>\n <div className={`${baseClass}__content`}>\n <DraggableSortable ids={allIds} onDragEnd={handleDragEnd}>\n {columnItems.shown.length === 0 && columnItems.hidden.length === 0 && searchQuery && (\n <div className={`${baseClass}__no-results`}>{t('general:noMatchesFound')}</div>\n )}\n {columnItems.shown.length > 0 && (\n <div className={`${baseClass}__section`}>\n <div className={`${baseClass}__section-header`}>{t('general:shownInTable')}</div>\n {columnItems.shown.map((item) => (\n <ColumnItem\n active={item.active}\n id={item.id}\n key={item.id}\n labelText={item.labelText}\n onToggle={() => {\n void toggleColumn(item.accessor)\n }}\n />\n ))}\n </div>\n )}\n {columnItems.hidden.length > 0 && (\n <div className={`${baseClass}__section`}>\n <div className={`${baseClass}__section-header`}>{t('general:notShownInTable')}</div>\n {columnItems.hidden.map((item) => (\n <ColumnItem\n active={item.active}\n id={item.id}\n key={item.id}\n labelText={item.labelText}\n onToggle={() => {\n void toggleColumn(item.accessor)\n }}\n />\n ))}\n </div>\n )}\n </DraggableSortable>\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Matches a column label against a search query. Single-character queries only
3
+ * match the start of a word, keeping single-letter searches low-noise; queries
4
+ * of two or more characters match anywhere in the label.
5
+ */
6
+ export declare function matchesColumnSearch({ labelText, query, }: {
7
+ labelText: string;
8
+ query: string;
9
+ }): boolean;
10
+ //# sourceMappingURL=matchesColumnSearch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"matchesColumnSearch.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelection/matchesColumnSearch.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,GACN,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,GAAG,OAAO,CAcV"}
@@ -0,0 +1,21 @@
1
+ const WORD_SPLIT_REGEX = /[^\p{L}\p{N}]+/u;
2
+ /**
3
+ * Matches a column label against a search query. Single-character queries only
4
+ * match the start of a word, keeping single-letter searches low-noise; queries
5
+ * of two or more characters match anywhere in the label.
6
+ */
7
+ export function matchesColumnSearch({
8
+ labelText,
9
+ query
10
+ }) {
11
+ const normalizedQuery = query.trim().toLowerCase();
12
+ if (!normalizedQuery) {
13
+ return true;
14
+ }
15
+ const normalizedLabel = labelText.toLowerCase();
16
+ if (normalizedQuery.length === 1) {
17
+ return normalizedLabel.split(WORD_SPLIT_REGEX).some(word => word.startsWith(normalizedQuery));
18
+ }
19
+ return normalizedLabel.includes(normalizedQuery);
20
+ }
21
+ //# sourceMappingURL=matchesColumnSearch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"matchesColumnSearch.js","names":["WORD_SPLIT_REGEX","matchesColumnSearch","labelText","query","normalizedQuery","trim","toLowerCase","normalizedLabel","length","split","some","word","startsWith","includes"],"sources":["../../../src/elements/ColumnSelection/matchesColumnSearch.ts"],"sourcesContent":["const WORD_SPLIT_REGEX = /[^\\p{L}\\p{N}]+/u\n\n/**\n * Matches a column label against a search query. Single-character queries only\n * match the start of a word, keeping single-letter searches low-noise; queries\n * of two or more characters match anywhere in the label.\n */\nexport function matchesColumnSearch({\n labelText,\n query,\n}: {\n labelText: string\n query: string\n}): boolean {\n const normalizedQuery = query.trim().toLowerCase()\n\n if (!normalizedQuery) {\n return true\n }\n\n const normalizedLabel = labelText.toLowerCase()\n\n if (normalizedQuery.length === 1) {\n return normalizedLabel.split(WORD_SPLIT_REGEX).some((word) => word.startsWith(normalizedQuery))\n }\n\n return normalizedLabel.includes(normalizedQuery)\n}\n"],"mappings":"AAAA,MAAMA,gBAAA,GAAmB;AAEzB;;;;;AAKA,OAAO,SAASC,oBAAoB;EAClCC,SAAS;EACTC;AAAK,CAIN;EACC,MAAMC,eAAA,GAAkBD,KAAA,CAAME,IAAI,GAAGC,WAAW;EAEhD,IAAI,CAACF,eAAA,EAAiB;IACpB,OAAO;EACT;EAEA,MAAMG,eAAA,GAAkBL,SAAA,CAAUI,WAAW;EAE7C,IAAIF,eAAA,CAAgBI,MAAM,KAAK,GAAG;IAChC,OAAOD,eAAA,CAAgBE,KAAK,CAACT,gBAAA,EAAkBU,IAAI,CAAEC,IAAA,IAASA,IAAA,CAAKC,UAAU,CAACR,eAAA;EAChF;EAEA,OAAOG,eAAA,CAAgBM,QAAQ,CAACT,eAAA;AAClC","ignoreList":[]}
@@ -0,0 +1,87 @@
1
+ import { describe, expect, it } from 'vitest';
2
+ import { matchesColumnSearch } from './matchesColumnSearch.js';
3
+ describe('matchesColumnSearch', () => {
4
+ it('matches everything when the query is empty', () => {
5
+ expect(matchesColumnSearch({
6
+ labelText: 'Published Date',
7
+ query: ''
8
+ })).toBe(true);
9
+ });
10
+ it('matches everything when the query is only whitespace', () => {
11
+ expect(matchesColumnSearch({
12
+ labelText: 'Published Date',
13
+ query: ' '
14
+ })).toBe(true);
15
+ });
16
+ describe('single-character queries', () => {
17
+ it('matches the start of the label', () => {
18
+ expect(matchesColumnSearch({
19
+ labelText: 'Published Date',
20
+ query: 'p'
21
+ })).toBe(true);
22
+ });
23
+ it('matches the start of a later word', () => {
24
+ expect(matchesColumnSearch({
25
+ labelText: 'Published Date',
26
+ query: 'd'
27
+ })).toBe(true);
28
+ });
29
+ it('matches the start of a word after a nested-label separator', () => {
30
+ expect(matchesColumnSearch({
31
+ labelText: 'Meta > Title',
32
+ query: 't'
33
+ })).toBe(true);
34
+ });
35
+ it('is case-insensitive', () => {
36
+ expect(matchesColumnSearch({
37
+ labelText: 'Published Date',
38
+ query: 'P'
39
+ })).toBe(true);
40
+ });
41
+ it('does not match a character in the middle of a word', () => {
42
+ expect(matchesColumnSearch({
43
+ labelText: 'Published Date',
44
+ query: 'u'
45
+ })).toBe(false);
46
+ });
47
+ it('returns false when no word starts with the character', () => {
48
+ expect(matchesColumnSearch({
49
+ labelText: 'Published Date',
50
+ query: 'z'
51
+ })).toBe(false);
52
+ });
53
+ it('matches the start of a non-Latin label', () => {
54
+ expect(matchesColumnSearch({
55
+ labelText: 'Пользователь',
56
+ query: 'п'
57
+ })).toBe(true);
58
+ });
59
+ });
60
+ describe('multi-character queries', () => {
61
+ it('matches a substring in the middle of the label', () => {
62
+ expect(matchesColumnSearch({
63
+ labelText: 'Published Date',
64
+ query: 'ish'
65
+ })).toBe(true);
66
+ });
67
+ it('matches across a word boundary', () => {
68
+ expect(matchesColumnSearch({
69
+ labelText: 'Published Date',
70
+ query: 'd da'
71
+ })).toBe(true);
72
+ });
73
+ it('is case-insensitive', () => {
74
+ expect(matchesColumnSearch({
75
+ labelText: 'Published Date',
76
+ query: 'DATE'
77
+ })).toBe(true);
78
+ });
79
+ it('returns false when the substring is not present', () => {
80
+ expect(matchesColumnSearch({
81
+ labelText: 'Published Date',
82
+ query: 'zzz'
83
+ })).toBe(false);
84
+ });
85
+ });
86
+ });
87
+ //# sourceMappingURL=matchesColumnSearch.spec.js.map