@payloadcms/ui 3.26.0-canary.bbb3083 → 3.27.0-canary.ecc3f49

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 (277) hide show
  1. package/dist/elements/AnimateHeight/index.scss +7 -5
  2. package/dist/elements/AppHeader/index.d.ts.map +1 -1
  3. package/dist/elements/AppHeader/index.js +1 -1
  4. package/dist/elements/AppHeader/index.js.map +1 -1
  5. package/dist/elements/BulkUpload/EditForm/index.d.ts.map +1 -1
  6. package/dist/elements/BulkUpload/EditForm/index.js +1 -1
  7. package/dist/elements/BulkUpload/EditForm/index.js.map +1 -1
  8. package/dist/elements/BulkUpload/FormsManager/index.d.ts.map +1 -1
  9. package/dist/elements/BulkUpload/FormsManager/index.js +37 -21
  10. package/dist/elements/BulkUpload/FormsManager/index.js.map +1 -1
  11. package/dist/elements/ColumnSelector/index.js +1 -1
  12. package/dist/elements/ColumnSelector/index.js.map +1 -1
  13. package/dist/elements/ColumnSelector/index.scss +2 -3
  14. package/dist/elements/DeleteDocument/index.d.ts.map +1 -1
  15. package/dist/elements/DeleteDocument/index.js +2 -3
  16. package/dist/elements/DeleteDocument/index.js.map +1 -1
  17. package/dist/elements/DeleteMany/index.d.ts.map +1 -1
  18. package/dist/elements/DeleteMany/index.js +1 -1
  19. package/dist/elements/DeleteMany/index.js.map +1 -1
  20. package/dist/elements/DocumentControls/index.d.ts.map +1 -1
  21. package/dist/elements/DocumentControls/index.js +1 -1
  22. package/dist/elements/DocumentControls/index.js.map +1 -1
  23. package/dist/elements/DocumentDrawer/DrawerContent.d.ts.map +1 -1
  24. package/dist/elements/DocumentDrawer/DrawerContent.js +2 -1
  25. package/dist/elements/DocumentDrawer/DrawerContent.js.map +1 -1
  26. package/dist/elements/DocumentDrawer/types.d.ts +4 -0
  27. package/dist/elements/DocumentDrawer/types.d.ts.map +1 -1
  28. package/dist/elements/DocumentDrawer/types.js.map +1 -1
  29. package/dist/elements/DuplicateDocument/index.d.ts.map +1 -1
  30. package/dist/elements/DuplicateDocument/index.js +1 -1
  31. package/dist/elements/DuplicateDocument/index.js.map +1 -1
  32. package/dist/elements/EditMany/DrawerContent.d.ts.map +1 -1
  33. package/dist/elements/EditMany/DrawerContent.js +1 -1
  34. package/dist/elements/EditMany/DrawerContent.js.map +1 -1
  35. package/dist/elements/FieldSelect/index.js +1 -1
  36. package/dist/elements/FieldSelect/index.js.map +1 -1
  37. package/dist/elements/ListControls/ActiveListPreset/index.d.ts +8 -0
  38. package/dist/elements/ListControls/ActiveListPreset/index.d.ts.map +1 -0
  39. package/dist/elements/ListControls/ActiveListPreset/index.js +102 -0
  40. package/dist/elements/ListControls/ActiveListPreset/index.js.map +1 -0
  41. package/dist/elements/ListControls/ActiveListPreset/index.scss +21 -0
  42. package/dist/elements/ListControls/index.d.ts +1 -24
  43. package/dist/elements/ListControls/index.d.ts.map +1 -1
  44. package/dist/elements/ListControls/index.js +110 -86
  45. package/dist/elements/ListControls/index.js.map +1 -1
  46. package/dist/elements/ListControls/index.scss +5 -9
  47. package/dist/elements/ListControls/types.d.ts +27 -0
  48. package/dist/elements/ListControls/types.d.ts.map +1 -0
  49. package/dist/elements/ListControls/types.js +2 -0
  50. package/dist/elements/ListControls/types.js.map +1 -0
  51. package/dist/elements/ListControls/useListPresets.d.ts +15 -0
  52. package/dist/elements/ListControls/useListPresets.d.ts.map +1 -0
  53. package/dist/elements/ListControls/useListPresets.js +251 -0
  54. package/dist/elements/ListControls/useListPresets.js.map +1 -0
  55. package/dist/elements/ListDrawer/DrawerContent.d.ts.map +1 -1
  56. package/dist/elements/ListDrawer/DrawerContent.js +4 -2
  57. package/dist/elements/ListDrawer/DrawerContent.js.map +1 -1
  58. package/dist/elements/ListDrawer/types.d.ts +3 -2
  59. package/dist/elements/ListDrawer/types.d.ts.map +1 -1
  60. package/dist/elements/ListDrawer/types.js.map +1 -1
  61. package/dist/elements/ListPresets/cells/AccessCell/index.d.ts +4 -0
  62. package/dist/elements/ListPresets/cells/AccessCell/index.d.ts.map +1 -0
  63. package/dist/elements/ListPresets/cells/AccessCell/index.js +25 -0
  64. package/dist/elements/ListPresets/cells/AccessCell/index.js.map +1 -0
  65. package/dist/elements/ListPresets/cells/ColumnsCell/index.d.ts +4 -0
  66. package/dist/elements/ListPresets/cells/ColumnsCell/index.d.ts.map +1 -0
  67. package/dist/elements/ListPresets/cells/ColumnsCell/index.js +11 -0
  68. package/dist/elements/ListPresets/cells/ColumnsCell/index.js.map +1 -0
  69. package/dist/elements/ListPresets/cells/WhereCell/index.d.ts +4 -0
  70. package/dist/elements/ListPresets/cells/WhereCell/index.d.ts.map +1 -0
  71. package/dist/elements/ListPresets/cells/WhereCell/index.js +23 -0
  72. package/dist/elements/ListPresets/cells/WhereCell/index.js.map +1 -0
  73. package/dist/elements/ListPresets/fields/AccessLabel/index.d.ts +3 -0
  74. package/dist/elements/ListPresets/fields/AccessLabel/index.d.ts.map +1 -0
  75. package/dist/elements/ListPresets/fields/AccessLabel/index.js +19 -0
  76. package/dist/elements/ListPresets/fields/AccessLabel/index.js.map +1 -0
  77. package/dist/elements/ListPresets/fields/ColumnsField/index.d.ts +4 -0
  78. package/dist/elements/ListPresets/fields/ColumnsField/index.d.ts.map +1 -0
  79. package/dist/elements/ListPresets/fields/ColumnsField/index.js +64 -0
  80. package/dist/elements/ListPresets/fields/ColumnsField/index.js.map +1 -0
  81. package/dist/elements/ListPresets/fields/ColumnsField/index.scss +28 -0
  82. package/dist/elements/ListPresets/fields/WhereField/index.d.ts +4 -0
  83. package/dist/elements/ListPresets/fields/WhereField/index.d.ts.map +1 -0
  84. package/dist/elements/ListPresets/fields/WhereField/index.js +118 -0
  85. package/dist/elements/ListPresets/fields/WhereField/index.js.map +1 -0
  86. package/dist/elements/ListPresets/fields/WhereField/index.scss +23 -0
  87. package/dist/elements/Localizer/index.d.ts.map +1 -1
  88. package/dist/elements/Localizer/index.js +36 -24
  89. package/dist/elements/Localizer/index.js.map +1 -1
  90. package/dist/elements/Logout/index.d.ts.map +1 -1
  91. package/dist/elements/Logout/index.js +1 -1
  92. package/dist/elements/Logout/index.js.map +1 -1
  93. package/dist/elements/Nav/context.d.ts.map +1 -1
  94. package/dist/elements/Nav/context.js +8 -1
  95. package/dist/elements/Nav/context.js.map +1 -1
  96. package/dist/elements/Pill/index.d.ts +1 -1
  97. package/dist/elements/Pill/index.d.ts.map +1 -1
  98. package/dist/elements/Pill/index.js +2 -0
  99. package/dist/elements/Pill/index.js.map +1 -1
  100. package/dist/elements/Pill/index.scss +29 -6
  101. package/dist/elements/PublishButton/index.js +1 -0
  102. package/dist/elements/PublishButton/index.js.map +1 -1
  103. package/dist/elements/RelationshipTable/cells/DrawerLink/index.js +1 -1
  104. package/dist/elements/RelationshipTable/cells/DrawerLink/index.js.map +1 -1
  105. package/dist/elements/RelationshipTable/index.d.ts +1 -1
  106. package/dist/elements/RelationshipTable/index.d.ts.map +1 -1
  107. package/dist/elements/RelationshipTable/index.js +6 -14
  108. package/dist/elements/RelationshipTable/index.js.map +1 -1
  109. package/dist/elements/StayLoggedIn/index.d.ts.map +1 -1
  110. package/dist/elements/StayLoggedIn/index.js +1 -1
  111. package/dist/elements/StayLoggedIn/index.js.map +1 -1
  112. package/dist/elements/Table/DefaultCell/index.d.ts.map +1 -1
  113. package/dist/elements/Table/DefaultCell/index.js +1 -2
  114. package/dist/elements/Table/DefaultCell/index.js.map +1 -1
  115. package/dist/elements/WhereBuilder/Condition/index.d.ts +2 -5
  116. package/dist/elements/WhereBuilder/Condition/index.d.ts.map +1 -1
  117. package/dist/elements/WhereBuilder/Condition/index.js +7 -7
  118. package/dist/elements/WhereBuilder/Condition/index.js.map +1 -1
  119. package/dist/elements/WhereBuilder/index.d.ts.map +1 -1
  120. package/dist/elements/WhereBuilder/index.js +22 -32
  121. package/dist/elements/WhereBuilder/index.js.map +1 -1
  122. package/dist/elements/WhereBuilder/types.d.ts +6 -2
  123. package/dist/elements/WhereBuilder/types.d.ts.map +1 -1
  124. package/dist/elements/WhereBuilder/types.js.map +1 -1
  125. package/dist/exports/client/index.d.ts +8 -2
  126. package/dist/exports/client/index.d.ts.map +1 -1
  127. package/dist/exports/client/index.js +11 -11
  128. package/dist/exports/client/index.js.map +4 -4
  129. package/dist/exports/shared/index.d.ts +8 -3
  130. package/dist/exports/shared/index.d.ts.map +1 -1
  131. package/dist/exports/shared/index.js +2 -2
  132. package/dist/exports/shared/index.js.map +4 -4
  133. package/dist/fields/Upload/HasMany/index.d.ts.map +1 -1
  134. package/dist/fields/Upload/HasMany/index.js +12 -4
  135. package/dist/fields/Upload/HasMany/index.js.map +1 -1
  136. package/dist/fields/Upload/HasOne/index.d.ts.map +1 -1
  137. package/dist/fields/Upload/HasOne/index.js +15 -5
  138. package/dist/fields/Upload/HasOne/index.js.map +1 -1
  139. package/dist/fields/Upload/RelationshipContent/index.d.ts +1 -0
  140. package/dist/fields/Upload/RelationshipContent/index.d.ts.map +1 -1
  141. package/dist/fields/Upload/RelationshipContent/index.js +13 -11
  142. package/dist/fields/Upload/RelationshipContent/index.js.map +1 -1
  143. package/dist/forms/Form/index.d.ts.map +1 -1
  144. package/dist/forms/Form/index.js +3 -1
  145. package/dist/forms/Form/index.js.map +1 -1
  146. package/dist/forms/Form/types.d.ts +4 -0
  147. package/dist/forms/Form/types.d.ts.map +1 -1
  148. package/dist/forms/Form/types.js.map +1 -1
  149. package/dist/graphics/Account/index.d.ts.map +1 -1
  150. package/dist/graphics/Account/index.js +1 -1
  151. package/dist/graphics/Account/index.js.map +1 -1
  152. package/dist/icons/Chevron/index.d.ts +1 -0
  153. package/dist/icons/Chevron/index.d.ts.map +1 -1
  154. package/dist/icons/Chevron/index.js +2 -0
  155. package/dist/icons/Chevron/index.js.map +1 -1
  156. package/dist/icons/Dots/index.d.ts +2 -0
  157. package/dist/icons/Dots/index.d.ts.map +1 -1
  158. package/dist/icons/Dots/index.js +5 -2
  159. package/dist/icons/Dots/index.js.map +1 -1
  160. package/dist/icons/Dots/index.scss +14 -0
  161. package/dist/icons/People/index.d.ts +6 -0
  162. package/dist/icons/People/index.d.ts.map +1 -0
  163. package/dist/icons/People/index.js +18 -0
  164. package/dist/icons/People/index.js.map +1 -0
  165. package/dist/icons/People/index.scss +11 -0
  166. package/dist/providers/Auth/index.d.ts.map +1 -1
  167. package/dist/providers/Auth/index.js +1 -1
  168. package/dist/providers/Auth/index.js.map +1 -1
  169. package/dist/providers/DocumentInfo/types.d.ts +1 -0
  170. package/dist/providers/DocumentInfo/types.d.ts.map +1 -1
  171. package/dist/providers/DocumentInfo/types.js.map +1 -1
  172. package/dist/providers/ListQuery/context.d.ts +6 -0
  173. package/dist/providers/ListQuery/context.d.ts.map +1 -0
  174. package/dist/providers/ListQuery/context.js +6 -0
  175. package/dist/providers/ListQuery/context.js.map +1 -0
  176. package/dist/providers/ListQuery/index.d.ts +2 -27
  177. package/dist/providers/ListQuery/index.d.ts.map +1 -1
  178. package/dist/providers/ListQuery/index.js +72 -46
  179. package/dist/providers/ListQuery/index.js.map +1 -1
  180. package/dist/providers/ListQuery/types.d.ts +36 -0
  181. package/dist/providers/ListQuery/types.d.ts.map +1 -0
  182. package/dist/providers/ListQuery/types.js +2 -0
  183. package/dist/providers/ListQuery/types.js.map +1 -0
  184. package/dist/providers/Preferences/index.d.ts.map +1 -1
  185. package/dist/providers/Preferences/index.js.map +1 -1
  186. package/dist/providers/RouteTransition/ProgressBar/index.scss +19 -17
  187. package/dist/providers/ServerFunctions/index.d.ts +1 -0
  188. package/dist/providers/ServerFunctions/index.d.ts.map +1 -1
  189. package/dist/providers/ServerFunctions/index.js.map +1 -1
  190. package/dist/providers/TableColumns/RenderDefaultCell/index.d.ts.map +1 -0
  191. package/dist/{elements → providers}/TableColumns/RenderDefaultCell/index.js +2 -2
  192. package/dist/providers/TableColumns/RenderDefaultCell/index.js.map +1 -0
  193. package/dist/{elements → providers}/TableColumns/buildColumnState.d.ts +1 -1
  194. package/dist/providers/TableColumns/buildColumnState.d.ts.map +1 -0
  195. package/dist/{elements → providers}/TableColumns/buildColumnState.js +1 -1
  196. package/dist/providers/TableColumns/buildColumnState.js.map +1 -0
  197. package/dist/{elements → providers}/TableColumns/buildPolymorphicColumnState.d.ts +1 -1
  198. package/dist/providers/TableColumns/buildPolymorphicColumnState.d.ts.map +1 -0
  199. package/dist/{elements → providers}/TableColumns/buildPolymorphicColumnState.js +1 -1
  200. package/dist/providers/TableColumns/buildPolymorphicColumnState.js.map +1 -0
  201. package/dist/providers/TableColumns/context.d.ts +6 -0
  202. package/dist/providers/TableColumns/context.d.ts.map +1 -0
  203. package/dist/providers/TableColumns/context.js +6 -0
  204. package/dist/providers/TableColumns/context.js.map +1 -0
  205. package/dist/providers/TableColumns/filterFields.d.ts.map +1 -0
  206. package/dist/providers/TableColumns/filterFields.js.map +1 -0
  207. package/dist/providers/TableColumns/getInitialColumns.d.ts.map +1 -0
  208. package/dist/providers/TableColumns/getInitialColumns.js.map +1 -0
  209. package/dist/providers/TableColumns/index.d.ts +5 -0
  210. package/dist/providers/TableColumns/index.d.ts.map +1 -0
  211. package/dist/providers/TableColumns/index.js +105 -0
  212. package/dist/providers/TableColumns/index.js.map +1 -0
  213. package/dist/{elements/TableColumns/index.d.ts → providers/TableColumns/types.d.ts} +32 -11
  214. package/dist/providers/TableColumns/types.d.ts.map +1 -0
  215. package/dist/providers/TableColumns/types.js +2 -0
  216. package/dist/providers/TableColumns/types.js.map +1 -0
  217. package/dist/styles.css +1 -1
  218. package/dist/utilities/copyDataFromLocale.d.ts.map +1 -1
  219. package/dist/utilities/copyDataFromLocale.js +6 -2
  220. package/dist/utilities/copyDataFromLocale.js.map +1 -1
  221. package/dist/utilities/formatAdminURL.d.ts +1 -7
  222. package/dist/utilities/formatAdminURL.d.ts.map +1 -1
  223. package/dist/utilities/formatAdminURL.js +1 -18
  224. package/dist/utilities/formatAdminURL.js.map +1 -1
  225. package/dist/utilities/handleBackToDashboard.js +1 -1
  226. package/dist/utilities/handleBackToDashboard.js.map +1 -1
  227. package/dist/utilities/handleFormStateLocking.d.ts.map +1 -1
  228. package/dist/utilities/handleFormStateLocking.js +4 -2
  229. package/dist/utilities/handleFormStateLocking.js.map +1 -1
  230. package/dist/utilities/handleGoBack.js +1 -1
  231. package/dist/utilities/handleGoBack.js.map +1 -1
  232. package/dist/utilities/renderTable.js +4 -4
  233. package/dist/utilities/renderTable.js.map +1 -1
  234. package/dist/utilities/upsertPreferences.d.ts +7 -2
  235. package/dist/utilities/upsertPreferences.d.ts.map +1 -1
  236. package/dist/utilities/upsertPreferences.js +11 -5
  237. package/dist/utilities/upsertPreferences.js.map +1 -1
  238. package/dist/views/Edit/SetDocumentStepNav/index.js +1 -1
  239. package/dist/views/Edit/SetDocumentStepNav/index.js.map +1 -1
  240. package/dist/views/Edit/index.d.ts.map +1 -1
  241. package/dist/views/Edit/index.js +4 -3
  242. package/dist/views/Edit/index.js.map +1 -1
  243. package/dist/views/List/index.d.ts.map +1 -1
  244. package/dist/views/List/index.js +5 -8
  245. package/dist/views/List/index.js.map +1 -1
  246. package/package.json +4 -4
  247. package/dist/elements/TableColumns/RenderDefaultCell/index.d.ts.map +0 -1
  248. package/dist/elements/TableColumns/RenderDefaultCell/index.js.map +0 -1
  249. package/dist/elements/TableColumns/buildColumnState.d.ts.map +0 -1
  250. package/dist/elements/TableColumns/buildColumnState.js.map +0 -1
  251. package/dist/elements/TableColumns/buildPolymorphicColumnState.d.ts.map +0 -1
  252. package/dist/elements/TableColumns/buildPolymorphicColumnState.js.map +0 -1
  253. package/dist/elements/TableColumns/filterFields.d.ts.map +0 -1
  254. package/dist/elements/TableColumns/filterFields.js.map +0 -1
  255. package/dist/elements/TableColumns/getInitialColumns.d.ts.map +0 -1
  256. package/dist/elements/TableColumns/getInitialColumns.js.map +0 -1
  257. package/dist/elements/TableColumns/index.d.ts.map +0 -1
  258. package/dist/elements/TableColumns/index.js +0 -206
  259. package/dist/elements/TableColumns/index.js.map +0 -1
  260. package/dist/elements/WhereBuilder/transformWhereQuery.d.ts +0 -8
  261. package/dist/elements/WhereBuilder/transformWhereQuery.d.ts.map +0 -1
  262. package/dist/elements/WhereBuilder/transformWhereQuery.js +0 -45
  263. package/dist/elements/WhereBuilder/transformWhereQuery.js.map +0 -1
  264. package/dist/elements/WhereBuilder/validateWhereQuery.d.ts +0 -4
  265. package/dist/elements/WhereBuilder/validateWhereQuery.d.ts.map +0 -1
  266. package/dist/elements/WhereBuilder/validateWhereQuery.js +0 -36
  267. package/dist/elements/WhereBuilder/validateWhereQuery.js.map +0 -1
  268. package/dist/utilities/mergeListSearchAndWhere.d.ts +0 -10
  269. package/dist/utilities/mergeListSearchAndWhere.d.ts.map +0 -1
  270. package/dist/utilities/mergeListSearchAndWhere.js +0 -47
  271. package/dist/utilities/mergeListSearchAndWhere.js.map +0 -1
  272. /package/dist/{elements → providers}/TableColumns/RenderDefaultCell/index.d.ts +0 -0
  273. /package/dist/{elements → providers}/TableColumns/RenderDefaultCell/index.scss +0 -0
  274. /package/dist/{elements → providers}/TableColumns/filterFields.d.ts +0 -0
  275. /package/dist/{elements → providers}/TableColumns/filterFields.js +0 -0
  276. /package/dist/{elements → providers}/TableColumns/getInitialColumns.d.ts +0 -0
  277. /package/dist/{elements → providers}/TableColumns/getInitialColumns.js +0 -0
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { toWords } from 'payload/shared';
3
+ import React, { Fragment } from 'react';
4
+ export const ListPresetsAccessCell = ({
5
+ cellData
6
+ }) => {
7
+ // first sort the operations in the order they should be displayed
8
+ const operations = ['read', 'update', 'delete'];
9
+ return /*#__PURE__*/_jsx("p", {
10
+ children: operations.reduce((acc, operation, index) => {
11
+ const operationData = cellData?.[operation];
12
+ if (operationData && operationData.constraint) {
13
+ acc.push(/*#__PURE__*/_jsxs(Fragment, {
14
+ children: [/*#__PURE__*/_jsxs("span", {
15
+ children: [/*#__PURE__*/_jsx("strong", {
16
+ children: toWords(operation)
17
+ }), ": ", toWords(operationData.constraint)]
18
+ }), index !== operations.length - 1 && ', ']
19
+ }, operation));
20
+ }
21
+ return acc;
22
+ }, [])
23
+ });
24
+ };
25
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["toWords","React","Fragment","ListPresetsAccessCell","cellData","operations","_jsx","reduce","acc","operation","index","operationData","constraint","push","_jsxs","length"],"sources":["../../../../../src/elements/ListPresets/cells/AccessCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\nimport type { JSX } from 'react'\n\nimport { toWords } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nexport const ListPresetsAccessCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n // first sort the operations in the order they should be displayed\n const operations = ['read', 'update', 'delete']\n\n return (\n <p>\n {operations.reduce((acc, operation, index) => {\n const operationData = (cellData as JSON)?.[operation]\n\n if (operationData && operationData.constraint) {\n acc.push(\n <Fragment key={operation}>\n <span>\n <strong>{toWords(operation)}</strong>: {toWords(operationData.constraint)}\n </span>\n {index !== operations.length - 1 && ', '}\n </Fragment>,\n )\n }\n return acc\n }, [] as JSX.Element[])}\n </p>\n )\n}\n"],"mappings":";AAGA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,OAAO,MAAMC,qBAAA,GAA6DA,CAAC;EAAEC;AAAQ,CAAE;EACrF;EACA,MAAMC,UAAA,GAAa,CAAC,QAAQ,UAAU,SAAS;EAE/C,oBACEC,IAAA,CAAC;cACED,UAAA,CAAWE,MAAM,CAAC,CAACC,GAAA,EAAKC,SAAA,EAAWC,KAAA;MAClC,MAAMC,aAAA,GAAiBP,QAAA,GAAoBK,SAAA,CAAU;MAErD,IAAIE,aAAA,IAAiBA,aAAA,CAAcC,UAAU,EAAE;QAC7CJ,GAAA,CAAIK,IAAI,cACNC,KAAA,CAACZ,QAAA;kCACCY,KAAA,CAAC;oCACCR,IAAA,CAAC;wBAAQN,OAAA,CAAQS,SAAA;gBAAoB,MAAGT,OAAA,CAAQW,aAAA,CAAcC,UAAU;cAEzEF,KAAA,KAAUL,UAAA,CAAWU,MAAM,GAAG,KAAK;WAJvBN,SAAA;MAOnB;MACA,OAAOD,GAAA;IACT,GAAG,EAAE;;AAGX","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ import type { DefaultCellComponentProps } from 'payload';
2
+ import React from 'react';
3
+ export declare const ListPresetsColumnsCell: React.FC<DefaultCellComponentProps>;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ListPresets/cells/ColumnsCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAUtE,CAAA"}
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { toWords, transformColumnsToSearchParams } from 'payload/shared';
3
+ import React from 'react';
4
+ export const ListPresetsColumnsCell = ({
5
+ cellData
6
+ }) => {
7
+ return /*#__PURE__*/_jsx("div", {
8
+ children: cellData ? transformColumnsToSearchParams(cellData).map(column => toWords(column)).join(', ') : 'No columns selected'
9
+ });
10
+ };
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["toWords","transformColumnsToSearchParams","React","ListPresetsColumnsCell","cellData","_jsx","map","column","join"],"sources":["../../../../../src/elements/ListPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nexport const ListPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n return (\n <div>\n {cellData\n ? transformColumnsToSearchParams(cellData)\n .map((column) => toWords(column))\n .join(', ')\n : 'No columns selected'}\n </div>\n )\n}\n"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ;AACxD,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,sBAAA,GAA8DA,CAAC;EAAEC;AAAQ,CAAE;EACtF,oBACEC,IAAA,CAAC;cACED,QAAA,GACGH,8BAAA,CAA+BG,QAAA,EAC5BE,GAAG,CAAEC,MAAA,IAAWP,OAAA,CAAQO,MAAA,GACxBC,IAAI,CAAC,QACR;;AAGV","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ import type { DefaultCellComponentProps } from 'payload';
2
+ import React from 'react';
3
+ export declare const ListPresetsWhereCell: React.FC<DefaultCellComponentProps>;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ListPresets/cells/WhereCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAS,MAAM,SAAS,CAAA;AAG/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAEpE,CAAA"}
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { toWords } from 'payload/shared';
3
+ import React from 'react';
4
+ /** @todo: improve this */
5
+ const transformWhereToNaturalLanguage = where => {
6
+ if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {
7
+ const orQuery = where.or[0];
8
+ const andQuery = orQuery.and[0];
9
+ const key = Object.keys(andQuery)[0];
10
+ const operator = Object.keys(andQuery[key])[0];
11
+ const value = andQuery[key][operator];
12
+ return `${toWords(key)} ${operator} ${toWords(value)}`;
13
+ }
14
+ return '';
15
+ };
16
+ export const ListPresetsWhereCell = ({
17
+ cellData
18
+ }) => {
19
+ return /*#__PURE__*/_jsx("div", {
20
+ children: cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'
21
+ });
22
+ };
23
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["toWords","React","transformWhereToNaturalLanguage","where","or","length","and","orQuery","andQuery","key","Object","keys","operator","value","ListPresetsWhereCell","cellData","_jsx"],"sources":["../../../../../src/elements/ListPresets/cells/WhereCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps, Where } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (where: Where): string => {\n if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {\n const orQuery = where.or[0]\n const andQuery = orQuery.and[0]\n const key = Object.keys(andQuery)[0]\n const operator = Object.keys(andQuery[key])[0]\n const value = andQuery[key][operator]\n\n return `${toWords(key)} ${operator} ${toWords(value)}`\n }\n\n return ''\n}\n\nexport const ListPresetsWhereCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n return <div>{cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'}</div>\n}\n"],"mappings":";AAEA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,MAAW;AAElB;AACA,MAAMC,+BAAA,GAAmCC,KAAA;EACvC,IAAIA,KAAA,CAAMC,EAAE,IAAID,KAAA,CAAMC,EAAE,CAACC,MAAM,GAAG,KAAKF,KAAA,CAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,IAAIH,KAAA,CAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,CAACD,MAAM,GAAG,GAAG;IACpF,MAAME,OAAA,GAAUJ,KAAA,CAAMC,EAAE,CAAC,EAAE;IAC3B,MAAMI,QAAA,GAAWD,OAAA,CAAQD,GAAG,CAAC,EAAE;IAC/B,MAAMG,GAAA,GAAMC,MAAA,CAAOC,IAAI,CAACH,QAAA,CAAS,CAAC,EAAE;IACpC,MAAMI,QAAA,GAAWF,MAAA,CAAOC,IAAI,CAACH,QAAQ,CAACC,GAAA,CAAI,CAAC,CAAC,EAAE;IAC9C,MAAMI,KAAA,GAAQL,QAAQ,CAACC,GAAA,CAAI,CAACG,QAAA,CAAS;IAErC,OAAO,GAAGZ,OAAA,CAAQS,GAAA,KAAQG,QAAA,IAAYZ,OAAA,CAAQa,KAAA,GAAQ;EACxD;EAEA,OAAO;AACT;AAEA,OAAO,MAAMC,oBAAA,GAA4DA,CAAC;EAAEC;AAAQ,CAAE;EACpF,oBAAOC,IAAA,CAAC;cAAKD,QAAA,GAAWb,+BAAA,CAAgCa,QAAA,IAAY;;AACtE","ignoreList":[]}
@@ -0,0 +1,3 @@
1
+ import type { GroupFieldLabelServerComponent } from 'payload';
2
+ export declare const ListPresetsAccessLabel: GroupFieldLabelServerComponent;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ListPresets/fields/AccessLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAA;AAK7D,eAAO,MAAM,sBAAsB,EAAE,8BASpC,CAAA"}
@@ -0,0 +1,19 @@
1
+ 'use client';
2
+
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
+ import { getTranslation } from '@payloadcms/translations';
5
+ import React from 'react';
6
+ export const ListPresetsAccessLabel = ({
7
+ field: {
8
+ label
9
+ },
10
+ i18n
11
+ }) => {
12
+ if (!label) {
13
+ return null;
14
+ }
15
+ return /*#__PURE__*/_jsx("p", {
16
+ children: getTranslation(label, i18n)
17
+ });
18
+ };
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["getTranslation","React","ListPresetsAccessLabel","field","label","i18n","_jsx"],"sources":["../../../../../src/elements/ListPresets/fields/AccessLabel/index.tsx"],"sourcesContent":["'use client'\nimport type { GroupFieldLabelServerComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nexport const ListPresetsAccessLabel: GroupFieldLabelServerComponent = ({\n field: { label },\n i18n,\n}) => {\n if (!label) {\n return null\n }\n\n return <p>{getTranslation(label, i18n)}</p>\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,sBAAA,GAAyDA,CAAC;EACrEC,KAAA,EAAO;IAAEC;EAAK,CAAE;EAChBC;AAAI,CACL;EACC,IAAI,CAACD,KAAA,EAAO;IACV,OAAO;EACT;EAEA,oBAAOE,IAAA,CAAC;cAAGN,cAAA,CAAeI,KAAA,EAAOC,IAAA;;AACnC","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ import type { JSONFieldClientComponent } from 'payload';
2
+ import './index.scss';
3
+ export declare const ListPresetsColumnsField: JSONFieldClientComponent;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ListPresets/fields/ColumnsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAoB,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAQzE,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,uBAAuB,EAAE,wBAoBrC,CAAA"}
@@ -0,0 +1,64 @@
1
+ 'use client';
2
+
3
+ import { c as _c } from "react/compiler-runtime";
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ import { toWords, transformColumnsToSearchParams } from 'payload/shared';
6
+ import React from 'react';
7
+ import { Pill } from '../../../../elements/Pill/index.js';
8
+ import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
9
+ import { useField } from '../../../../forms/useField/index.js';
10
+ import './index.scss';
11
+ export const ListPresetsColumnsField = t0 => {
12
+ const $ = _c(7);
13
+ const {
14
+ field: t1,
15
+ path
16
+ } = t0;
17
+ const {
18
+ label,
19
+ required
20
+ } = t1;
21
+ let t2;
22
+ if ($[0] !== path) {
23
+ t2 = {
24
+ path
25
+ };
26
+ $[0] = path;
27
+ $[1] = t2;
28
+ } else {
29
+ t2 = $[1];
30
+ }
31
+ const {
32
+ value
33
+ } = useField(t2);
34
+ let t3;
35
+ if ($[2] !== label || $[3] !== path || $[4] !== required || $[5] !== value) {
36
+ t3 = _jsxs("div", {
37
+ className: "field-type list-preset-columns-field",
38
+ children: [_jsx(FieldLabel, {
39
+ as: "h3",
40
+ label,
41
+ path,
42
+ required
43
+ }), _jsx("div", {
44
+ className: "value-wrapper",
45
+ children: value ? transformColumnsToSearchParams(value).map(_temp) : "No columns selected"
46
+ })]
47
+ });
48
+ $[2] = label;
49
+ $[3] = path;
50
+ $[4] = required;
51
+ $[5] = value;
52
+ $[6] = t3;
53
+ } else {
54
+ t3 = $[6];
55
+ }
56
+ return t3;
57
+ };
58
+ function _temp(column, i) {
59
+ return _jsx(Pill, {
60
+ pillStyle: "always-white",
61
+ children: toWords(column)
62
+ }, i);
63
+ }
64
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["c","_c","toWords","transformColumnsToSearchParams","React","Pill","FieldLabel","useField","ListPresetsColumnsField","t0","$","field","t1","path","label","required","t2","value","t3","_jsxs","className","children","_jsx","as","map","_temp","column","i","pillStyle"],"sources":["../../../../../src/elements/ListPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../../elements/Pill/index.js'\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport './index.scss'\n\nexport const ListPresetsColumnsField: JSONFieldClientComponent = ({\n field: { label, required },\n path,\n}) => {\n const { value } = useField({ path })\n\n return (\n <div className=\"field-type list-preset-columns-field\">\n <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n <div className=\"value-wrapper\">\n {value\n ? transformColumnsToSearchParams(value as ColumnPreference[]).map((column, i) => (\n <Pill key={i} pillStyle=\"always-white\">\n {toWords(column)}\n </Pill>\n ))\n : 'No columns selected'}\n </div>\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,OAAO,EAAEC,8BAA8B,QAAQ;AACxD,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,OAAO,MAAMC,uBAAA,GAAoDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAJ,EAGjE;EAFQ;IAAAK,KAAA;IAAAC;EAAA,IAAAH,EAAmB;EAAA,IAAAI,EAAA;EAAA,IAAAN,CAAA,QAAAG,IAAA;IAGCG,EAAA;MAAAH;IAAA;IAAOH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAlC;IAAAO;EAAA,IAAkBV,QAAA,CAASS,EAAO;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAO,KAAA;IAGhCC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,GACbC,IAAA,CAAAhB,UAAA;QAAAiB,EAAA,EAAe;QAAAT,KAAA;QAAAD,IAAA;QAAAE;MAAA,C,GACfO,IAAA,CAAC;QAAAF,SAAA,EAAc;QAAAC,QAAA,EACZJ,KAAA,GACGd,8BAAA,CAA+Bc,KAAA,EAAAO,GAAA,CAAAC,KAClB,IAIb;MAAA,C;;;;;;;;;;SATRP,E;CAaJ;AApBiE,SAAAO,MAAAC,MAAA,EAAAC,CAAA;EAAA,OAYnDL,IAAA,CAAAjB,IAAA;IAAAuB,SAAA,EAAwB;IAAAP,QAAA,EACrBnB,OAAA,CAAQwB,MAAA;EAAA,GADAC,CAAA;AAAA","ignoreList":[]}
@@ -0,0 +1,28 @@
1
+ @import '../../../../scss/styles';
2
+
3
+ @layer payload-default {
4
+ .list-preset-columns-field {
5
+ .field-label {
6
+ margin-bottom: calc(var(--base) / 2);
7
+ }
8
+
9
+ .value-wrapper {
10
+ background-color: var(--theme-elevation-50);
11
+ padding: var(--base);
12
+ display: flex;
13
+ flex-wrap: wrap;
14
+ gap: calc(var(--base) / 2);
15
+ }
16
+ }
17
+
18
+ html[data-theme='dark'] {
19
+ .list-preset-columns-field {
20
+ .pill {
21
+ &--style-always-white {
22
+ background: var(--theme-elevation-250);
23
+ color: var(--theme-elevation-1000);
24
+ }
25
+ }
26
+ }
27
+ }
28
+ }
@@ -0,0 +1,4 @@
1
+ import type { JSONFieldClientComponent } from 'payload';
2
+ import './index.scss';
3
+ export declare const ListPresetsWhereField: JSONFieldClientComponent;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/ListPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAS,MAAM,SAAS,CAAA;AAY9D,OAAO,cAAc,CAAA;AAsErB,eAAO,MAAM,qBAAqB,EAAE,wBAyBnC,CAAA"}
@@ -0,0 +1,118 @@
1
+ 'use client';
2
+
3
+ import { c as _c } from "react/compiler-runtime";
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
+ import { getTranslation } from '@payloadcms/translations';
6
+ import { toWords } from 'payload/shared';
7
+ import React from 'react';
8
+ import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
9
+ import { useField } from '../../../../forms/useField/index.js';
10
+ import { useConfig } from '../../../../providers/Config/index.js';
11
+ import { useListQuery } from '../../../../providers/ListQuery/index.js';
12
+ import { useTranslation } from '../../../../providers/Translation/index.js';
13
+ import { Pill } from '../../../Pill/index.js';
14
+ import './index.scss';
15
+ /** @todo: improve this */
16
+ const transformWhereToNaturalLanguage = (where, collectionLabel) => {
17
+ if (!where) {
18
+ return null;
19
+ }
20
+ const renderCondition = condition => {
21
+ const key = Object.keys(condition)[0];
22
+ const operator = Object.keys(condition[key])[0];
23
+ let value = condition[key][operator];
24
+ // TODO: this is not right, but works for now at least.
25
+ // Ideally we look up iterate _fields_ so we know the type of the field
26
+ // Currently, we're only iterating over the `where` field's value, so we don't know the type
27
+ if (typeof value === 'object') {
28
+ try {
29
+ value = new Date(value).toLocaleDateString();
30
+ } catch (_err) {
31
+ value = 'Unknown error has occurred';
32
+ }
33
+ }
34
+ return /*#__PURE__*/_jsxs(Pill, {
35
+ pillStyle: "always-white",
36
+ children: [/*#__PURE__*/_jsx("b", {
37
+ children: toWords(key)
38
+ }), " ", operator, " ", /*#__PURE__*/_jsx("b", {
39
+ children: toWords(value)
40
+ })]
41
+ });
42
+ };
43
+ const renderWhere = (where, collectionLabel) => {
44
+ if (where.or && where.or.length > 0) {
45
+ return /*#__PURE__*/_jsx("div", {
46
+ className: "or-condition",
47
+ children: where.or.map((orCondition, orIndex) => /*#__PURE__*/_jsx(React.Fragment, {
48
+ children: orCondition.and && orCondition.and.length > 0 ? /*#__PURE__*/_jsxs("div", {
49
+ className: "and-condition",
50
+ children: [orIndex === 0 && /*#__PURE__*/_jsx("span", {
51
+ className: "label",
52
+ children: `Filter ${collectionLabel} where `
53
+ }), orIndex > 0 && /*#__PURE__*/_jsx("span", {
54
+ className: "label",
55
+ children: " or "
56
+ }), orCondition.and.map((andCondition, andIndex) => /*#__PURE__*/_jsxs(React.Fragment, {
57
+ children: [renderCondition(andCondition), andIndex < orCondition.and.length - 1 && /*#__PURE__*/_jsx("span", {
58
+ className: "label",
59
+ children: " and "
60
+ })]
61
+ }, andIndex))]
62
+ }) : renderCondition(orCondition)
63
+ }, orIndex))
64
+ });
65
+ }
66
+ return renderCondition(where);
67
+ };
68
+ return renderWhere(where, collectionLabel);
69
+ };
70
+ export const ListPresetsWhereField = t0 => {
71
+ const $ = _c(2);
72
+ const {
73
+ field: t1,
74
+ path
75
+ } = t0;
76
+ const {
77
+ label,
78
+ required
79
+ } = t1;
80
+ let t2;
81
+ if ($[0] !== path) {
82
+ t2 = {
83
+ path
84
+ };
85
+ $[0] = path;
86
+ $[1] = t2;
87
+ } else {
88
+ t2 = $[1];
89
+ }
90
+ const {
91
+ value
92
+ } = useField(t2);
93
+ const {
94
+ collectionSlug
95
+ } = useListQuery();
96
+ const {
97
+ getEntityConfig
98
+ } = useConfig();
99
+ const collectionConfig = getEntityConfig({
100
+ collectionSlug
101
+ });
102
+ const {
103
+ i18n
104
+ } = useTranslation();
105
+ return _jsxs("div", {
106
+ className: "field-type list-preset-where-field",
107
+ children: [_jsx(FieldLabel, {
108
+ as: "h3",
109
+ label,
110
+ path,
111
+ required
112
+ }), _jsx("div", {
113
+ className: "value-wrapper",
114
+ children: value ? transformWhereToNaturalLanguage(value, getTranslation(collectionConfig.labels.plural, i18n)) : "No where query"
115
+ })]
116
+ });
117
+ };
118
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","value","Date","toLocaleDateString","_err","_jsxs","pillStyle","_jsx","renderWhere","or","length","className","map","orCondition","orIndex","Fragment","and","andCondition","andIndex","ListPresetsWhereField","t0","$","field","t1","path","label","required","t2","collectionSlug","getEntityConfig","collectionConfig","i18n","children","as","labels","plural"],"sources":["../../../../../src/elements/ListPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n where: Where,\n collectionLabel: string,\n): React.ReactNode => {\n if (!where) {\n return null\n }\n\n const renderCondition = (condition: any): React.ReactNode => {\n const key = Object.keys(condition)[0]\n const operator = Object.keys(condition[key])[0]\n let value = condition[key][operator]\n\n // TODO: this is not right, but works for now at least.\n // Ideally we look up iterate _fields_ so we know the type of the field\n // Currently, we're only iterating over the `where` field's value, so we don't know the type\n if (typeof value === 'object') {\n try {\n value = new Date(value).toLocaleDateString()\n } catch (_err) {\n value = 'Unknown error has occurred'\n }\n }\n\n return (\n <Pill pillStyle=\"always-white\">\n <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n </Pill>\n )\n }\n\n const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n if (where.or && where.or.length > 0) {\n return (\n <div className=\"or-condition\">\n {where.or.map((orCondition, orIndex) => (\n <React.Fragment key={orIndex}>\n {orCondition.and && orCondition.and.length > 0 ? (\n <div className=\"and-condition\">\n {orIndex === 0 && (\n <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n )}\n {orIndex > 0 && <span className=\"label\"> or </span>}\n {orCondition.and.map((andCondition, andIndex) => (\n <React.Fragment key={andIndex}>\n {renderCondition(andCondition)}\n {andIndex < orCondition.and.length - 1 && (\n <span className=\"label\"> and </span>\n )}\n </React.Fragment>\n ))}\n </div>\n ) : (\n renderCondition(orCondition)\n )}\n </React.Fragment>\n ))}\n </div>\n )\n }\n\n return renderCondition(where)\n }\n\n return renderWhere(where, collectionLabel)\n}\n\nexport const ListPresetsWhereField: JSONFieldClientComponent = ({\n field: { label, required },\n path,\n}) => {\n const { value } = useField({ path })\n const { collectionSlug } = useListQuery()\n const { getEntityConfig } = useConfig()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n\n const { i18n } = useTranslation()\n\n return (\n <div className=\"field-type list-preset-where-field\">\n <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n <div className=\"value-wrapper\">\n {value\n ? transformWhereToNaturalLanguage(\n value as Where,\n getTranslation(collectionConfig.labels.plural, i18n),\n )\n : 'No where query'}\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,23 @@
1
+ @import '../../../../scss/styles';
2
+
3
+ @layer payload-default {
4
+ .list-preset-where-field {
5
+ .field-label {
6
+ margin-bottom: calc(var(--base) / 2);
7
+ }
8
+
9
+ .value-wrapper {
10
+ background-color: var(--theme-elevation-50);
11
+ padding: var(--base);
12
+ }
13
+ }
14
+
15
+ .list-preset-where-field {
16
+ .pill {
17
+ &--style-always-white {
18
+ background: var(--theme-elevation-250);
19
+ color: var(--theme-elevation-1000);
20
+ }
21
+ }
22
+ }
23
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Localizer/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAsEA,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Localizer/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAoFA,CAAA"}
@@ -3,19 +3,19 @@
3
3
  import { c as _c } from "react/compiler-runtime";
4
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  import { getTranslation } from '@payloadcms/translations';
6
- import { useSearchParams } from 'next/navigation.js';
6
+ import { useRouter } from 'next/navigation.js';
7
7
  import * as qs from 'qs-esm';
8
8
  import React, { Fragment } from 'react';
9
9
  import { useConfig } from '../../providers/Config/index.js';
10
10
  import { useLocale, useLocaleLoading } from '../../providers/Locale/index.js';
11
+ import { useRouteTransition } from '../../providers/RouteTransition/index.js';
11
12
  import { useTranslation } from '../../providers/Translation/index.js';
12
- import { parseSearchParams } from '../../utilities/parseSearchParams.js';
13
13
  import { Popup, PopupList } from '../Popup/index.js';
14
- import { LocalizerLabel } from './LocalizerLabel/index.js';
15
14
  import './index.scss';
15
+ import { LocalizerLabel } from './LocalizerLabel/index.js';
16
16
  const baseClass = 'localizer';
17
17
  export const Localizer = props => {
18
- const $ = _c(15);
18
+ const $ = _c(17);
19
19
  const {
20
20
  className
21
21
  } = props;
@@ -25,7 +25,10 @@ export const Localizer = props => {
25
25
  const {
26
26
  localization
27
27
  } = t0;
28
- const searchParams = useSearchParams();
28
+ const router = useRouter();
29
+ const {
30
+ startRouteTransition
31
+ } = useRouteTransition();
29
32
  const {
30
33
  setLocaleIsLoading
31
34
  } = useLocaleLoading();
@@ -47,9 +50,9 @@ export const Localizer = props => {
47
50
  }
48
51
  const t2 = t1.join(" ");
49
52
  let t3;
50
- if ($[2] !== i18n || $[3] !== locale.code || $[4] !== locales || $[5] !== searchParams || $[6] !== setLocaleIsLoading || $[7] !== t2) {
53
+ if ($[2] !== i18n || $[3] !== locale.code || $[4] !== locales || $[5] !== router || $[6] !== setLocaleIsLoading || $[7] !== startRouteTransition || $[8] !== t2) {
51
54
  let t4;
52
- if ($[9] !== i18n || $[10] !== locale.code || $[11] !== locales || $[12] !== searchParams || $[13] !== setLocaleIsLoading) {
55
+ if ($[10] !== i18n || $[11] !== locale.code || $[12] !== locales || $[13] !== router || $[14] !== setLocaleIsLoading || $[15] !== startRouteTransition) {
53
56
  t4 = t5 => {
54
57
  const {
55
58
  close
@@ -60,15 +63,22 @@ export const Localizer = props => {
60
63
  return _jsx(PopupList.Button, {
61
64
  active: locale.code === localeOption.code,
62
65
  disabled: locale.code === localeOption.code,
63
- href: qs.stringify({
64
- ...parseSearchParams(searchParams),
65
- locale: localeOption.code
66
- }, {
67
- addQueryPrefix: true
68
- }),
69
66
  onClick: () => {
70
67
  setLocaleIsLoading(true);
71
68
  close();
69
+ const searchParams = new URLSearchParams(window.location.search);
70
+ const url = qs.stringify({
71
+ ...qs.parse(searchParams.toString(), {
72
+ depth: 10,
73
+ ignoreQueryPrefix: true
74
+ }),
75
+ locale: localeOption.code
76
+ }, {
77
+ addQueryPrefix: true
78
+ });
79
+ startRouteTransition(() => {
80
+ router.push(url);
81
+ });
72
82
  },
73
83
  children: localeOptionLabel !== localeOption.code ? _jsxs(Fragment, {
74
84
  children: [localeOptionLabel, "\xA0", _jsx("span", {
@@ -85,14 +95,15 @@ export const Localizer = props => {
85
95
  })
86
96
  });
87
97
  };
88
- $[9] = i18n;
89
- $[10] = locale.code;
90
- $[11] = locales;
91
- $[12] = searchParams;
92
- $[13] = setLocaleIsLoading;
93
- $[14] = t4;
98
+ $[10] = i18n;
99
+ $[11] = locale.code;
100
+ $[12] = locales;
101
+ $[13] = router;
102
+ $[14] = setLocaleIsLoading;
103
+ $[15] = startRouteTransition;
104
+ $[16] = t4;
94
105
  } else {
95
- t4 = $[14];
106
+ t4 = $[16];
96
107
  }
97
108
  t3 = _jsx("div", {
98
109
  className: t2,
@@ -107,12 +118,13 @@ export const Localizer = props => {
107
118
  $[2] = i18n;
108
119
  $[3] = locale.code;
109
120
  $[4] = locales;
110
- $[5] = searchParams;
121
+ $[5] = router;
111
122
  $[6] = setLocaleIsLoading;
112
- $[7] = t2;
113
- $[8] = t3;
123
+ $[7] = startRouteTransition;
124
+ $[8] = t2;
125
+ $[9] = t3;
114
126
  } else {
115
- t3 = $[8];
127
+ t3 = $[9];
116
128
  }
117
129
  return t3;
118
130
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","getTranslation","useSearchParams","qs","React","Fragment","useConfig","useLocale","useLocaleLoading","useTranslation","parseSearchParams","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","$","className","config","t0","localization","searchParams","setLocaleIsLoading","i18n","locale","locales","t1","filter","Boolean","t2","join","t3","code","t4","t5","close","_jsx","ButtonGroup","children","map","localeOption","localeOptionLabel","label","Button","active","disabled","href","stringify","addQueryPrefix","onClick","_jsxs","button","horizontalAlign","render"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n className?: string\n}> = (props) => {\n const { className } = props\n const {\n config: { localization },\n } = useConfig()\n const searchParams = useSearchParams()\n const { setLocaleIsLoading } = useLocaleLoading()\n\n const { i18n } = useTranslation()\n const locale = useLocale()\n\n if (localization) {\n const { locales } = localization\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n <Popup\n button={<LocalizerLabel />}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n {locales.map((localeOption) => {\n const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n return (\n <PopupList.Button\n active={locale.code === localeOption.code}\n disabled={locale.code === localeOption.code}\n href={qs.stringify(\n {\n ...parseSearchParams(searchParams),\n locale: localeOption.code,\n },\n { addQueryPrefix: true },\n )}\n key={localeOption.code}\n onClick={() => {\n setLocaleIsLoading(true)\n close()\n }}\n >\n {localeOptionLabel !== localeOption.code ? (\n <Fragment>\n {localeOptionLabel}\n &nbsp;\n <span\n className={`${baseClass}__locale-code`}\n data-locale={localeOption.code}\n >\n {`(${localeOption.code})`}\n </span>\n </Fragment>\n ) : (\n <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n {localeOptionLabel}\n </span>\n )}\n </PopupList.Button>\n )\n })}\n </PopupList.ButtonGroup>\n )}\n showScrollbar\n size=\"large\"\n />\n </div>\n )\n }\n\n return null\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","useRouter","qs","React","Fragment","useConfig","useLocale","useLocaleLoading","useRouteTransition","useTranslation","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","$","className","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","locale","locales","t1","filter","Boolean","t2","join","t3","code","t4","t5","close","_jsx","ButtonGroup","children","map","localeOption","localeOptionLabel","label","Button","active","disabled","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","button","horizontalAlign","render"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n className?: string\n}> = (props) => {\n const { className } = props\n const {\n config: { localization },\n } = useConfig()\n\n const router = useRouter()\n const { startRouteTransition } = useRouteTransition()\n\n const { setLocaleIsLoading } = useLocaleLoading()\n\n const { i18n } = useTranslation()\n const locale = useLocale()\n\n if (localization) {\n const { locales } = localization\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n <Popup\n button={<LocalizerLabel />}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n {locales.map((localeOption) => {\n const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n return (\n <PopupList.Button\n active={locale.code === localeOption.code}\n disabled={locale.code === localeOption.code}\n key={localeOption.code}\n onClick={() => {\n setLocaleIsLoading(true)\n close()\n\n // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n const searchParams = new URLSearchParams(window.location.search)\n\n const url = qs.stringify(\n {\n ...qs.parse(searchParams.toString(), {\n depth: 10,\n ignoreQueryPrefix: true,\n }),\n locale: localeOption.code,\n },\n { addQueryPrefix: true },\n )\n\n startRouteTransition(() => {\n router.push(url)\n })\n }}\n >\n {localeOptionLabel !== localeOption.code ? (\n <Fragment>\n {localeOptionLabel}\n &nbsp;\n <span\n className={`${baseClass}__locale-code`}\n data-locale={localeOption.code}\n >\n {`(${localeOption.code})`}\n </span>\n </Fragment>\n ) : (\n <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n {localeOptionLabel}\n </span>\n )}\n </PopupList.Button>\n )\n })}\n </PopupList.ButtonGroup>\n )}\n showScrollbar\n size=\"large\"\n />\n </div>\n )\n }\n\n return null\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CA0BA,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logout/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CA0BA,CAAA"}
@@ -2,11 +2,11 @@
2
2
 
3
3
  import { c as _c } from "react/compiler-runtime";
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
5
+ import { formatAdminURL } from 'payload/shared';
5
6
  import React from 'react';
6
7
  import { LogOutIcon } from '../../icons/LogOut/index.js';
7
8
  import { useConfig } from '../../providers/Config/index.js';
8
9
  import { useTranslation } from '../../providers/Translation/index.js';
9
- import { formatAdminURL } from '../../utilities/formatAdminURL.js';
10
10
  import { Link } from '../Link/index.js';
11
11
  const baseClass = 'nav';
12
12
  export const Logout = t0 => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","React","LogOutIcon","useConfig","useTranslation","formatAdminURL","Link","baseClass","Logout","t0","$","tabIndex","t1","undefined","t","config","admin","t2","routes","t3","t4","logout","logoutRoute","adminRoute","t5","_jsx","className","href","path","prefetch","title","children"],"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'nav'\n\nexport const Logout: React.FC<{\n /**\n * @deprecated\n * This prop is deprecated and will be removed in the next major version.\n * Components now import their own `Link` directly from `next/link`.\n */\n Link?: React.ComponentType\n tabIndex?: number\n}> = ({ tabIndex = 0 }) => {\n const { t } = useTranslation()\n const { config } = useConfig()\n\n const {\n admin: {\n routes: { logout: logoutRoute },\n },\n routes: { admin: adminRoute },\n } = config\n\n return (\n <Link\n aria-label={t('authentication:logOut')}\n className={`${baseClass}__log-out`}\n href={formatAdminURL({\n adminRoute,\n path: logoutRoute,\n })}\n prefetch={false}\n tabIndex={tabIndex}\n title={t('authentication:logOut')}\n >\n <LogOutIcon />\n </Link>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAQRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA,EAAAC;EAAA,IAAAH,EAAgB;EAAd,MAAAE,QAAA,GAAAC,EAAY,KAAAC,SAAA,OAAZD,EAAY;EAClB;IAAAE;EAAA,IAAcV,cAAA;EACd;IAAAW;EAAA,IAAmBZ,SAAA;EAEnB;IAAAa,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAAA,IAAAK,EAAA;EAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA;IAI7Ba,EAAA,GAAAC,IAAA,CAAAnB,IAAA;MAAA,cACcQ,CAAA,CAAE;MAAAY,SAAA,EACH,GAAAnB,SAAA,WAAuB;MAAAoB,IAAA,EAC5BtB,cAAA;QAAAkB,UAAA;QAAAK,IAAA,EAEEN;MAAA,CACR;MAAAO,QAAA;MAAAlB,QAAA;MAAAmB,KAAA,EAGOhB,CAAA,CAAE;MAAAiB,QAAA,EAETN,IAAA,CAAAvB,UAAA,IAAC;IAAA,C;;;;;;;;;SAXHsB,E;CAcJ","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","LogOutIcon","useConfig","useTranslation","Link","baseClass","Logout","t0","$","tabIndex","t1","undefined","t","config","admin","t2","routes","t3","t4","logout","logoutRoute","adminRoute","t5","_jsx","className","href","path","prefetch","title","children"],"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'nav'\n\nexport const Logout: React.FC<{\n /**\n * @deprecated\n * This prop is deprecated and will be removed in the next major version.\n * Components now import their own `Link` directly from `next/link`.\n */\n Link?: React.ComponentType\n tabIndex?: number\n}> = ({ tabIndex = 0 }) => {\n const { t } = useTranslation()\n const { config } = useConfig()\n\n const {\n admin: {\n routes: { logout: logoutRoute },\n },\n routes: { admin: adminRoute },\n } = config\n\n return (\n <Link\n aria-label={t('authentication:logOut')}\n className={`${baseClass}__log-out`}\n href={formatAdminURL({\n adminRoute,\n path: logoutRoute,\n })}\n prefetch={false}\n tabIndex={tabIndex}\n title={t('authentication:logOut')}\n >\n <LogOutIcon />\n </Link>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAQRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA,EAAAC;EAAA,IAAAH,EAAgB;EAAd,MAAAE,QAAA,GAAAC,EAAY,KAAAC,SAAA,OAAZD,EAAY;EAClB;IAAAE;EAAA,IAAcT,cAAA;EACd;IAAAU;EAAA,IAAmBX,SAAA;EAEnB;IAAAY,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAAA,IAAAK,EAAA;EAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA;IAI7Ba,EAAA,GAAAC,IAAA,CAAAnB,IAAA;MAAA,cACcQ,CAAA,CAAE;MAAAY,SAAA,EACH,GAAAnB,SAAA,WAAuB;MAAAoB,IAAA,EAC5B1B,cAAA;QAAAsB,UAAA;QAAAK,IAAA,EAEEN;MAAA,CACR;MAAAO,QAAA;MAAAlB,QAAA;MAAAmB,KAAA,EAGOhB,CAAA,CAAE;MAAAiB,QAAA,EAETN,IAAA,CAAAtB,UAAA,IAAC;IAAA,C;;;;;;;;;SAXHqB,E;CAcJ","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,UAAU,+BAMrB,CAAA;AAEF,eAAO,MAAM,MAAM,sBAAqC,CAAA;AAYxD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAwEA,CAAA"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,UAAU,+BAMrB,CAAA;AAEF,eAAO,MAAM,MAAM,sBAAqC,CAAA;AAYxD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CA+EA,CAAA"}