@payloadcms/ui 3.0.0-canary.4eb1bfc → 3.0.0-canary.51be7be

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 (222) hide show
  1. package/dist/elements/AddNewRelation/index.scss +36 -34
  2. package/dist/elements/AppHeader/index.scss +151 -150
  3. package/dist/elements/ArrayAction/index.scss +23 -21
  4. package/dist/elements/Autosave/index.scss +4 -2
  5. package/dist/elements/Banner/index.scss +51 -49
  6. package/dist/elements/BulkUpload/ActionsBar/index.scss +45 -43
  7. package/dist/elements/BulkUpload/AddFilesView/index.d.ts +2 -1
  8. package/dist/elements/BulkUpload/AddFilesView/index.d.ts.map +1 -1
  9. package/dist/elements/BulkUpload/AddFilesView/index.js +2 -0
  10. package/dist/elements/BulkUpload/AddFilesView/index.js.map +1 -1
  11. package/dist/elements/BulkUpload/AddFilesView/index.scss +23 -21
  12. package/dist/elements/BulkUpload/AddingFilesView/index.scss +16 -14
  13. package/dist/elements/BulkUpload/DrawerCloseButton/index.scss +23 -21
  14. package/dist/elements/BulkUpload/EditForm/index.scss +6 -4
  15. package/dist/elements/BulkUpload/FileSidebar/index.scss +214 -212
  16. package/dist/elements/BulkUpload/Header/index.scss +11 -9
  17. package/dist/elements/BulkUpload/index.d.ts.map +1 -1
  18. package/dist/elements/BulkUpload/index.js +22 -42
  19. package/dist/elements/BulkUpload/index.js.map +1 -1
  20. package/dist/elements/Button/index.scss +202 -200
  21. package/dist/elements/Card/index.scss +58 -56
  22. package/dist/elements/CodeEditor/index.scss +16 -14
  23. package/dist/elements/Collapsible/index.scss +125 -123
  24. package/dist/elements/ColumnSelector/index.scss +36 -34
  25. package/dist/elements/CopyToClipboard/index.scss +21 -19
  26. package/dist/elements/DatePicker/DatePicker.d.ts +1 -1
  27. package/dist/elements/DatePicker/DatePicker.d.ts.map +1 -1
  28. package/dist/elements/DatePicker/DatePicker.js +1 -1
  29. package/dist/elements/DatePicker/DatePicker.js.map +1 -1
  30. package/dist/elements/DatePicker/index.scss +309 -307
  31. package/dist/elements/DatePicker/library.scss +859 -0
  32. package/dist/elements/DeleteDocument/index.scss +32 -30
  33. package/dist/elements/DeleteMany/index.d.ts.map +1 -1
  34. package/dist/elements/DeleteMany/index.js +16 -5
  35. package/dist/elements/DeleteMany/index.js.map +1 -1
  36. package/dist/elements/DeleteMany/index.scss +29 -27
  37. package/dist/elements/DocumentControls/index.js +1 -1
  38. package/dist/elements/DocumentControls/index.js.map +1 -1
  39. package/dist/elements/DocumentControls/index.scss +190 -188
  40. package/dist/elements/DocumentDrawer/index.scss +55 -53
  41. package/dist/elements/DocumentFields/index.scss +144 -142
  42. package/dist/elements/Drawer/index.scss +111 -109
  43. package/dist/elements/Dropzone/index.scss +32 -30
  44. package/dist/elements/DuplicateDocument/index.scss +31 -29
  45. package/dist/elements/EditMany/index.scss +162 -160
  46. package/dist/elements/EditUpload/index.scss +180 -178
  47. package/dist/elements/ErrorPill/index.scss +27 -25
  48. package/dist/elements/FieldSelect/index.scss +4 -2
  49. package/dist/elements/FileDetails/DraggableFileDetails/index.scss +25 -23
  50. package/dist/elements/FileDetails/FileMeta/index.scss +21 -19
  51. package/dist/elements/FileDetails/StaticFileDetails/index.scss +104 -102
  52. package/dist/elements/GenerateConfirmation/index.scss +29 -27
  53. package/dist/elements/Gutter/index.scss +14 -12
  54. package/dist/elements/Hamburger/index.scss +38 -36
  55. package/dist/elements/IDLabel/index.scss +11 -9
  56. package/dist/elements/ListControls/index.scss +71 -69
  57. package/dist/elements/ListDrawer/DrawerContent.d.ts.map +1 -1
  58. package/dist/elements/ListDrawer/DrawerContent.js +61 -57
  59. package/dist/elements/ListDrawer/DrawerContent.js.map +1 -1
  60. package/dist/elements/ListDrawer/index.scss +93 -91
  61. package/dist/elements/ListHeader/index.scss +9 -7
  62. package/dist/elements/ListSelection/index.scss +14 -12
  63. package/dist/elements/Loading/index.scss +108 -106
  64. package/dist/elements/Localizer/LocalizerLabel/index.scss +44 -42
  65. package/dist/elements/Localizer/index.scss +7 -5
  66. package/dist/elements/Locked/index.scss +11 -9
  67. package/dist/elements/Nav/NavToggler/index.scss +9 -7
  68. package/dist/elements/NavGroup/index.scss +43 -41
  69. package/dist/elements/Pagination/ClickableArrow/index.scss +34 -32
  70. package/dist/elements/Pagination/index.scss +40 -38
  71. package/dist/elements/PerPage/index.scss +37 -35
  72. package/dist/elements/Pill/index.scss +103 -101
  73. package/dist/elements/Popup/PopupButtonList/index.scss +45 -43
  74. package/dist/elements/Popup/PopupTrigger/index.scss +23 -21
  75. package/dist/elements/Popup/index.scss +185 -183
  76. package/dist/elements/PreviewSizes/index.scss +115 -113
  77. package/dist/elements/PublishMany/index.d.ts.map +1 -1
  78. package/dist/elements/PublishMany/index.js +16 -5
  79. package/dist/elements/PublishMany/index.js.map +1 -1
  80. package/dist/elements/PublishMany/index.scss +28 -26
  81. package/dist/elements/ReactSelect/ClearIndicator/index.scss +6 -4
  82. package/dist/elements/ReactSelect/DropdownIndicator/index.scss +11 -9
  83. package/dist/elements/ReactSelect/MultiValue/index.scss +26 -24
  84. package/dist/elements/ReactSelect/MultiValueLabel/index.scss +16 -14
  85. package/dist/elements/ReactSelect/MultiValueRemove/index.scss +20 -18
  86. package/dist/elements/ReactSelect/ValueContainer/index.scss +22 -20
  87. package/dist/elements/ReactSelect/index.d.ts.map +1 -1
  88. package/dist/elements/ReactSelect/index.js +2 -0
  89. package/dist/elements/ReactSelect/index.js.map +1 -1
  90. package/dist/elements/ReactSelect/index.scss +66 -59
  91. package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss +5 -3
  92. package/dist/elements/RelationshipTable/index.scss +21 -19
  93. package/dist/elements/RenderTitle/index.scss +7 -5
  94. package/dist/elements/SearchFilter/index.scss +31 -28
  95. package/dist/elements/SelectAll/index.scss +5 -3
  96. package/dist/elements/SelectRow/index.scss +6 -4
  97. package/dist/elements/ShimmerEffect/index.scss +26 -24
  98. package/dist/elements/SortColumn/index.scss +51 -49
  99. package/dist/elements/SortComplex/index.scss +27 -25
  100. package/dist/elements/Status/index.scss +45 -43
  101. package/dist/elements/StayLoggedIn/index.scss +28 -26
  102. package/dist/elements/StepNav/index.scss +62 -61
  103. package/dist/elements/Table/DefaultCell/fields/Checkbox/index.scss +20 -18
  104. package/dist/elements/Table/DefaultCell/fields/Code/index.scss +22 -20
  105. package/dist/elements/Table/DefaultCell/fields/File/index.scss +18 -16
  106. package/dist/elements/Table/DefaultCell/fields/JSON/index.scss +20 -18
  107. package/dist/elements/Table/DefaultCell/index.js +2 -2
  108. package/dist/elements/Table/DefaultCell/index.js.map +1 -1
  109. package/dist/elements/Table/index.scss +74 -72
  110. package/dist/elements/Thumbnail/index.scss +37 -35
  111. package/dist/elements/ThumbnailCard/index.scss +31 -29
  112. package/dist/elements/Tooltip/index.scss +77 -75
  113. package/dist/elements/UnpublishMany/index.d.ts.map +1 -1
  114. package/dist/elements/UnpublishMany/index.js +16 -5
  115. package/dist/elements/UnpublishMany/index.js.map +1 -1
  116. package/dist/elements/UnpublishMany/index.scss +28 -26
  117. package/dist/elements/Upload/index.d.ts.map +1 -1
  118. package/dist/elements/Upload/index.js +2 -0
  119. package/dist/elements/Upload/index.js.map +1 -1
  120. package/dist/elements/Upload/index.scss +122 -120
  121. package/dist/elements/WhereBuilder/Condition/Number/index.scss +4 -2
  122. package/dist/elements/WhereBuilder/Condition/Relationship/index.scss +9 -7
  123. package/dist/elements/WhereBuilder/Condition/Text/index.scss +4 -2
  124. package/dist/elements/WhereBuilder/Condition/index.scss +43 -41
  125. package/dist/elements/WhereBuilder/index.scss +28 -26
  126. package/dist/exports/client/{DatePicker-HNJMUG32.js → DatePicker-2ZXVD574.js} +2 -2
  127. package/dist/exports/client/{chunk-IHJK2MAT.js → chunk-ED2SHEMU.js} +2 -2
  128. package/dist/exports/client/{chunk-IHJK2MAT.js.map → chunk-ED2SHEMU.js.map} +3 -3
  129. package/dist/exports/client/index.d.ts +2 -1
  130. package/dist/exports/client/index.d.ts.map +1 -1
  131. package/dist/exports/client/index.js +22 -19
  132. package/dist/exports/client/index.js.map +3 -3
  133. package/dist/fields/Array/index.scss +74 -72
  134. package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.scss +25 -23
  135. package/dist/fields/Blocks/BlocksDrawer/index.scss +36 -34
  136. package/dist/fields/Blocks/SectionTitle/index.scss +51 -49
  137. package/dist/fields/Blocks/index.scss +89 -87
  138. package/dist/fields/Checkbox/index.scss +107 -105
  139. package/dist/fields/Code/index.scss +18 -16
  140. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  141. package/dist/fields/Collapsible/index.scss +8 -6
  142. package/dist/fields/ConfirmPassword/index.scss +18 -16
  143. package/dist/fields/DateTime/index.scss +13 -11
  144. package/dist/fields/Email/index.scss +21 -19
  145. package/dist/fields/FieldDescription/index.scss +9 -7
  146. package/dist/fields/FieldError/index.scss +13 -11
  147. package/dist/fields/FieldLabel/index.scss +17 -15
  148. package/dist/fields/Group/index.scss +107 -105
  149. package/dist/fields/JSON/index.scss +11 -9
  150. package/dist/fields/Number/index.scss +19 -17
  151. package/dist/fields/Password/index.scss +18 -16
  152. package/dist/fields/Point/index.scss +33 -31
  153. package/dist/fields/RadioGroup/Radio/index.scss +58 -56
  154. package/dist/fields/RadioGroup/index.scss +57 -55
  155. package/dist/fields/Relationship/index.scss +44 -42
  156. package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss +40 -38
  157. package/dist/fields/Relationship/select-components/SingleValue/index.scss +43 -41
  158. package/dist/fields/Row/index.scss +31 -29
  159. package/dist/fields/Select/index.scss +16 -14
  160. package/dist/fields/Tabs/Tab/index.scss +58 -56
  161. package/dist/fields/Tabs/index.d.ts.map +1 -1
  162. package/dist/fields/Tabs/index.js +69 -53
  163. package/dist/fields/Tabs/index.js.map +1 -1
  164. package/dist/fields/Tabs/index.scss +46 -44
  165. package/dist/fields/Text/index.scss +23 -21
  166. package/dist/fields/Textarea/index.scss +89 -87
  167. package/dist/fields/Upload/HasMany/index.scss +20 -18
  168. package/dist/fields/Upload/HasOne/index.scss +5 -3
  169. package/dist/fields/Upload/Input.d.ts.map +1 -1
  170. package/dist/fields/Upload/Input.js +39 -36
  171. package/dist/fields/Upload/Input.js.map +1 -1
  172. package/dist/fields/Upload/RelationshipContent/index.scss +44 -42
  173. package/dist/fields/Upload/UploadCard/index.scss +21 -19
  174. package/dist/fields/Upload/index.scss +49 -47
  175. package/dist/forms/Form/fieldReducer.d.ts.map +1 -1
  176. package/dist/forms/Form/fieldReducer.js +7 -0
  177. package/dist/forms/Form/fieldReducer.js.map +1 -1
  178. package/dist/forms/Form/index.scss +5 -3
  179. package/dist/forms/RenderFields/index.scss +47 -45
  180. package/dist/forms/Submit/index.scss +5 -3
  181. package/dist/forms/useField/index.d.ts.map +1 -1
  182. package/dist/forms/useField/index.js +1 -1
  183. package/dist/forms/useField/index.js.map +1 -1
  184. package/dist/graphics/Account/Default/index.scss +43 -41
  185. package/dist/icons/Calendar/index.scss +8 -6
  186. package/dist/icons/Check/index.scss +9 -7
  187. package/dist/icons/Chevron/index.scss +18 -16
  188. package/dist/icons/CloseMenu/index.scss +7 -5
  189. package/dist/icons/Copy/index.scss +9 -7
  190. package/dist/icons/DragHandle/index.scss +9 -7
  191. package/dist/icons/Edit/index.scss +9 -7
  192. package/dist/icons/Line/index.scss +8 -6
  193. package/dist/icons/Link/index.scss +8 -6
  194. package/dist/icons/Lock/index.scss +6 -4
  195. package/dist/icons/LogOut/index.scss +8 -6
  196. package/dist/icons/Menu/index.scss +6 -4
  197. package/dist/icons/More/index.scss +8 -6
  198. package/dist/icons/Plus/index.scss +6 -4
  199. package/dist/icons/Search/index.scss +8 -6
  200. package/dist/icons/Swap/index.scss +9 -7
  201. package/dist/icons/X/index.scss +6 -4
  202. package/dist/providers/Auth/index.d.ts +9 -4
  203. package/dist/providers/Auth/index.d.ts.map +1 -1
  204. package/dist/providers/Auth/index.js +51 -56
  205. package/dist/providers/Auth/index.js.map +1 -1
  206. package/dist/providers/Config/createClientConfig/fields.d.ts.map +1 -1
  207. package/dist/providers/Config/createClientConfig/fields.js +21 -3
  208. package/dist/providers/Config/createClientConfig/fields.js.map +1 -1
  209. package/dist/providers/DocumentInfo/index.d.ts.map +1 -1
  210. package/dist/providers/DocumentInfo/index.js +4 -0
  211. package/dist/providers/DocumentInfo/index.js.map +1 -1
  212. package/dist/providers/Selection/index.js +3 -3
  213. package/dist/providers/Selection/index.js.map +1 -1
  214. package/dist/scss/app.scss +166 -162
  215. package/dist/scss/colors.scss +256 -254
  216. package/dist/scss/resets.scss +9 -7
  217. package/dist/scss/toastify.scss +42 -40
  218. package/dist/scss/toasts.scss +105 -103
  219. package/dist/scss/type.scss +81 -79
  220. package/dist/styles.css +1 -1
  221. package/package.json +5 -5
  222. /package/dist/exports/client/{DatePicker-HNJMUG32.js.map → DatePicker-2ZXVD574.js.map} +0 -0
@@ -1,6 +1,8 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .upload {
4
- position: relative;
5
- max-width: 100%;
3
+ @layer payload-default {
4
+ .upload {
5
+ position: relative;
6
+ max-width: 100%;
7
+ }
6
8
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAmB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAuelD"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EAEnB,eAAe,EAEf,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,IAAI,eAAe,EAE/B,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAIjD,OAAO,KAA0C,MAAM,OAAO,CAAA;AAmB9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,WAAW,CAAA;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,sBAAsB,CAAA;IAC5C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,2BAA2B,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IAChG,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAA;IACpF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA+elD"}
@@ -23,7 +23,7 @@ import { UploadComponentHasOne } from './HasOne/index.js';
23
23
  import './index.scss';
24
24
  export const baseClass = 'upload';
25
25
  export function UploadInput(props) {
26
- const $ = _c(126);
26
+ const $ = _c(125);
27
27
  const {
28
28
  api,
29
29
  className,
@@ -193,6 +193,10 @@ export function UploadInput(props) {
193
193
  const loadedValueDocsRef = React.useRef(false);
194
194
  let t13;
195
195
  bb0: {
196
+ if (readOnly || !allowCreate) {
197
+ t13 = false;
198
+ break bb0;
199
+ }
196
200
  if (typeof activeRelationTo === "string") {
197
201
  if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {
198
202
  if (permissions.collections[activeRelationTo].create?.permission === true) {
@@ -499,30 +503,30 @@ export function UploadInput(props) {
499
503
  const t28 = t27.join(" ");
500
504
  const t29 = `field-${path.replace(/\./g, "__")}`;
501
505
  let t30;
502
- if ($[83] !== style || $[84] !== width || $[85] !== labelProps || $[86] !== Label || $[87] !== label || $[88] !== required || $[89] !== field || $[90] !== errorProps || $[91] !== Error || $[92] !== path || $[93] !== hasMany || $[94] !== value || $[95] !== populatedDocs || $[96] !== isSortable || $[97] !== readOnly || $[98] !== onRemove || $[99] !== onReorder || $[100] !== serverURL || $[101] !== t || $[102] !== showDropzone || $[103] !== allowCreate || $[104] !== canCreate || $[105] !== onLocalFileSelection || $[106] !== openCreateDocDrawer || $[107] !== openListDrawer || $[108] !== onDocCreate || $[109] !== CreateDocDrawer || $[110] !== onListBulkSelect || $[111] !== onListSelect || $[112] !== ListDrawer || $[113] !== maxRows || $[114] !== descriptionProps || $[115] !== Description || $[116] !== description || $[117] !== t28 || $[118] !== t29) {
506
+ if ($[83] !== style || $[84] !== width || $[85] !== labelProps || $[86] !== Label || $[87] !== label || $[88] !== required || $[89] !== field || $[90] !== errorProps || $[91] !== Error || $[92] !== path || $[93] !== hasMany || $[94] !== value || $[95] !== populatedDocs || $[96] !== isSortable || $[97] !== readOnly || $[98] !== onRemove || $[99] !== onReorder || $[100] !== serverURL || $[101] !== t || $[102] !== showDropzone || $[103] !== canCreate || $[104] !== onLocalFileSelection || $[105] !== openCreateDocDrawer || $[106] !== openListDrawer || $[107] !== onDocCreate || $[108] !== CreateDocDrawer || $[109] !== onListBulkSelect || $[110] !== onListSelect || $[111] !== ListDrawer || $[112] !== maxRows || $[113] !== descriptionProps || $[114] !== Description || $[115] !== description || $[116] !== t28 || $[117] !== t29) {
503
507
  let t31;
504
- if ($[120] !== labelProps) {
508
+ if ($[119] !== labelProps) {
505
509
  t31 = labelProps || {};
506
- $[120] = labelProps;
507
- $[121] = t31;
510
+ $[119] = labelProps;
511
+ $[120] = t31;
508
512
  } else {
509
- t31 = $[121];
513
+ t31 = $[120];
510
514
  }
511
515
  let t32;
512
- if ($[122] !== errorProps) {
516
+ if ($[121] !== errorProps) {
513
517
  t32 = errorProps || {};
514
- $[122] = errorProps;
515
- $[123] = t32;
518
+ $[121] = errorProps;
519
+ $[122] = t32;
516
520
  } else {
517
- t32 = $[123];
521
+ t32 = $[122];
518
522
  }
519
523
  let t33;
520
- if ($[124] !== descriptionProps) {
524
+ if ($[123] !== descriptionProps) {
521
525
  t33 = descriptionProps || {};
522
- $[124] = descriptionProps;
523
- $[125] = t33;
526
+ $[123] = descriptionProps;
527
+ $[124] = t33;
524
528
  } else {
525
- t33 = $[125];
529
+ t33 = $[124];
526
530
  }
527
531
  t30 = _jsxs("div", {
528
532
  className: t28,
@@ -571,14 +575,14 @@ export function UploadInput(props) {
571
575
  height: "62px"
572
576
  })
573
577
  }) : null, showDropzone ? _jsx(Dropzone, {
574
- disabled: !allowCreate,
578
+ disabled: readOnly || !canCreate,
575
579
  multipleFiles: hasMany,
576
580
  onChange: onLocalFileSelection,
577
581
  children: _jsxs("div", {
578
582
  className: `${baseClass}__dropzoneContent`,
579
583
  children: [_jsxs("div", {
580
584
  className: `${baseClass}__dropzoneContent__buttons`,
581
- children: [allowCreate && _jsxs(_Fragment, {
585
+ children: [canCreate && _jsxs(_Fragment, {
582
586
  children: [_jsx(Button, {
583
587
  buttonStyle: "pill",
584
588
  className: `${baseClass}__createNewToggler`,
@@ -608,12 +612,12 @@ export function UploadInput(props) {
608
612
  }), _jsx(CreateDocDrawer, {
609
613
  onSave: onDocCreate
610
614
  }), _jsx(ListDrawer, {
611
- allowCreate,
615
+ allowCreate: canCreate,
612
616
  enableRowSelections: hasMany,
613
617
  onBulkSelect: onListBulkSelect,
614
618
  onSelect: onListSelect
615
619
  })]
616
- }), allowCreate && _jsxs("p", {
620
+ }), canCreate && _jsxs("p", {
617
621
  className: `${baseClass}__dragAndDropText`,
618
622
  children: [t("general:or"), " ", t("upload:dragAndDrop")]
619
623
  })]
@@ -650,25 +654,24 @@ export function UploadInput(props) {
650
654
  $[100] = serverURL;
651
655
  $[101] = t;
652
656
  $[102] = showDropzone;
653
- $[103] = allowCreate;
654
- $[104] = canCreate;
655
- $[105] = onLocalFileSelection;
656
- $[106] = openCreateDocDrawer;
657
- $[107] = openListDrawer;
658
- $[108] = onDocCreate;
659
- $[109] = CreateDocDrawer;
660
- $[110] = onListBulkSelect;
661
- $[111] = onListSelect;
662
- $[112] = ListDrawer;
663
- $[113] = maxRows;
664
- $[114] = descriptionProps;
665
- $[115] = Description;
666
- $[116] = description;
667
- $[117] = t28;
668
- $[118] = t29;
669
- $[119] = t30;
657
+ $[103] = canCreate;
658
+ $[104] = onLocalFileSelection;
659
+ $[105] = openCreateDocDrawer;
660
+ $[106] = openListDrawer;
661
+ $[107] = onDocCreate;
662
+ $[108] = CreateDocDrawer;
663
+ $[109] = onListBulkSelect;
664
+ $[110] = onListSelect;
665
+ $[111] = ListDrawer;
666
+ $[112] = maxRows;
667
+ $[113] = descriptionProps;
668
+ $[114] = Description;
669
+ $[115] = description;
670
+ $[116] = t28;
671
+ $[117] = t29;
672
+ $[118] = t30;
670
673
  } else {
671
- t30 = $[119];
674
+ t30 = $[118];
672
675
  }
673
676
  return t30;
674
677
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","names":["c","_c","useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","ShimmerEffect","useAuth","useLocale","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","$","api","className","Description","description","descriptionProps","Error","errorProps","field","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","labelProps","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","width","allowCreate","admin","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","t0","t1","t2","id","t3","not_in","t4","concat","t5","t6","t7","t8","t9","collectionSlugs","ListDrawer","t10","closeDrawer","closeListDrawer","openDrawer","openListDrawer","t11","collectionSlug","CreateDocDrawer","t12","closeCreateDocDrawer","openCreateDocDrawer","loadedValueDocsRef","useRef","t13","bb0","collections","create","permission","canCreate","t14","newValue","t15","language","ids","relatedCollectionSlug","query","depth","draft","limit","length","locale","where","and","in","response","fetch","body","stringify","credentials","headers","method","ok","json","sortedDocs","map","docs","find","doc","String","populateDocs","t16","newDocs","mergedValue","doc_0","currentDocs","doc_1","firstDoc","onUploadSuccess","t17","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onLocalFileSelection","t18","selectedDocIDs","id_0","isSelected","push","loadedDocs","currentDocs_0","doc_2","onListBulkSelect","t19","data","currentDocs_1","onDocCreate","t20","t21","docID","loadedDocs_0","selectedDoc","currentDocs_2","onListSelect","newValue_0","newValueIDs","t22","value_0","onReorder","newValue_1","newValueIDs_0","t23","value_1","onRemove","t24","loadInitialDocs","current","loadedDocs_1","doc_3","showDropzone","t25","t26","t27","filter","Boolean","t28","join","t29","replace","t30","t31","t32","t33","_jsxs","children","_jsx","CustomError","_Fragment","fileDocs","readonly","_temp","fileDoc","height","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect","id_1"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n ClientCollectionConfig,\n FieldDescriptionClientProps,\n FieldErrorClientProps,\n FieldLabelClientProps,\n FilterOptionsResult,\n JsonObject,\n MappedComponent,\n PaginatedDocs,\n StaticDescription,\n StaticLabel,\n UploadFieldClient,\n UploadField as UploadFieldType,\n Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n /**\n * Controls the visibility of the \"Create new collection\" button\n */\n readonly api?: string\n readonly className?: string\n readonly collection?: ClientCollectionConfig\n readonly customUploadActions?: React.ReactNode[]\n readonly Description?: MappedComponent\n readonly description?: StaticDescription\n readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>\n readonly Error?: MappedComponent\n readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>\n readonly field?: MarkOptional<UploadFieldClient, 'type'>\n readonly filterOptions?: FilterOptionsResult\n readonly hasMany?: boolean\n readonly isSortable?: boolean\n readonly Label?: MappedComponent\n readonly label?: StaticLabel\n readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n readonly maxRows?: number\n readonly onChange?: (e) => void\n readonly path: string\n readonly readOnly?: boolean\n readonly relationTo: UploadFieldType['relationTo']\n readonly required?: boolean\n readonly serverURL?: string\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: (number | string)[] | (number | string)\n readonly width?: React.CSSProperties['width']\n}\n\nexport function UploadInput(props: UploadInputProps) {\n const {\n api,\n className,\n Description,\n description,\n descriptionProps,\n Error,\n errorProps,\n field,\n filterOptions: filterOptionsFromProps,\n hasMany,\n isSortable,\n Label,\n label,\n labelProps,\n maxRows,\n onChange: onChangeFromProps,\n path,\n readOnly,\n relationTo,\n required,\n serverURL,\n showError,\n style,\n value,\n width,\n } = props\n const allowCreate = field?.admin?.allowCreate !== false\n\n const [populatedDocs, setPopulatedDocs] = React.useState<\n {\n relationTo: string\n value: JsonObject\n }[]\n >()\n const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n Array.isArray(relationTo) ? relationTo[0] : relationTo,\n )\n\n const { openModal } = useModal()\n const { drawerSlug, setCollectionSlug, setInitialFiles, setMaxFiles, setOnSuccess } =\n useBulkUpload()\n const { permissions } = useAuth()\n const { code } = useLocale()\n const { i18n, t } = useTranslation()\n\n const filterOptions: FilterOptionsResult = useMemo(() => {\n return {\n ...filterOptionsFromProps,\n [activeRelationTo]: {\n ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n id: {\n ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n ...(Array.isArray(value) || value ? [value] : []),\n ),\n },\n },\n }\n }, [value, activeRelationTo, filterOptionsFromProps])\n\n const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n useListDrawer({\n collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n filterOptions,\n })\n const [\n CreateDocDrawer,\n ,\n { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n ] = useDocumentDrawer({\n collectionSlug: activeRelationTo,\n })\n\n /**\n * Prevent initial retrieval of documents from running more than once\n */\n const loadedValueDocsRef = React.useRef<boolean>(false)\n\n const canCreate = useMemo(() => {\n if (typeof activeRelationTo === 'string') {\n if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n if (permissions.collections[activeRelationTo].create?.permission === true) {\n return true\n }\n }\n }\n\n return false\n }, [activeRelationTo, permissions])\n\n const onChange = React.useCallback(\n (newValue) => {\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(newValue)\n }\n },\n [onChangeFromProps],\n )\n\n const populateDocs = React.useCallback(\n async (\n ids: (number | string)[],\n relatedCollectionSlug: string,\n ): Promise<null | PaginatedDocs> => {\n const query: {\n [key: string]: unknown\n where: Where\n } = {\n depth: 0,\n draft: true,\n limit: ids.length,\n locale: code,\n where: {\n and: [\n {\n id: {\n in: ids,\n },\n },\n ],\n },\n }\n\n const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\n body: qs.stringify(query),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'X-HTTP-Method-Override': 'GET',\n },\n method: 'POST',\n })\n if (response.ok) {\n const json = await response.json()\n const sortedDocs = ids.map((id) =>\n json.docs.find((doc) => {\n return String(doc.id) === String(id)\n }),\n )\n\n return { ...json, docs: sortedDocs }\n }\n\n return null\n },\n [code, serverURL, api, i18n.language],\n )\n\n const onUploadSuccess = useCallback(\n (newDocs: JsonObject[]) => {\n if (hasMany) {\n const mergedValue = [\n ...(Array.isArray(value) ? value : []),\n ...newDocs.map((doc) => doc.id),\n ]\n onChange(mergedValue)\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs || []),\n ...newDocs.map((doc) => ({\n relationTo: activeRelationTo,\n value: doc,\n })),\n ])\n } else {\n const firstDoc = newDocs[0]\n onChange(firstDoc.id)\n setPopulatedDocs([\n {\n relationTo: activeRelationTo,\n value: firstDoc,\n },\n ])\n }\n },\n [value, onChange, activeRelationTo, hasMany],\n )\n\n const onLocalFileSelection = React.useCallback(\n (fileList?: FileList) => {\n let fileListToUse = fileList\n if (!hasMany && fileList && fileList.length > 1) {\n const dataTransfer = new DataTransfer()\n dataTransfer.items.add(fileList[0])\n fileListToUse = dataTransfer.files\n }\n if (fileListToUse) {\n setInitialFiles(fileListToUse)\n }\n setCollectionSlug(relationTo)\n setOnSuccess(onUploadSuccess)\n if (typeof maxRows === 'number') {\n setMaxFiles(maxRows)\n }\n openModal(drawerSlug)\n },\n [\n drawerSlug,\n hasMany,\n onUploadSuccess,\n openModal,\n relationTo,\n setCollectionSlug,\n setInitialFiles,\n setOnSuccess,\n maxRows,\n setMaxFiles,\n ],\n )\n\n // only hasMany can bulk select\n const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n async (docs) => {\n const selectedDocIDs = []\n\n for (const [id, isSelected] of docs) {\n if (isSelected) {\n selectedDocIDs.push(id)\n }\n }\n\n const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n if (loadedDocs) {\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs || []),\n ...loadedDocs.docs.map((doc) => ({\n relationTo: activeRelationTo,\n value: doc,\n })),\n ])\n }\n onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n closeListDrawer()\n },\n [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n )\n\n const onDocCreate = React.useCallback(\n (data) => {\n if (data.doc) {\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs || []),\n {\n relationTo: activeRelationTo,\n value: data.doc,\n },\n ])\n\n onChange(data.doc.id)\n }\n closeCreateDocDrawer()\n },\n [closeCreateDocDrawer, activeRelationTo, onChange],\n )\n\n const onListSelect = React.useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n async ({ collectionSlug, docID }) => {\n const loadedDocs = await populateDocs([docID], collectionSlug)\n const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n setPopulatedDocs((currentDocs) => {\n if (selectedDoc) {\n if (hasMany) {\n return [\n ...(currentDocs || []),\n {\n relationTo: activeRelationTo,\n value: selectedDoc,\n },\n ]\n }\n return [\n {\n relationTo: activeRelationTo,\n value: selectedDoc,\n },\n ]\n }\n return currentDocs\n })\n if (hasMany) {\n onChange([...(Array.isArray(value) ? value : []), docID])\n } else {\n onChange(docID)\n }\n closeListDrawer()\n },\n [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n )\n\n // only hasMany can reorder\n const onReorder = React.useCallback(\n (newValue) => {\n const newValueIDs = newValue.map(({ value }) => value.id)\n onChange(newValueIDs)\n setPopulatedDocs(newValue)\n },\n [onChange],\n )\n\n const onRemove = React.useCallback(\n (newValue?: PopulatedDocs) => {\n const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n setPopulatedDocs(newValue ? newValue : [])\n },\n [onChange, hasMany],\n )\n\n useEffect(() => {\n async function loadInitialDocs() {\n if (value) {\n loadedValueDocsRef.current = true\n const loadedDocs = await populateDocs(\n Array.isArray(value) ? value : [value],\n activeRelationTo,\n )\n if (loadedDocs) {\n setPopulatedDocs(\n loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n )\n }\n }\n }\n\n if (!loadedValueDocsRef.current) {\n void loadInitialDocs()\n }\n }, [populateDocs, activeRelationTo, value])\n\n const showDropzone =\n !readOnly &&\n (!value ||\n (hasMany &&\n Array.isArray(value) &&\n (typeof maxRows !== 'number' || value.length < maxRows)) ||\n (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined'))\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path.replace(/\\./g, '__')}`}\n style={{\n ...style,\n width,\n }}\n >\n <FieldLabel\n Label={Label}\n label={label}\n required={required}\n {...(labelProps || {})}\n field={field as UploadFieldClient}\n />\n <div className={`${baseClass}__wrap`}>\n <FieldError\n CustomError={Error}\n path={path}\n {...(errorProps || {})}\n field={field as UploadFieldClient}\n />\n </div>\n\n <div className={`${baseClass}__dropzoneAndUpload`}>\n {hasMany && Array.isArray(value) && value.length > 0 ? (\n <>\n {populatedDocs && populatedDocs?.length > 0 ? (\n <UploadComponentHasMany\n fileDocs={populatedDocs}\n isSortable={isSortable && !readOnly}\n onRemove={onRemove}\n onReorder={onReorder}\n readonly={readOnly}\n serverURL={serverURL}\n />\n ) : (\n <div className={`${baseClass}__loadingRows`}>\n {value.map((id) => (\n <ShimmerEffect height=\"40px\" key={id} />\n ))}\n </div>\n )}\n </>\n ) : null}\n\n {!hasMany && value ? (\n <>\n {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n <UploadComponentHasOne\n fileDoc={populatedDocs[0]}\n onRemove={onRemove}\n readonly={readOnly}\n serverURL={serverURL}\n />\n ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n <>\n {t('general:untitled')} - ID: {value}\n </>\n ) : (\n <ShimmerEffect height=\"62px\" />\n )}\n </>\n ) : null}\n\n {showDropzone ? (\n <Dropzone disabled={!allowCreate} multipleFiles={hasMany} onChange={onLocalFileSelection}>\n <div className={`${baseClass}__dropzoneContent`}>\n <div className={`${baseClass}__dropzoneContent__buttons`}>\n {allowCreate && (\n <>\n <Button\n buttonStyle=\"pill\"\n className={`${baseClass}__createNewToggler`}\n disabled={readOnly || !canCreate}\n onClick={() => {\n if (!readOnly) {\n if (hasMany) {\n onLocalFileSelection()\n } else {\n openCreateDocDrawer()\n }\n }\n }}\n size=\"small\"\n >\n {t('general:createNew')}\n </Button>\n <span className={`${baseClass}__dropzoneContent__orText`}>\n {t('general:or')}\n </span>\n </>\n )}\n <Button\n buttonStyle=\"pill\"\n className={`${baseClass}__listToggler`}\n disabled={readOnly}\n onClick={openListDrawer}\n size=\"small\"\n >\n {t('fields:chooseFromExisting')}\n </Button>\n\n <CreateDocDrawer onSave={onDocCreate} />\n <ListDrawer\n allowCreate={allowCreate}\n enableRowSelections={hasMany}\n onBulkSelect={onListBulkSelect}\n onSelect={onListSelect}\n />\n </div>\n\n {allowCreate && (\n <p className={`${baseClass}__dragAndDropText`}>\n {t('general:or')} {t('upload:dragAndDrop')}\n </p>\n )}\n </div>\n </Dropzone>\n ) : (\n <>\n {!readOnly &&\n !populatedDocs &&\n (!value ||\n typeof maxRows !== 'number' ||\n (Array.isArray(value) && value.length < maxRows)) ? (\n <ShimmerEffect height=\"40px\" />\n ) : null}\n </>\n )}\n </div>\n <FieldDescription\n Description={Description}\n description={description}\n {...(descriptionProps || {})}\n field={field as UploadFieldClient}\n />\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Input.js","names":["c","_c","useModal","qs","React","useCallback","useEffect","useMemo","useBulkUpload","Button","useDocumentDrawer","Dropzone","useListDrawer","ShimmerEffect","useAuth","useLocale","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","UploadComponentHasMany","UploadComponentHasOne","baseClass","UploadInput","props","$","api","className","Description","description","descriptionProps","Error","errorProps","field","filterOptions","filterOptionsFromProps","hasMany","isSortable","Label","label","labelProps","maxRows","onChange","onChangeFromProps","path","readOnly","relationTo","required","serverURL","showError","style","value","width","allowCreate","admin","populatedDocs","setPopulatedDocs","useState","activeRelationTo","Array","isArray","openModal","drawerSlug","setCollectionSlug","setInitialFiles","setMaxFiles","setOnSuccess","permissions","code","i18n","t","t0","t1","t2","id","t3","not_in","t4","concat","t5","t6","t7","t8","t9","collectionSlugs","ListDrawer","t10","closeDrawer","closeListDrawer","openDrawer","openListDrawer","t11","collectionSlug","CreateDocDrawer","t12","closeCreateDocDrawer","openCreateDocDrawer","loadedValueDocsRef","useRef","t13","bb0","collections","create","permission","canCreate","t14","newValue","t15","language","ids","relatedCollectionSlug","query","depth","draft","limit","length","locale","where","and","in","response","fetch","body","stringify","credentials","headers","method","ok","json","sortedDocs","map","docs","find","doc","String","populateDocs","t16","newDocs","mergedValue","doc_0","currentDocs","doc_1","firstDoc","onUploadSuccess","t17","fileList","fileListToUse","dataTransfer","DataTransfer","items","add","files","onLocalFileSelection","t18","selectedDocIDs","id_0","isSelected","push","loadedDocs","currentDocs_0","doc_2","onListBulkSelect","t19","data","currentDocs_1","onDocCreate","t20","t21","docID","loadedDocs_0","selectedDoc","currentDocs_2","onListSelect","newValue_0","newValueIDs","t22","value_0","onReorder","newValue_1","newValueIDs_0","t23","value_1","onRemove","t24","loadInitialDocs","current","loadedDocs_1","doc_3","showDropzone","t25","t26","t27","filter","Boolean","t28","join","t29","replace","t30","t31","t32","t33","_jsxs","children","_jsx","CustomError","_Fragment","fileDocs","readonly","_temp","fileDoc","height","disabled","multipleFiles","buttonStyle","onClick","size","onSave","enableRowSelections","onBulkSelect","onSelect","id_1"],"sources":["../../../src/fields/Upload/Input.tsx"],"sourcesContent":["'use client'\n\nimport type {\n ClientCollectionConfig,\n FieldDescriptionClientProps,\n FieldErrorClientProps,\n FieldLabelClientProps,\n FilterOptionsResult,\n JsonObject,\n MappedComponent,\n PaginatedDocs,\n StaticDescription,\n StaticLabel,\n UploadFieldClient,\n UploadField as UploadFieldType,\n Where,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo } from 'react'\n\nimport type { ListDrawerProps } from '../../elements/ListDrawer/types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { Dropzone } from '../../elements/Dropzone/index.js'\nimport { useListDrawer } from '../../elements/ListDrawer/index.js'\nimport { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\nimport './index.scss'\n\nexport const baseClass = 'upload'\n\ntype PopulatedDocs = { relationTo: string; value: JsonObject }[]\n\nexport type UploadInputProps = {\n /**\n * Controls the visibility of the \"Create new collection\" button\n */\n readonly api?: string\n readonly className?: string\n readonly collection?: ClientCollectionConfig\n readonly customUploadActions?: React.ReactNode[]\n readonly Description?: MappedComponent\n readonly description?: StaticDescription\n readonly descriptionProps?: FieldDescriptionClientProps<MarkOptional<UploadFieldClient, 'type'>>\n readonly Error?: MappedComponent\n readonly errorProps?: FieldErrorClientProps<MarkOptional<UploadFieldClient, 'type'>>\n readonly field?: MarkOptional<UploadFieldClient, 'type'>\n readonly filterOptions?: FilterOptionsResult\n readonly hasMany?: boolean\n readonly isSortable?: boolean\n readonly Label?: MappedComponent\n readonly label?: StaticLabel\n readonly labelProps?: FieldLabelClientProps<MarkOptional<UploadFieldClient, 'type'>>\n readonly maxRows?: number\n readonly onChange?: (e) => void\n readonly path: string\n readonly readOnly?: boolean\n readonly relationTo: UploadFieldType['relationTo']\n readonly required?: boolean\n readonly serverURL?: string\n readonly showError?: boolean\n readonly style?: React.CSSProperties\n readonly value?: (number | string)[] | (number | string)\n readonly width?: React.CSSProperties['width']\n}\n\nexport function UploadInput(props: UploadInputProps) {\n const {\n api,\n className,\n Description,\n description,\n descriptionProps,\n Error,\n errorProps,\n field,\n filterOptions: filterOptionsFromProps,\n hasMany,\n isSortable,\n Label,\n label,\n labelProps,\n maxRows,\n onChange: onChangeFromProps,\n path,\n readOnly,\n relationTo,\n required,\n serverURL,\n showError,\n style,\n value,\n width,\n } = props\n const allowCreate = field?.admin?.allowCreate !== false\n\n const [populatedDocs, setPopulatedDocs] = React.useState<\n {\n relationTo: string\n value: JsonObject\n }[]\n >()\n const [activeRelationTo, setActiveRelationTo] = React.useState<string>(\n Array.isArray(relationTo) ? relationTo[0] : relationTo,\n )\n\n const { openModal } = useModal()\n const { drawerSlug, setCollectionSlug, setInitialFiles, setMaxFiles, setOnSuccess } =\n useBulkUpload()\n const { permissions } = useAuth()\n const { code } = useLocale()\n const { i18n, t } = useTranslation()\n\n const filterOptions: FilterOptionsResult = useMemo(() => {\n return {\n ...filterOptionsFromProps,\n [activeRelationTo]: {\n ...((filterOptionsFromProps?.[activeRelationTo] as any) || {}),\n id: {\n ...((filterOptionsFromProps?.[activeRelationTo] as any)?.id || {}),\n not_in: ((filterOptionsFromProps?.[activeRelationTo] as any)?.id?.not_in || []).concat(\n ...(Array.isArray(value) || value ? [value] : []),\n ),\n },\n },\n }\n }, [value, activeRelationTo, filterOptionsFromProps])\n\n const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n useListDrawer({\n collectionSlugs: typeof relationTo === 'string' ? [relationTo] : relationTo,\n filterOptions,\n })\n const [\n CreateDocDrawer,\n ,\n { closeDrawer: closeCreateDocDrawer, openDrawer: openCreateDocDrawer },\n ] = useDocumentDrawer({\n collectionSlug: activeRelationTo,\n })\n\n /**\n * Prevent initial retrieval of documents from running more than once\n */\n const loadedValueDocsRef = React.useRef<boolean>(false)\n\n const canCreate = useMemo(() => {\n if (readOnly || !allowCreate) {\n return false\n }\n\n if (typeof activeRelationTo === 'string') {\n if (permissions?.collections && permissions.collections?.[activeRelationTo]?.create) {\n if (permissions.collections[activeRelationTo].create?.permission === true) {\n return true\n }\n }\n }\n\n return false\n }, [activeRelationTo, permissions, readOnly, allowCreate])\n\n const onChange = React.useCallback(\n (newValue) => {\n if (typeof onChangeFromProps === 'function') {\n onChangeFromProps(newValue)\n }\n },\n [onChangeFromProps],\n )\n\n const populateDocs = React.useCallback(\n async (\n ids: (number | string)[],\n relatedCollectionSlug: string,\n ): Promise<null | PaginatedDocs> => {\n const query: {\n [key: string]: unknown\n where: Where\n } = {\n depth: 0,\n draft: true,\n limit: ids.length,\n locale: code,\n where: {\n and: [\n {\n id: {\n in: ids,\n },\n },\n ],\n },\n }\n\n const response = await fetch(`${serverURL}${api}/${relatedCollectionSlug}`, {\n body: qs.stringify(query),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/x-www-form-urlencoded',\n 'X-HTTP-Method-Override': 'GET',\n },\n method: 'POST',\n })\n if (response.ok) {\n const json = await response.json()\n const sortedDocs = ids.map((id) =>\n json.docs.find((doc) => {\n return String(doc.id) === String(id)\n }),\n )\n\n return { ...json, docs: sortedDocs }\n }\n\n return null\n },\n [code, serverURL, api, i18n.language],\n )\n\n const onUploadSuccess = useCallback(\n (newDocs: JsonObject[]) => {\n if (hasMany) {\n const mergedValue = [\n ...(Array.isArray(value) ? value : []),\n ...newDocs.map((doc) => doc.id),\n ]\n onChange(mergedValue)\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs || []),\n ...newDocs.map((doc) => ({\n relationTo: activeRelationTo,\n value: doc,\n })),\n ])\n } else {\n const firstDoc = newDocs[0]\n onChange(firstDoc.id)\n setPopulatedDocs([\n {\n relationTo: activeRelationTo,\n value: firstDoc,\n },\n ])\n }\n },\n [value, onChange, activeRelationTo, hasMany],\n )\n\n const onLocalFileSelection = React.useCallback(\n (fileList?: FileList) => {\n let fileListToUse = fileList\n if (!hasMany && fileList && fileList.length > 1) {\n const dataTransfer = new DataTransfer()\n dataTransfer.items.add(fileList[0])\n fileListToUse = dataTransfer.files\n }\n if (fileListToUse) {\n setInitialFiles(fileListToUse)\n }\n setCollectionSlug(relationTo)\n setOnSuccess(onUploadSuccess)\n if (typeof maxRows === 'number') {\n setMaxFiles(maxRows)\n }\n openModal(drawerSlug)\n },\n [\n drawerSlug,\n hasMany,\n onUploadSuccess,\n openModal,\n relationTo,\n setCollectionSlug,\n setInitialFiles,\n setOnSuccess,\n maxRows,\n setMaxFiles,\n ],\n )\n\n // only hasMany can bulk select\n const onListBulkSelect = React.useCallback<NonNullable<ListDrawerProps['onBulkSelect']>>(\n async (docs) => {\n const selectedDocIDs = []\n\n for (const [id, isSelected] of docs) {\n if (isSelected) {\n selectedDocIDs.push(id)\n }\n }\n\n const loadedDocs = await populateDocs(selectedDocIDs, activeRelationTo)\n if (loadedDocs) {\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs || []),\n ...loadedDocs.docs.map((doc) => ({\n relationTo: activeRelationTo,\n value: doc,\n })),\n ])\n }\n onChange([...(Array.isArray(value) ? value : []), ...selectedDocIDs])\n closeListDrawer()\n },\n [activeRelationTo, closeListDrawer, onChange, populateDocs, value],\n )\n\n const onDocCreate = React.useCallback(\n (data) => {\n if (data.doc) {\n setPopulatedDocs((currentDocs) => [\n ...(currentDocs || []),\n {\n relationTo: activeRelationTo,\n value: data.doc,\n },\n ])\n\n onChange(data.doc.id)\n }\n closeCreateDocDrawer()\n },\n [closeCreateDocDrawer, activeRelationTo, onChange],\n )\n\n const onListSelect = React.useCallback<NonNullable<ListDrawerProps['onSelect']>>(\n async ({ collectionSlug, docID }) => {\n const loadedDocs = await populateDocs([docID], collectionSlug)\n const selectedDoc = loadedDocs ? loadedDocs.docs?.[0] : null\n setPopulatedDocs((currentDocs) => {\n if (selectedDoc) {\n if (hasMany) {\n return [\n ...(currentDocs || []),\n {\n relationTo: activeRelationTo,\n value: selectedDoc,\n },\n ]\n }\n return [\n {\n relationTo: activeRelationTo,\n value: selectedDoc,\n },\n ]\n }\n return currentDocs\n })\n if (hasMany) {\n onChange([...(Array.isArray(value) ? value : []), docID])\n } else {\n onChange(docID)\n }\n closeListDrawer()\n },\n [closeListDrawer, hasMany, populateDocs, onChange, value, activeRelationTo],\n )\n\n // only hasMany can reorder\n const onReorder = React.useCallback(\n (newValue) => {\n const newValueIDs = newValue.map(({ value }) => value.id)\n onChange(newValueIDs)\n setPopulatedDocs(newValue)\n },\n [onChange],\n )\n\n const onRemove = React.useCallback(\n (newValue?: PopulatedDocs) => {\n const newValueIDs = newValue ? newValue.map(({ value }) => value.id) : null\n onChange(hasMany ? newValueIDs : newValueIDs ? newValueIDs[0] : null)\n setPopulatedDocs(newValue ? newValue : [])\n },\n [onChange, hasMany],\n )\n\n useEffect(() => {\n async function loadInitialDocs() {\n if (value) {\n loadedValueDocsRef.current = true\n const loadedDocs = await populateDocs(\n Array.isArray(value) ? value : [value],\n activeRelationTo,\n )\n if (loadedDocs) {\n setPopulatedDocs(\n loadedDocs.docs.map((doc) => ({ relationTo: activeRelationTo, value: doc })),\n )\n }\n }\n }\n\n if (!loadedValueDocsRef.current) {\n void loadInitialDocs()\n }\n }, [populateDocs, activeRelationTo, value])\n\n const showDropzone =\n !readOnly &&\n (!value ||\n (hasMany &&\n Array.isArray(value) &&\n (typeof maxRows !== 'number' || value.length < maxRows)) ||\n (!hasMany && populatedDocs?.[0] && typeof populatedDocs[0].value === 'undefined'))\n\n return (\n <div\n className={[\n fieldBaseClass,\n baseClass,\n className,\n showError && 'error',\n readOnly && 'read-only',\n ]\n .filter(Boolean)\n .join(' ')}\n id={`field-${path.replace(/\\./g, '__')}`}\n style={{\n ...style,\n width,\n }}\n >\n <FieldLabel\n Label={Label}\n label={label}\n required={required}\n {...(labelProps || {})}\n field={field as UploadFieldClient}\n />\n <div className={`${baseClass}__wrap`}>\n <FieldError\n CustomError={Error}\n path={path}\n {...(errorProps || {})}\n field={field as UploadFieldClient}\n />\n </div>\n\n <div className={`${baseClass}__dropzoneAndUpload`}>\n {hasMany && Array.isArray(value) && value.length > 0 ? (\n <>\n {populatedDocs && populatedDocs?.length > 0 ? (\n <UploadComponentHasMany\n fileDocs={populatedDocs}\n isSortable={isSortable && !readOnly}\n onRemove={onRemove}\n onReorder={onReorder}\n readonly={readOnly}\n serverURL={serverURL}\n />\n ) : (\n <div className={`${baseClass}__loadingRows`}>\n {value.map((id) => (\n <ShimmerEffect height=\"40px\" key={id} />\n ))}\n </div>\n )}\n </>\n ) : null}\n\n {!hasMany && value ? (\n <>\n {populatedDocs && populatedDocs?.length > 0 && populatedDocs[0].value ? (\n <UploadComponentHasOne\n fileDoc={populatedDocs[0]}\n onRemove={onRemove}\n readonly={readOnly}\n serverURL={serverURL}\n />\n ) : populatedDocs && value && !populatedDocs?.[0]?.value ? (\n <>\n {t('general:untitled')} - ID: {value}\n </>\n ) : (\n <ShimmerEffect height=\"62px\" />\n )}\n </>\n ) : null}\n\n {showDropzone ? (\n <Dropzone\n disabled={readOnly || !canCreate}\n multipleFiles={hasMany}\n onChange={onLocalFileSelection}\n >\n <div className={`${baseClass}__dropzoneContent`}>\n <div className={`${baseClass}__dropzoneContent__buttons`}>\n {canCreate && (\n <>\n <Button\n buttonStyle=\"pill\"\n className={`${baseClass}__createNewToggler`}\n disabled={readOnly || !canCreate}\n onClick={() => {\n if (!readOnly) {\n if (hasMany) {\n onLocalFileSelection()\n } else {\n openCreateDocDrawer()\n }\n }\n }}\n size=\"small\"\n >\n {t('general:createNew')}\n </Button>\n <span className={`${baseClass}__dropzoneContent__orText`}>\n {t('general:or')}\n </span>\n </>\n )}\n <Button\n buttonStyle=\"pill\"\n className={`${baseClass}__listToggler`}\n disabled={readOnly}\n onClick={openListDrawer}\n size=\"small\"\n >\n {t('fields:chooseFromExisting')}\n </Button>\n\n <CreateDocDrawer onSave={onDocCreate} />\n <ListDrawer\n allowCreate={canCreate}\n enableRowSelections={hasMany}\n onBulkSelect={onListBulkSelect}\n onSelect={onListSelect}\n />\n </div>\n\n {canCreate && (\n <p className={`${baseClass}__dragAndDropText`}>\n {t('general:or')} {t('upload:dragAndDrop')}\n </p>\n )}\n </div>\n </Dropzone>\n ) : (\n <>\n {!readOnly &&\n !populatedDocs &&\n (!value ||\n typeof maxRows !== 'number' ||\n (Array.isArray(value) && value.length < maxRows)) ? (\n <ShimmerEffect height=\"40px\" />\n ) : null}\n </>\n )}\n </div>\n <FieldDescription\n Description={Description}\n description={description}\n {...(descriptionProps || {})}\n field={field as UploadFieldClient}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAmBA,SAASC,QAAQ,QAAQ;AACzB,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ;AAIvD,SAASC,aAAa,QAAQ;AAC9B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAqCzB,OAAO,SAAAC,YAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAzB,EAAA;EACL;IAAA0B,GAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,gBAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,aAAA,EAAAC,sBAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,OAAA;IAAAC,QAAA,EAAAC,iBAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC;EAAA,IA0BI5B,KAAA;EACJ,MAAA6B,WAAA,GAAoBpB,KAAA,EAAAqB,KAAA,EAAAD,WAAA,UAA8B;EAElD,OAAAE,aAAA,EAAAC,gBAAA,IAA0CrD,KAAA,CAAAsD,QAAA,CAAc;EAMxD,OAAAC,gBAAA,IAAgDvD,KAAA,CAAAsD,QAAA,CAC9CE,KAAA,CAAAC,OAAA,CAAcd,UAAA,IAAcA,UAAU,MAAMA,UAAA;EAG9C;IAAAe;EAAA,IAAsB5D,QAAA;EACtB;IAAA6D,UAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,WAAA;IAAAC;EAAA,IACE3D,aAAA;EACF;IAAA4D;EAAA,IAAwBtD,OAAA;EACxB;IAAAuD;EAAA,IAAiBtD,SAAA;EACjB;IAAAuD,IAAA;IAAAC;EAAA,IAAoBvD,cAAA;EAAA,IAAAwD,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA/C,CAAA,QAAAU,sBAAA,IAAAV,CAAA,QAAAiC,gBAAA;IAMVc,EAAA,GAAArC,sBAAC,GAAyBuB,gBAAA,OAA+B;IAAAjC,CAAA,MAAAU,sBAAA;IAAAV,CAAA,MAAAiC,gBAAA;IAAAjC,CAAA,MAAA+C,EAAA;EAAA;IAAAA,EAAA,GAAA/C,CAAA;EAAA;EAAA,IAAAgD,EAAA;EAAA,IAAAhD,CAAA,QAAAU,sBAAA,IAAAV,CAAA,QAAAiC,gBAAA;IAEvDe,EAAA,GAAAtC,sBAAC,GAAyBuB,gBAAA,GAAAgB,EAAA,MAAmC;IAAAjD,CAAA,MAAAU,sBAAA;IAAAV,CAAA,MAAAiC,gBAAA;IAAAjC,CAAA,MAAAgD,EAAA;EAAA;IAAAA,EAAA,GAAAhD,CAAA;EAAA;EAAA,IAAAkD,EAAA;EAAA,IAAAlD,CAAA,QAAAU,sBAAA,IAAAV,CAAA,QAAAiC,gBAAA;IACxDiB,EAAA,GAAAxC,sBAAC,GAAyBuB,gBAAA,GAAAgB,EAAA,EAAAE,MAAA,MAA2C;IAAAnD,CAAA,MAAAU,sBAAA;IAAAV,CAAA,MAAAiC,gBAAA;IAAAjC,CAAA,MAAAkD,EAAA;EAAA;IAAAA,EAAA,GAAAlD,CAAA;EAAA;EAAA,IAAAoD,EAAA;EAAA,IAAApD,CAAA,QAAA0B,KAAA,IAAA1B,CAAA,SAAAkD,EAAA;IAAtEE,EAAA,GAACF,EAAqE,CAAAG,MAAA,KACxEnB,KAAA,CAAAC,OAAA,CAAcT,KAAA,KAAUA,KAAA,IAASA,KAAA,MAAW;IAAA1B,CAAA,MAAA0B,KAAA;IAAA1B,CAAA,OAAAkD,EAAA;IAAAlD,CAAA,OAAAoD,EAAA;EAAA;IAAAA,EAAA,GAAApD,CAAA;EAAA;EAAA,IAAAsD,EAAA;EAAA,IAAAtD,CAAA,SAAAgD,EAAA,IAAAhD,CAAA,SAAAoD,EAAA;IAHhDE,EAAA;MAAA,GACEN,EAA6D;MAAAG,MAAA,EACzDC;IAC0C;IAEpDpD,CAAA,OAAAgD,EAAA;IAAAhD,CAAA,OAAAoD,EAAA;IAAApD,CAAA,OAAAsD,EAAA;EAAA;IAAAA,EAAA,GAAAtD,CAAA;EAAA;EAAA,IAAAuD,EAAA;EAAA,IAAAvD,CAAA,SAAA+C,EAAA,IAAA/C,CAAA,SAAAsD,EAAA;IAPkBC,EAAA;MAAA,GACdR,EAAyD;MAAAE,EAAA,EACzDK;IAKJ;IACFtD,CAAA,OAAA+C,EAAA;IAAA/C,CAAA,OAAAsD,EAAA;IAAAtD,CAAA,OAAAuD,EAAA;EAAA;IAAAA,EAAA,GAAAvD,CAAA;EAAA;EAAA,IAAAwD,EAAA;EAAA,IAAAxD,CAAA,SAAAU,sBAAA,IAAAV,CAAA,SAAAiC,gBAAA,IAAAjC,CAAA,SAAAuD,EAAA;IAVKC,EAAA;MAAA,GACF9C,sBAAsB;MAAA,CACxBuB,gBAAA,GAAmBsB;IAQpB;IACFvD,CAAA,OAAAU,sBAAA;IAAAV,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAuD,EAAA;IAAAvD,CAAA,OAAAwD,EAAA;EAAA;IAAAA,EAAA,GAAAxD,CAAA;EAAA;EAXA8C,EAAA,GAAOU,EAWP;EAZF,MAAA/C,aAAA,GAA2CqC,EAaS;EAAA,IAAAW,EAAA;EAAA,IAAAzD,CAAA,SAAAqB,UAAA;IAI/BoC,EAAA,UAAOpC,UAAA,KAAe,YAAYA,UAAA,IAAcA,UAAA;IAAArB,CAAA,OAAAqB,UAAA;IAAArB,CAAA,OAAAyD,EAAA;EAAA;IAAAA,EAAA,GAAAzD,CAAA;EAAA;EAAA,IAAA0D,EAAA;EAAA,IAAA1D,CAAA,SAAAyD,EAAA,IAAAzD,CAAA,SAAAS,aAAA;IADrDiD,EAAA;MAAAC,eAAA,EACKF,EAAgD;MAAAhD;IAAA;IAEnET,CAAA,OAAAyD,EAAA;IAAAzD,CAAA,OAAAS,aAAA;IAAAT,CAAA,OAAA0D,EAAA;EAAA;IAAAA,EAAA,GAAA1D,CAAA;EAAA;EAJF,OAAA4D,UAAA,GAAAC,GAAA,IACE3E,aAAA,CAAcwE,EAGd;EAJmB;IAAAI,WAAA,EAAAC,eAAA;IAAAC,UAAA,EAAAC;EAAA,IAAAJ,GAA4D;EAAA,IAAAK,GAAA;EAAA,IAAAlE,CAAA,SAAAiC,gBAAA;IAS3DiC,GAAA;MAAAC,cAAA,EACJlC;IAAA;IAClBjC,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAkE,GAAA;EAAA;IAAAA,GAAA,GAAAlE,CAAA;EAAA;EANA,OAAAoE,eAAA,GAAAC,GAAA,IAIIrF,iBAAA,CAAkBkF,GAEtB;EAHE;IAAAJ,WAAA,EAAAQ,oBAAA;IAAAN,UAAA,EAAAO;EAAA,IAAAF,GAAsE;EAQxE,MAAAG,kBAAA,GAA2B9F,KAAA,CAAA+F,MAAA,MAAsB;EAAA,IAAAC,GAAA;EAAAC,GAAA;IAAA,IAG3CvD,QAAA,KAAaQ,WAAA;MACf8C,GAAA;MAAO,MAAAC,GAAA;IAAA;IAAA,IAGL,OAAO1C,gBAAA,KAAqB;MAAA,IAC1BS,WAAA,EAAAkC,WAAA,IAA4BlC,WAAA,CAAAkC,WAAA,GAA0B3C,gBAAA,GAAA4C,MAAmB;QAAA,IACvEnC,WAAA,CAAAkC,WAAA,CAAwB3C,gBAAA,EAAA4C,MAAA,EAAAC,UAAA,SAAyC;UACnEJ,GAAA;UAAO,MAAAC,GAAA;QAAA;MAAA;IAAA;IAKbD,GAAA;EAAO;EAbT,MAAAK,SAAA,GAAkBL,GAcuC;EAAA,IAAAM,GAAA;EAAA,IAAAhF,CAAA,SAAAkB,iBAAA;IAGvD8D,GAAA,GAAAC,QAAA;MAAA,IACM,OAAO/D,iBAAA,KAAsB;QAC/BA,iBAAA,CAAkB+D,QAAA;MAAA;IAAA;IAEtBjF,CAAA,OAAAkB,iBAAA;IAAAlB,CAAA,OAAAgF,GAAA;EAAA;IAAAA,GAAA,GAAAhF,CAAA;EAAA;EALF,MAAAiB,QAAA,GAAiB+D,GAMI;EAAA,IAAAE,GAAA;EAAA,IAAAlF,CAAA,SAAA2C,IAAA,IAAA3C,CAAA,SAAAuB,SAAA,IAAAvB,CAAA,SAAAC,GAAA,IAAAD,CAAA,SAAA4C,IAAA,CAAAuC,QAAA;IAInBD,GAAA,SAAAA,CAAAE,GAAA,EAAAC,qBAAA;MAIE,MAAAC,KAAA;QAAAC,KAAA;QAAAC,KAAA;QAAAC,KAAA,EAMSL,GAAA,CAAAM,MAAA;QAAAC,MAAA,EACChD,IAAA;QAAAiD,KAAA;UAAAC,GAAA;YAAA5C,EAAA;cAAA6C,EAAA,EAKIV;YAAA;UAAA;QAAA;MAAA;MAOd,MAAAW,QAAA,SAAuBC,KAAA,CAAM,GAAGzE,SAAA,GAAYtB,GAAA,IAAOoF,qBAAA,EAAuB;QAAAY,IAAA,EAClExH,EAAA,CAAAyH,SAAA,CAAaZ,KAAA;QAAAa,WAAA,EACN;QAAAC,OAAA;UAAA,mBAEQxD,IAAA,CAAAuC,QAAA;UAAA,gBACH;UAAA,0BACU;QAAA;QAAAkB,MAAA,EAEpB;MAAA,CACV;MAAA,IACIN,QAAA,CAAAO,EAAA;QACF,MAAAC,IAAA,SAAmBR,QAAA,CAAAQ,IAAA,CAAa;QAChC,MAAAC,UAAA,GAAmBpB,GAAA,CAAAqB,GAAA,CAAAxD,EAAA,IACjBsD,IAAA,CAAAG,IAAA,CAAAC,IAAA,CAAAC,GAAA,IACSC,MAAA,CAAOD,GAAA,CAAA3D,EAAM,MAAM4D,MAAA,CAAO5D,EAAA,CACnC;QAAA;UAAA,GAGUsD,IAAI;UAAAG,IAAA,EAAQF;QAAA;MAAA;MAAA;IAAA;IAI5BxG,CAAA,OAAA2C,IAAA;IAAA3C,CAAA,OAAAuB,SAAA;IAAAvB,CAAA,OAAAC,GAAA;IAAAD,CAAA,OAAA4C,IAAA,CAAAuC,QAAA;IAAAnF,CAAA,OAAAkF,GAAA;EAAA;IAAAA,GAAA,GAAAlF,CAAA;EAAA;EA9CF,MAAA8G,YAAA,GAAqB5B,GA+CkB;EAAA,IAAA6B,GAAA;EAAA,IAAA/G,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAAiC,gBAAA;IAIrC8E,GAAA,GAAAC,OAAA;MAAA,IACMrG,OAAA;QACF,MAAAsG,WAAA,QACM/E,KAAA,CAAAC,OAAA,CAAcT,KAAA,IAASA,KAAA,KAAU,MAClCsF,OAAA,CAAAP,GAAA,CAAAS,KAAA,IAAqBN,KAAA,CAAA3D,EAAM;QAEhChC,QAAA,CAASgG,WAAA;QACTlF,gBAAA,CAAAoF,WAAA,SACMA,WAAA,MAAiB,MAClBH,OAAA,CAAAP,GAAA,CAAAW,KAAA;UAAA/F,UAAA,EACWY,gBAAA;UAAAP,KAAA,EACLkF;QAAA,EACT,EACD;MAAA;QAED,MAAAS,QAAA,GAAiBL,OAAO;QACxB/F,QAAA,CAASoG,QAAA,CAAApE,EAAW;QACpBlB,gBAAA;UAAAV,UAAA,EAEgBY,gBAAA;UAAAP,KAAA,EACL2F;QAAA,EAEV;MAAA;IAAA;IAELrH,CAAA,OAAAW,OAAA;IAAAX,CAAA,OAAA0B,KAAA;IAAA1B,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAA+G,GAAA;EAAA;IAAAA,GAAA,GAAA/G,CAAA;EAAA;EAzBF,MAAAsH,eAAA,GAAwBP,GA0BsB;EAAA,IAAAQ,GAAA;EAAA,IAAAvH,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAAuC,eAAA,IAAAvC,CAAA,SAAAsC,iBAAA,IAAAtC,CAAA,SAAAqB,UAAA,IAAArB,CAAA,SAAAyC,YAAA,IAAAzC,CAAA,SAAAsH,eAAA,IAAAtH,CAAA,SAAAgB,OAAA,IAAAhB,CAAA,SAAAwC,WAAA,IAAAxC,CAAA,SAAAoC,SAAA,IAAApC,CAAA,SAAAqC,UAAA;IAI5CkF,GAAA,GAAAC,QAAA;MACE,IAAAC,aAAA,GAAoBD,QAAA;MAAA,IAChB,CAAC7G,OAAA,IAAW6G,QAAA,IAAYA,QAAA,CAAA9B,MAAA,IAAkB;QAC5C,MAAAgC,YAAA,OAAAC,YAAA;QACAD,YAAA,CAAAE,KAAA,CAAAC,GAAA,CAAuBL,QAAQ,GAAG;QAClCC,aAAA,CAAAA,CAAA,CAAgBC,YAAA,CAAAI,KAAA;MAAhB;MAAA,IAEEL,aAAA;QACFlF,eAAA,CAAgBkF,aAAA;MAAA;MAElBnF,iBAAA,CAAkBjB,UAAA;MAClBoB,YAAA,CAAa6E,eAAA;MAAA,IACT,OAAOtG,OAAA,KAAY;QACrBwB,WAAA,CAAYxB,OAAA;MAAA;MAEdoB,SAAA,CAAUC,UAAA;IAAA;IACZrC,CAAA,OAAAW,OAAA;IAAAX,CAAA,OAAAuC,eAAA;IAAAvC,CAAA,OAAAsC,iBAAA;IAAAtC,CAAA,OAAAqB,UAAA;IAAArB,CAAA,OAAAyC,YAAA;IAAAzC,CAAA,OAAAsH,eAAA;IAAAtH,CAAA,OAAAgB,OAAA;IAAAhB,CAAA,OAAAwC,WAAA;IAAAxC,CAAA,OAAAoC,SAAA;IAAApC,CAAA,OAAAqC,UAAA;IAAArC,CAAA,OAAAuH,GAAA;EAAA;IAAAA,GAAA,GAAAvH,CAAA;EAAA;EAjBF,MAAA+H,oBAAA,GAA6BR,GA6B1B;EAAA,IAAAS,GAAA;EAAA,IAAAhI,CAAA,SAAA8G,YAAA,IAAA9G,CAAA,SAAAiC,gBAAA,IAAAjC,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAA+D,eAAA;IAKDiE,GAAA,SAAAtB,IAAA;MACE,MAAAuB,cAAA;MAAyB,KAEpB,OAAAC,IAAA,EAAAC,UAAA,CAAsB,IAAIzB,IAAA;QAAA,IACzByB,UAAA;UACFF,cAAA,CAAAG,IAAA,CAAoBnF,IAAA;QAAA;MAAA;MAIxB,MAAAoF,UAAA,SAAyBvB,YAAA,CAAamB,cAAA,EAAgBhG,gBAAA;MAAA,IAClDoG,UAAA;QACFtG,gBAAA,CAAAuG,aAAA,SACMnB,aAAA,MAAiB,MAClBkB,UAAA,CAAA3B,IAAA,CAAAD,GAAA,CAAA8B,KAAA;UAAAlH,UAAA,EACWY,gBAAA;UAAAP,KAAA,EACLkF;QAAA,EACT,EACD;MAAA;MAEH3F,QAAA,MAAciB,KAAA,CAAAC,OAAA,CAAcT,KAAA,IAASA,KAAA,KAAU,MAAMuG,cAAA,CAAe;MACpElE,eAAA;IAAA;IACF/D,CAAA,OAAA8G,YAAA;IAAA9G,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAA0B,KAAA;IAAA1B,CAAA,OAAA+D,eAAA;IAAA/D,CAAA,OAAAgI,GAAA;EAAA;IAAAA,GAAA,GAAAhI,CAAA;EAAA;EAtBF,MAAAwI,gBAAA,GAAyBR,GAuB2C;EAAA,IAAAS,GAAA;EAAA,IAAAzI,CAAA,SAAAiC,gBAAA,IAAAjC,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAAsE,oBAAA;IAIlEmE,GAAA,GAAAC,IAAA;MAAA,IACMA,IAAA,CAAA9B,GAAA;QACF7E,gBAAA,CAAA4G,aAAA,SACMxB,aAAA,MAAiB;UAAA9F,UAAA,EAEPY,gBAAA;UAAAP,KAAA,EACLgH,IAAA,CAAA9B;QAAA,EAEV;QAED3F,QAAA,CAASyH,IAAA,CAAA9B,GAAA,CAAA3D,EAAW;MAAA;MAEtBqB,oBAAA;IAAA;IACFtE,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAAsE,oBAAA;IAAAtE,CAAA,OAAAyI,GAAA;EAAA;IAAAA,GAAA,GAAAzI,CAAA;EAAA;EAdF,MAAA4I,WAAA,GAAoBH,GAegC;EAAA,IAAAI,GAAA;EAAA,IAAA7I,CAAA,SAAA8G,YAAA,IAAA9G,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAAiC,gBAAA,IAAAjC,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAA+D,eAAA;IAIlD8E,GAAA,SAAAC,GAAA;MAAO;QAAA3E,cAAA;QAAA4E;MAAA,IAAAD,GAAyB;MAC9B,MAAAE,YAAA,SAAyBlC,YAAA,EAAciC,KAAA,GAAQ5E,cAAA;MAC/C,MAAA8E,WAAA,GAAoBZ,YAAA,GAAaA,YAAA,CAAA3B,IAAA,YAAuB;MACxD3E,gBAAA,CAAAmH,aAAA;QAAA,IACMD,WAAA;UAAA,IACEtI,OAAA;YAAA,YAEIwG,aAAA,MAAiB;cAAA9F,UAAA,EAEPY,gBAAA;cAAAP,KAAA,EACLuH;YAAA;UAAA;UAAA;YAAA5H,UAAA,EAMGY,gBAAA;YAAAP,KAAA,EACLuH;UAAA;QAAA;QAAA,OAIN9B,aAAA;MAAA,CACT;MAAA,IACIxG,OAAA;QACFM,QAAA,MAAciB,KAAA,CAAAC,OAAA,CAAcT,KAAA,IAASA,KAAA,KAAU,GAAGqH,KAAA,CAAM;MAAA;QAExD9H,QAAA,CAAS8H,KAAA;MAAA;MAEXhF,eAAA;IAAA;IACF/D,CAAA,OAAA8G,YAAA;IAAA9G,CAAA,OAAAW,OAAA;IAAAX,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAA0B,KAAA;IAAA1B,CAAA,OAAA+D,eAAA;IAAA/D,CAAA,OAAA6I,GAAA;EAAA;IAAAA,GAAA,GAAA7I,CAAA;EAAA;EA9BF,MAAAmJ,YAAA,GAAqBN,GA+BwD;EAAA,IAAAC,GAAA;EAAA,IAAA9I,CAAA,SAAAiB,QAAA;IAK3E6H,GAAA,GAAAM,UAAA;MACE,MAAAC,WAAA,GAAoBpE,UAAA,CAAAwB,GAAA,CAAA6C,GAAA;QAAc;UAAA5H,KAAA,EAAA6H;QAAA,IAAAD,GAAS;QAAA,OAAK5H,OAAA,CAAAuB,EAAA;MAAA,CAAQ;MACxDhC,QAAA,CAASoI,WAAA;MACTtH,gBAAA,CAAiBkD,UAAA;IAAA;IACnBjF,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAA8I,GAAA;EAAA;IAAAA,GAAA,GAAA9I,CAAA;EAAA;EALF,MAAAwJ,SAAA,GAAkBV,GAMN;EAAA,IAAAQ,GAAA;EAAA,IAAAtJ,CAAA,SAAAiB,QAAA,IAAAjB,CAAA,SAAAW,OAAA;IAIV2I,GAAA,GAAAG,UAAA;MACE,MAAAC,aAAA,GAAoBzE,UAAA,GAAWA,UAAA,CAAAwB,GAAA,CAAAkD,GAAA;QAAc;UAAAjI,KAAA,EAAAkI;QAAA,IAAAD,GAAS;QAAA,OAAKjI,OAAA,CAAAuB,EAAA;MAAA,CAAQ,QAAI;MACvEhC,QAAA,CAASN,OAAA,GAAU0I,aAAA,GAAcA,aAAA,GAAcA,aAAW,UAAM;MAChEtH,gBAAA,CAAiBkD,UAAA,GAAWA,UAAA,KAAa;IAAA;IAC3CjF,CAAA,OAAAiB,QAAA;IAAAjB,CAAA,OAAAW,OAAA;IAAAX,CAAA,OAAAsJ,GAAA;EAAA;IAAAA,GAAA,GAAAtJ,CAAA;EAAA;EALF,MAAA6J,QAAA,GAAiBP,GAMI;EAAA,IAAAK,GAAA;EAAA,IAAAG,GAAA;EAAA,IAAA9J,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAA8G,YAAA,IAAA9G,CAAA,SAAAiC,gBAAA;IAGX0H,GAAA,GAAAA,CAAA;MACR,MAAAI,eAAA,kBAAAA,gBAAA;QAAA,IACMrI,KAAA;UACF8C,kBAAA,CAAAwF,OAAA;UACA,MAAAC,YAAA,SAAyBnD,YAAA,CACvB5E,KAAA,CAAAC,OAAA,CAAcT,KAAA,IAASA,KAAA,IAASA,KAAA,CAAM,EACtCO,gBAAA;UAAA,IAEEoG,YAAA;YACFtG,gBAAA,CACEsG,YAAA,CAAA3B,IAAA,CAAAD,GAAA,CAAAyD,KAAA;cAAA7I,UAAA,EAA4CY,gBAAA;cAAAP,KAAA,EAAyBkF;YAAA,EAAI;UAAA;QAAA;MAAA;MAIjF,KAEKpC,kBAAA,CAAAwF,OAAA;QACED,eAAA;MAAA;IAAA;IAEND,GAAA,IAAChD,YAAA,EAAc7E,gBAAA,EAAkBP,KAAA;IAAM1B,CAAA,OAAA0B,KAAA;IAAA1B,CAAA,OAAA8G,YAAA;IAAA9G,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAA2J,GAAA;IAAA3J,CAAA,OAAA8J,GAAA;EAAA;IAAAH,GAAA,GAAA3J,CAAA;IAAA8J,GAAA,GAAA9J,CAAA;EAAA;EAnB1CpB,SAAA,CAAU+K,GAmBV,EAAGG,GAAuC;EAE1C,MAAAK,YAAA,GACE,CAAC/I,QAAA,KACA,CAACM,KAAA,IACCf,OAAA,IACCuB,KAAA,CAAAC,OAAA,CAAcT,KAAA,MACb,OAAOV,OAAA,KAAY,YAAYU,KAAA,CAAAgE,MAAA,GAAe1E,OAAM,KACtD,CAACL,OAAA,IAAWmB,aAAA,KAAkB,IAAI,OAAOA,aAAa,IAAAJ,KAAA,KAAc,WAAW;EAQ9E,MAAA0I,GAAA,GAAA5I,SAAA,IAAa;EACb,MAAA6I,GAAA,GAAAjJ,QAAA,IAAY;EAAA,IAAAkJ,GAAA;EAAA,IAAAtK,CAAA,SAAAE,SAAA,IAAAF,CAAA,SAAAoK,GAAA,IAAApK,CAAA,SAAAqK,GAAA;IALHC,GAAA,IAAA5K,cAAA,EAAAG,SAAA,EAGTK,SAAA,EACAkK,GAAa,EACbC,GAAY,EAAAE,MAAA,CAAAC,OAEJ;IAAAxK,CAAA,OAAAE,SAAA;IAAAF,CAAA,OAAAoK,GAAA;IAAApK,CAAA,OAAAqK,GAAA;IAAArK,CAAA,OAAAsK,GAAA;EAAA;IAAAA,GAAA,GAAAtK,CAAA;EAAA;EAPC,MAAAyK,GAAA,GAAAH,GAOD,CAAAI,IAAA,CACF;EACJ,MAAAC,GAAA,YAASxJ,IAAA,CAAAyJ,OAAA,QAAoB,OAAO;EAAA,IAAAC,GAAA;EAAA,IAAA7K,CAAA,SAAAyB,KAAA,IAAAzB,CAAA,SAAA2B,KAAA,IAAA3B,CAAA,SAAAe,UAAA,IAAAf,CAAA,SAAAa,KAAA,IAAAb,CAAA,SAAAc,KAAA,IAAAd,CAAA,SAAAsB,QAAA,IAAAtB,CAAA,SAAAQ,KAAA,IAAAR,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAM,KAAA,IAAAN,CAAA,SAAAmB,IAAA,IAAAnB,CAAA,SAAAW,OAAA,IAAAX,CAAA,SAAA0B,KAAA,IAAA1B,CAAA,SAAA8B,aAAA,IAAA9B,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAoB,QAAA,IAAApB,CAAA,SAAA6J,QAAA,IAAA7J,CAAA,SAAAwJ,SAAA,IAAAxJ,CAAA,UAAAuB,SAAA,IAAAvB,CAAA,UAAA6C,CAAA,IAAA7C,CAAA,UAAAmK,YAAA,IAAAnK,CAAA,UAAA+E,SAAA,IAAA/E,CAAA,UAAA+H,oBAAA,IAAA/H,CAAA,UAAAuE,mBAAA,IAAAvE,CAAA,UAAAiE,cAAA,IAAAjE,CAAA,UAAA4I,WAAA,IAAA5I,CAAA,UAAAoE,eAAA,IAAApE,CAAA,UAAAwI,gBAAA,IAAAxI,CAAA,UAAAmJ,YAAA,IAAAnJ,CAAA,UAAA4D,UAAA,IAAA5D,CAAA,UAAAgB,OAAA,IAAAhB,CAAA,UAAAK,gBAAA,IAAAL,CAAA,UAAAG,WAAA,IAAAH,CAAA,UAAAI,WAAA,IAAAJ,CAAA,UAAAyK,GAAA,IAAAzK,CAAA,UAAA2K,GAAA;IAAA,IAAAG,GAAA;IAAA,IAAA9K,CAAA,UAAAe,UAAA;MAUjC+J,GAAA,GAAA/J,UAAA,MAAgB;MAAAf,CAAA,QAAAe,UAAA;MAAAf,CAAA,QAAA8K,GAAA;IAAA;MAAAA,GAAA,GAAA9K,CAAA;IAAA;IAAA,IAAA+K,GAAA;IAAA,IAAA/K,CAAA,UAAAO,UAAA;MAOdwK,GAAA,GAAAxK,UAAA,MAAgB;MAAAP,CAAA,QAAAO,UAAA;MAAAP,CAAA,QAAA+K,GAAA;IAAA;MAAAA,GAAA,GAAA/K,CAAA;IAAA;IAAA,IAAAgL,GAAA;IAAA,IAAAhL,CAAA,UAAAK,gBAAA;MAuHlB2K,GAAA,GAAA3K,gBAAA,MAAsB;MAAAL,CAAA,QAAAK,gBAAA;MAAAL,CAAA,QAAAgL,GAAA;IAAA;MAAAA,GAAA,GAAAhL,CAAA;IAAA;IAlJ/B6K,GAAA,GAAAI,KAAA,CAAC;MAAA/K,SAAA,EACYuK,GAQH;MAAAxH,EAAA,EACJ0H,GAAoC;MAAAlJ,KAAA;QAAA,GAEnCA,KAAK;QAAAE;MAAA;MAAAuJ,QAAA,GAIVC,IAAA,CAAA1L,UAAA;QAAAoB,KAAA;QAAAC,KAAA;QAAAQ,QAAA;QAAA,GAIOwJ,GAAgB;QAAAtK;MAAA,C,GAGvB2K,IAAA,CAAC;QAAAjL,SAAA,EAAe,GAAAL,SAAA,QAAoB;QAAAqL,QAAA,EAClCC,IAAA,CAAA3L,UAAA;UAAA4L,WAAA,EACe9K,KAAA;UAAAa,IAAA;UAAA,GAER4J,GAAgB;UAAAvK;QAAA,C;UAKzByK,KAAA,CAAC;QAAA/K,SAAA,EAAe,GAAAL,SAAA,qBAAiC;QAAAqL,QAAA,GAC9CvK,OAAA,IAAWuB,KAAA,CAAAC,OAAA,CAAcT,KAAA,KAAUA,KAAA,CAAAgE,MAAA,IAAe,GACjDyF,IAAA,CAAAE,SAAA;UAAAH,QAAA,EACGpJ,aAAA,IAAiBA,aAAA,EAAA4D,MAAA,IAAwB,GACxCyF,IAAA,CAAAxL,sBAAA;YAAA2L,QAAA,EACYxJ,aAAA;YAAAlB,UAAA,EACEA,UAAA,KAAeQ,QAAA;YAAAyI,QAAA;YAAAL,SAAA;YAAA+B,QAAA,EAGjBnK,QAAA;YAAAG;UAAA,C,IAIZ4J,IAAA,CAAC;YAAAjL,SAAA,EAAe,GAAAL,SAAA,eAA2B;YAAAqL,QAAA,EACxCxJ,KAAA,CAAA+E,GAAA,CAAA+E,KACmC;UAAA,C;iBAKxC,EAEH,CAAC7K,OAAA,IAAWe,KAAA,GACXyJ,IAAA,CAAAE,SAAA;UAAAH,QAAA,EACGpJ,aAAA,IAAiBA,aAAA,EAAA4D,MAAA,IAAwB,IAAK5D,aAAa,IAAAJ,KAAS,GACnEyJ,IAAA,CAAAvL,qBAAA;YAAA6L,OAAA,EACW3J,aAAa;YAAA+H,QAAA;YAAA0B,QAAA,EAEZnK,QAAA;YAAAG;UAAA,C,IAGVO,aAAA,IAAiBJ,KAAA,KAAUI,aAAA,OAAAJ,KAAoB,GACjDuJ,KAAA,CAAAI,SAAA;YAAAH,QAAA,GACGrI,CAAA,CAAE,qBAAoB,WAAQnB,KAAA;UAAA,C,IAGjCyJ,IAAA,CAAAhM,aAAA;YAAAuM,MAAA,EAAsB;UAAA,C;iBAGxB,EAEHvB,YAAA,GACCgB,IAAA,CAAAlM,QAAA;UAAA0M,QAAA,EACYvK,QAAA,KAAa2D,SAAA;UAAA6G,aAAA,EACRjL,OAAA;UAAAM,QAAA,EACL8G,oBAAA;UAAAmD,QAAA,EAEVD,KAAA,CAAC;YAAA/K,SAAA,EAAe,GAAAL,SAAA,mBAA+B;YAAAqL,QAAA,GAC7CD,KAAA,CAAC;cAAA/K,SAAA,EAAe,GAAAL,SAAA,4BAAwC;cAAAqL,QAAA,GACrDnG,SAAA,IACCkG,KAAA,CAAAI,SAAA;gBAAAH,QAAA,GACEC,IAAA,CAAApM,MAAA;kBAAA8M,WAAA,EACc;kBAAA3L,SAAA,EACD,GAAAL,SAAA,oBAAgC;kBAAA8L,QAAA,EACjCvK,QAAA,KAAa2D,SAAA;kBAAA+G,OAAA,EAAAA,CAAA;oBAAA,KAEhB1K,QAAA;sBAAA,IACCT,OAAA;wBACFoH,oBAAA;sBAAA;wBAEAxD,mBAAA;sBAAA;oBAAA;kBAAA;kBAAAwH,IAAA,EAID;kBAAAb,QAAA,EAEJrI,CAAA,CAAE;gBAAA,C,GAELsI,IAAA,CAAC;kBAAAjL,SAAA,EAAgB,GAAAL,SAAA,2BAAuC;kBAAAqL,QAAA,EACrDrI,CAAA,CAAE;gBAAA,C;kBAITsI,IAAA,CAAApM,MAAA;gBAAA8M,WAAA,EACc;gBAAA3L,SAAA,EACD,GAAAL,SAAA,eAA2B;gBAAA8L,QAAA,EAC5BvK,QAAA;gBAAA0K,OAAA,EACD7H,cAAA;gBAAA8H,IAAA,EACJ;gBAAAb,QAAA,EAEJrI,CAAA,CAAE;cAAA,C,GAGLsI,IAAA,CAAC/G,eAAA;gBAAA4H,MAAA,EAAwBpD;cAAA,C,GACzBuC,IAAA,CAACvH,UAAA;gBAAAhC,WAAA,EACcmD,SAAA;gBAAAkH,mBAAA,EACQtL,OAAA;gBAAAuL,YAAA,EACP1D,gBAAA;gBAAA2D,QAAA,EACJhD;cAAA,C;gBAIbpE,SAAA,IACCkG,KAAA,CAAC;cAAA/K,SAAA,EAAa,GAAAL,SAAA,mBAA+B;cAAAqL,QAAA,GAC1CrI,CAAA,CAAE,eAAc,KAAEA,CAAA,CAAE;YAAA,C;;aAM7BsI,IAAA,CAAAE,SAAA;UAAAH,QAAA,EACG,CAAC9J,QAAA,KACDU,aAAA,KACA,CAACJ,KAAA,IACA,OAAOV,OAAA,KAAY,YAClBkB,KAAA,CAAAC,OAAA,CAAcT,KAAA,KAAUA,KAAA,CAAAgE,MAAA,GAAe1E,OAAO,IAC/CmK,IAAA,CAAAhM,aAAA;YAAAuM,MAAA,EAAsB;UAAA,C;QACpB,C;UAIVP,IAAA,CAAA5L,gBAAA;QAAAY,WAAA;QAAAC,WAAA;QAAA,GAGO4K,GAAsB;QAAAxK;MAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAlJ/BqK,G;;AAxVG,SAAAW,MAAAY,IAAA;EAAA,OAuYWjB,IAAA,CAAAhM,aAAA;IAAAuM,MAAA,EAAsB;EAAA,GAAYzI,IAAA;AAAA","ignoreList":[]}
@@ -1,54 +1,56 @@
1
- .upload-relationship-details {
2
- display: flex;
3
- justify-content: space-between;
4
- align-items: center;
5
- width: 100%;
6
- min-width: 0;
7
-
8
- &__imageAndDetails {
1
+ @layer payload-default {
2
+ .upload-relationship-details {
9
3
  display: flex;
10
- gap: calc(var(--base) / 2);
4
+ justify-content: space-between;
11
5
  align-items: center;
6
+ width: 100%;
12
7
  min-width: 0;
13
- }
14
8
 
15
- &__thumbnail {
16
- align-self: center;
17
- border-radius: var(--style-radius-s);
18
- }
9
+ &__imageAndDetails {
10
+ display: flex;
11
+ gap: calc(var(--base) / 2);
12
+ align-items: center;
13
+ min-width: 0;
14
+ }
19
15
 
20
- &__details {
21
- display: flex;
22
- flex-direction: column;
23
- gap: 0;
24
- overflow: hidden;
25
- margin-right: calc(var(--base) * 2);
26
- }
16
+ &__thumbnail {
17
+ align-self: center;
18
+ border-radius: var(--style-radius-s);
19
+ }
27
20
 
28
- &__filename {
29
- margin: 0;
30
- text-wrap: nowrap;
31
- text-overflow: ellipsis;
32
- overflow: hidden;
33
- a {
34
- text-decoration: none;
21
+ &__details {
22
+ display: flex;
23
+ flex-direction: column;
24
+ gap: 0;
25
+ overflow: hidden;
26
+ margin-right: calc(var(--base) * 2);
35
27
  }
36
- }
37
28
 
38
- &__meta {
39
- margin: 0;
40
- color: var(--theme-elevation-500);
41
- text-wrap: nowrap;
42
- text-overflow: ellipsis;
43
- overflow: hidden;
44
- }
29
+ &__filename {
30
+ margin: 0;
31
+ text-wrap: nowrap;
32
+ text-overflow: ellipsis;
33
+ overflow: hidden;
34
+ a {
35
+ text-decoration: none;
36
+ }
37
+ }
45
38
 
46
- &__actions {
47
- flex-shrink: 0;
48
- display: flex;
49
- }
39
+ &__meta {
40
+ margin: 0;
41
+ color: var(--theme-elevation-500);
42
+ text-wrap: nowrap;
43
+ text-overflow: ellipsis;
44
+ overflow: hidden;
45
+ }
46
+
47
+ &__actions {
48
+ flex-shrink: 0;
49
+ display: flex;
50
+ }
50
51
 
51
- .btn {
52
- margin: 0;
52
+ .btn {
53
+ margin: 0;
54
+ }
53
55
  }
54
56
  }
@@ -1,26 +1,28 @@
1
- .upload-field-card {
2
- background: var(--theme-elevation-50);
3
- border: 1px solid var(--theme-border-color);
4
- border-radius: var(--style-radius-s);
5
- display: flex;
6
- align-items: center;
7
- width: 100%;
8
- gap: calc(var(--base) / 2);
1
+ @layer payload-default {
2
+ .upload-field-card {
3
+ background: var(--theme-elevation-50);
4
+ border: 1px solid var(--theme-border-color);
5
+ border-radius: var(--style-radius-s);
6
+ display: flex;
7
+ align-items: center;
8
+ width: 100%;
9
+ gap: calc(var(--base) / 2);
9
10
 
10
- &--size-medium {
11
- padding: calc(var(--base) * 0.5);
11
+ &--size-medium {
12
+ padding: calc(var(--base) * 0.5);
12
13
 
13
- .thumbnail {
14
- width: 40px;
15
- height: 40px;
14
+ .thumbnail {
15
+ width: 40px;
16
+ height: 40px;
17
+ }
16
18
  }
17
- }
18
19
 
19
- &--size-small {
20
- padding: calc(var(--base) / 3) calc(var(--base) / 2);
21
- .thumbnail {
22
- width: 25px;
23
- height: 25px;
20
+ &--size-small {
21
+ padding: calc(var(--base) / 3) calc(var(--base) / 2);
22
+ .thumbnail {
23
+ width: 25px;
24
+ height: 25px;
25
+ }
24
26
  }
25
27
  }
26
28
  }
@@ -1,62 +1,64 @@
1
1
  @import '../../scss/styles.scss';
2
2
 
3
- .upload {
4
- &__dropzoneAndUpload {
5
- display: flex;
6
- flex-direction: column;
7
- gap: calc(var(--base) / 4);
8
- }
3
+ @layer payload-default {
4
+ .upload {
5
+ &__dropzoneAndUpload {
6
+ display: flex;
7
+ flex-direction: column;
8
+ gap: calc(var(--base) / 4);
9
+ }
9
10
 
10
- &__dropzoneContent {
11
- display: flex;
12
- flex-wrap: wrap;
13
- gap: base(0.4);
14
- justify-content: space-between;
15
- width: 100%;
16
- }
11
+ &__dropzoneContent {
12
+ display: flex;
13
+ flex-wrap: wrap;
14
+ gap: base(0.4);
15
+ justify-content: space-between;
16
+ width: 100%;
17
+ }
17
18
 
18
- &__dropzoneContent__buttons {
19
- display: flex;
20
- gap: calc(var(--base) / 2);
21
- position: relative;
22
- left: -2px;
19
+ &__dropzoneContent__buttons {
20
+ display: flex;
21
+ gap: calc(var(--base) / 2);
22
+ position: relative;
23
+ left: -2px;
23
24
 
24
- .btn .btn__content {
25
- gap: calc(var(--base) / 5);
26
- }
25
+ .btn .btn__content {
26
+ gap: calc(var(--base) / 5);
27
+ }
27
28
 
28
- .btn__label {
29
- font-weight: 100;
29
+ .btn__label {
30
+ font-weight: 100;
31
+ }
30
32
  }
31
- }
32
33
 
33
- &__dropzoneContent__orText {
34
- color: var(--theme-elevation-500);
35
- text-transform: lowercase;
36
- }
34
+ &__dropzoneContent__orText {
35
+ color: var(--theme-elevation-500);
36
+ text-transform: lowercase;
37
+ }
37
38
 
38
- &__dragAndDropText {
39
- flex-shrink: 0;
40
- margin: 0;
41
- text-transform: lowercase;
42
- align-self: center;
43
- color: var(--theme-elevation-500);
44
- }
39
+ &__dragAndDropText {
40
+ flex-shrink: 0;
41
+ margin: 0;
42
+ text-transform: lowercase;
43
+ align-self: center;
44
+ color: var(--theme-elevation-500);
45
+ }
45
46
 
46
- &__loadingRows {
47
- display: flex;
48
- flex-direction: column;
49
- gap: calc(var(--base) / 4);
50
- }
47
+ &__loadingRows {
48
+ display: flex;
49
+ flex-direction: column;
50
+ gap: calc(var(--base) / 4);
51
+ }
51
52
 
52
- .shimmer-effect {
53
- border-radius: var(--style-radius-s);
54
- border: 1px solid var(--theme-border-color);
55
- }
53
+ .shimmer-effect {
54
+ border-radius: var(--style-radius-s);
55
+ border: 1px solid var(--theme-border-color);
56
+ }
56
57
 
57
- @include small-break {
58
- &__dragAndDropText {
59
- display: none;
58
+ @include small-break {
59
+ &__dragAndDropText {
60
+ display: none;
61
+ }
60
62
  }
61
63
  }
62
64
  }
@@ -1 +1 @@
1
- {"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAwU7E"}
1
+ {"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAiV7E"}
@@ -245,6 +245,13 @@ export function fieldReducer(state, action) {
245
245
  duplicateRowState.id.value = new ObjectId().toHexString();
246
246
  duplicateRowState.id.initialValue = new ObjectId().toHexString();
247
247
  }
248
+ for (const key of Object.keys(duplicateRowState).filter(key => key.endsWith('.id'))) {
249
+ const idState = duplicateRowState[key];
250
+ if (idState && typeof idState.value === 'string' && ObjectId.isValid(idState.value)) {
251
+ duplicateRowState[key].value = new ObjectId().toHexString();
252
+ duplicateRowState[key].initialValue = new ObjectId().toHexString();
253
+ }
254
+ }
248
255
  // If there are subfields
249
256
  if (Object.keys(duplicateRowState).length > 0) {
250
257
  // Add new object containing subfield names to unflattenedRows array