@byline/ui 0.9.3

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 (368) hide show
  1. package/LICENSE +373 -0
  2. package/README.md +17 -0
  3. package/dist/admin/components/admin-account/change-password.d.ts +9 -0
  4. package/dist/admin/components/admin-account/change-password.d.ts.map +1 -0
  5. package/dist/admin/components/admin-account/change-password.js +192 -0
  6. package/dist/admin/components/admin-account/change-password.module.js +8 -0
  7. package/dist/admin/components/admin-account/change-password_module.css +27 -0
  8. package/dist/admin/components/admin-account/container.d.ts +30 -0
  9. package/dist/admin/components/admin-account/container.d.ts.map +1 -0
  10. package/dist/admin/components/admin-account/container.js +299 -0
  11. package/dist/admin/components/admin-account/container.module.js +28 -0
  12. package/dist/admin/components/admin-account/container_module.css +106 -0
  13. package/dist/admin/components/admin-account/update.d.ts +9 -0
  14. package/dist/admin/components/admin-account/update.d.ts.map +1 -0
  15. package/dist/admin/components/admin-account/update.js +207 -0
  16. package/dist/admin/components/admin-account/update.module.js +8 -0
  17. package/dist/admin/components/admin-account/update_module.css +27 -0
  18. package/dist/admin/components/admin-permissions/inspector.d.ts +5 -0
  19. package/dist/admin/components/admin-permissions/inspector.d.ts.map +1 -0
  20. package/dist/admin/components/admin-permissions/inspector.js +284 -0
  21. package/dist/admin/components/admin-permissions/inspector.module.js +56 -0
  22. package/dist/admin/components/admin-permissions/inspector_module.css +238 -0
  23. package/dist/admin/components/admin-roles/create.d.ts +8 -0
  24. package/dist/admin/components/admin-roles/create.d.ts.map +1 -0
  25. package/dist/admin/components/admin-roles/create.js +177 -0
  26. package/dist/admin/components/admin-roles/create.module.js +8 -0
  27. package/dist/admin/components/admin-roles/create_module.css +27 -0
  28. package/dist/admin/components/admin-roles/permissions.d.ts +11 -0
  29. package/dist/admin/components/admin-roles/permissions.d.ts.map +1 -0
  30. package/dist/admin/components/admin-roles/permissions.js +303 -0
  31. package/dist/admin/components/admin-roles/permissions.module.js +44 -0
  32. package/dist/admin/components/admin-roles/permissions_module.css +192 -0
  33. package/dist/admin/components/admin-roles/update.d.ts +9 -0
  34. package/dist/admin/components/admin-roles/update.d.ts.map +1 -0
  35. package/dist/admin/components/admin-roles/update.js +166 -0
  36. package/dist/admin/components/admin-roles/update.module.js +8 -0
  37. package/dist/admin/components/admin-roles/update_module.css +27 -0
  38. package/dist/admin/components/admin-users/create.d.ts +9 -0
  39. package/dist/admin/components/admin-users/create.d.ts.map +1 -0
  40. package/dist/admin/components/admin-users/create.js +268 -0
  41. package/dist/admin/components/admin-users/create.module.js +10 -0
  42. package/dist/admin/components/admin-users/create_module.css +45 -0
  43. package/dist/admin/components/admin-users/roles.d.ts +12 -0
  44. package/dist/admin/components/admin-users/roles.d.ts.map +1 -0
  45. package/dist/admin/components/admin-users/roles.js +148 -0
  46. package/dist/admin/components/admin-users/roles.module.js +18 -0
  47. package/dist/admin/components/admin-users/roles_module.css +75 -0
  48. package/dist/admin/components/admin-users/set-password.d.ts +9 -0
  49. package/dist/admin/components/admin-users/set-password.d.ts.map +1 -0
  50. package/dist/admin/components/admin-users/set-password.js +170 -0
  51. package/dist/admin/components/admin-users/set-password.module.js +9 -0
  52. package/dist/admin/components/admin-users/set-password_module.css +31 -0
  53. package/dist/admin/components/admin-users/update.d.ts +9 -0
  54. package/dist/admin/components/admin-users/update.d.ts.map +1 -0
  55. package/dist/admin/components/admin-users/update.js +254 -0
  56. package/dist/admin/components/admin-users/update.module.js +9 -0
  57. package/dist/admin/components/admin-users/update_module.css +34 -0
  58. package/dist/admin/components/auth/sign-in-form.d.ts +14 -0
  59. package/dist/admin/components/auth/sign-in-form.d.ts.map +1 -0
  60. package/dist/admin/components/auth/sign-in-form.js +107 -0
  61. package/dist/admin/components/auth/sign-in-form.module.js +10 -0
  62. package/dist/admin/components/auth/sign-in-form_module.css +35 -0
  63. package/dist/admin/components/collections/diff-modal.d.ts +23 -0
  64. package/dist/admin/components/collections/diff-modal.d.ts.map +1 -0
  65. package/dist/admin/components/collections/diff-modal.js +147 -0
  66. package/dist/admin/components/collections/diff-modal.module.js +14 -0
  67. package/dist/admin/components/collections/diff-modal_module.css +56 -0
  68. package/dist/admin/components/collections/status-badge.d.ts +26 -0
  69. package/dist/admin/components/collections/status-badge.d.ts.map +1 -0
  70. package/dist/admin/components/collections/status-badge.js +35 -0
  71. package/dist/admin/components/collections/status-badge.module.js +7 -0
  72. package/dist/admin/components/collections/status-badge_module.css +20 -0
  73. package/dist/admin/group.d.ts +28 -0
  74. package/dist/admin/group.d.ts.map +1 -0
  75. package/dist/admin/group.js +14 -0
  76. package/dist/admin/group.module.js +6 -0
  77. package/dist/admin/group_module.css +19 -0
  78. package/dist/admin/row.d.ts +26 -0
  79. package/dist/admin/row.d.ts.map +1 -0
  80. package/dist/admin/row.js +8 -0
  81. package/dist/admin/row.module.js +5 -0
  82. package/dist/admin/row_module.css +18 -0
  83. package/dist/admin/tabs.d.ts +33 -0
  84. package/dist/admin/tabs.d.ts.map +1 -0
  85. package/dist/admin/tabs.js +34 -0
  86. package/dist/admin/tabs.module.js +10 -0
  87. package/dist/admin/tabs_module.css +68 -0
  88. package/dist/dnd/draggable-sortable/demo/draggable-list-demo.js +105 -0
  89. package/dist/dnd/draggable-sortable/demo/draggable-list-demo.module.js +12 -0
  90. package/dist/dnd/draggable-sortable/demo/draggable-list-demo_module.css +39 -0
  91. package/dist/dnd/draggable-sortable/draggable-sortable-item/index.d.ts +19 -0
  92. package/dist/dnd/draggable-sortable/draggable-sortable-item/index.d.ts.map +1 -0
  93. package/dist/dnd/draggable-sortable/draggable-sortable-item/index.js +27 -0
  94. package/dist/dnd/draggable-sortable/draggable-sortable-item/types.d.ts +25 -0
  95. package/dist/dnd/draggable-sortable/draggable-sortable-item/types.d.ts.map +1 -0
  96. package/dist/dnd/draggable-sortable/draggable-sortable-item/types.js +1 -0
  97. package/dist/dnd/draggable-sortable/draggable-sortable.d.ts +17 -0
  98. package/dist/dnd/draggable-sortable/draggable-sortable.d.ts.map +1 -0
  99. package/dist/dnd/draggable-sortable/draggable-sortable.js +46 -0
  100. package/dist/dnd/draggable-sortable/index.d.ts +5 -0
  101. package/dist/dnd/draggable-sortable/index.d.ts.map +1 -0
  102. package/dist/dnd/draggable-sortable/index.js +4 -0
  103. package/dist/dnd/draggable-sortable/types.d.ts +26 -0
  104. package/dist/dnd/draggable-sortable/types.d.ts.map +1 -0
  105. package/dist/dnd/draggable-sortable/types.js +1 -0
  106. package/dist/dnd/draggable-sortable/use-draggable-sortable/index.d.ts +16 -0
  107. package/dist/dnd/draggable-sortable/use-draggable-sortable/index.d.ts.map +1 -0
  108. package/dist/dnd/draggable-sortable/use-draggable-sortable/index.js +28 -0
  109. package/dist/dnd/draggable-sortable/use-draggable-sortable/types.d.ts +23 -0
  110. package/dist/dnd/draggable-sortable/use-draggable-sortable/types.d.ts.map +1 -0
  111. package/dist/dnd/draggable-sortable/use-draggable-sortable/types.js +1 -0
  112. package/dist/dnd/draggable-sortable/utils.d.ts +14 -0
  113. package/dist/dnd/draggable-sortable/utils.d.ts.map +1 -0
  114. package/dist/dnd/draggable-sortable/utils.js +10 -0
  115. package/dist/fields/array/array-field.d.ts +15 -0
  116. package/dist/fields/array/array-field.d.ts.map +1 -0
  117. package/dist/fields/array/array-field.js +176 -0
  118. package/dist/fields/array/array-field.module.js +11 -0
  119. package/dist/fields/array/array-field_module.css +32 -0
  120. package/dist/fields/blocks/blocks-field.d.ts +14 -0
  121. package/dist/fields/blocks/blocks-field.d.ts.map +1 -0
  122. package/dist/fields/blocks/blocks-field.js +244 -0
  123. package/dist/fields/blocks/blocks-field.module.js +26 -0
  124. package/dist/fields/blocks/blocks-field_module.css +107 -0
  125. package/dist/fields/checkbox/checkbox-field.d.ts +17 -0
  126. package/dist/fields/checkbox/checkbox-field.d.ts.map +1 -0
  127. package/dist/fields/checkbox/checkbox-field.js +27 -0
  128. package/dist/fields/column-formatter.d.ts +21 -0
  129. package/dist/fields/column-formatter.d.ts.map +1 -0
  130. package/dist/fields/column-formatter.js +15 -0
  131. package/dist/fields/date-time-formatter.d.ts +17 -0
  132. package/dist/fields/date-time-formatter.d.ts.map +1 -0
  133. package/dist/fields/date-time-formatter.js +8 -0
  134. package/dist/fields/datetime/datetime-field.d.ts +17 -0
  135. package/dist/fields/datetime/datetime-field.d.ts.map +1 -0
  136. package/dist/fields/datetime/datetime-field.js +37 -0
  137. package/dist/fields/datetime/datetime-field.module.js +5 -0
  138. package/dist/fields/datetime/datetime-field_module.css +4 -0
  139. package/dist/fields/draggable-context-menu.d.ts +7 -0
  140. package/dist/fields/draggable-context-menu.d.ts.map +1 -0
  141. package/dist/fields/draggable-context-menu.js +83 -0
  142. package/dist/fields/draggable-context-menu.module.js +15 -0
  143. package/dist/fields/draggable-context-menu_module.css +91 -0
  144. package/dist/fields/field-helpers.d.ts +27 -0
  145. package/dist/fields/field-helpers.d.ts.map +1 -0
  146. package/dist/fields/field-helpers.js +48 -0
  147. package/dist/fields/field-renderer.d.ts +31 -0
  148. package/dist/fields/field-renderer.d.ts.map +1 -0
  149. package/dist/fields/field-renderer.js +189 -0
  150. package/dist/fields/field-renderer.module.js +8 -0
  151. package/dist/fields/field-renderer_module.css +11 -0
  152. package/dist/fields/file/file-field.d.ts +18 -0
  153. package/dist/fields/file/file-field.d.ts.map +1 -0
  154. package/dist/fields/file/file-field.js +125 -0
  155. package/dist/fields/file/file-field.module.js +13 -0
  156. package/dist/fields/file/file-field_module.css +64 -0
  157. package/dist/fields/group/group-field.d.ts +16 -0
  158. package/dist/fields/group/group-field.d.ts.map +1 -0
  159. package/dist/fields/group/group-field.js +59 -0
  160. package/dist/fields/group/group-field.module.js +9 -0
  161. package/dist/fields/group/group-field_module.css +27 -0
  162. package/dist/fields/image/image-field.d.ts +20 -0
  163. package/dist/fields/image/image-field.d.ts.map +1 -0
  164. package/dist/fields/image/image-field.js +198 -0
  165. package/dist/fields/image/image-field.module.js +21 -0
  166. package/dist/fields/image/image-field_module.css +96 -0
  167. package/dist/fields/image/image-upload-field.d.ts +22 -0
  168. package/dist/fields/image/image-upload-field.d.ts.map +1 -0
  169. package/dist/fields/image/image-upload-field.js +187 -0
  170. package/dist/fields/image/image-upload-field.module.js +19 -0
  171. package/dist/fields/image/image-upload-field_module.css +92 -0
  172. package/dist/fields/local-date-time.d.ts +28 -0
  173. package/dist/fields/local-date-time.d.ts.map +1 -0
  174. package/dist/fields/local-date-time.js +49 -0
  175. package/dist/fields/locale-badge.d.ts +19 -0
  176. package/dist/fields/locale-badge.d.ts.map +1 -0
  177. package/dist/fields/locale-badge.js +10 -0
  178. package/dist/fields/locale-badge.module.js +5 -0
  179. package/dist/fields/locale-badge_module.css +27 -0
  180. package/dist/fields/numerical/numerical-field.d.ts +19 -0
  181. package/dist/fields/numerical/numerical-field.d.ts.map +1 -0
  182. package/dist/fields/numerical/numerical-field.js +73 -0
  183. package/dist/fields/relation/relation-display.d.ts +41 -0
  184. package/dist/fields/relation/relation-display.d.ts.map +1 -0
  185. package/dist/fields/relation/relation-display.js +58 -0
  186. package/dist/fields/relation/relation-display.module.js +9 -0
  187. package/dist/fields/relation/relation-display_module.css +21 -0
  188. package/dist/fields/relation/relation-field.d.ts +19 -0
  189. package/dist/fields/relation/relation-field.d.ts.map +1 -0
  190. package/dist/fields/relation/relation-field.js +133 -0
  191. package/dist/fields/relation/relation-field.module.js +13 -0
  192. package/dist/fields/relation/relation-field_module.css +62 -0
  193. package/dist/fields/relation/relation-picker.d.ts +50 -0
  194. package/dist/fields/relation/relation-picker.d.ts.map +1 -0
  195. package/dist/fields/relation/relation-picker.js +233 -0
  196. package/dist/fields/relation/relation-picker.module.js +26 -0
  197. package/dist/fields/relation/relation-picker_module.css +124 -0
  198. package/dist/fields/relation/relation-summary.d.ts +32 -0
  199. package/dist/fields/relation/relation-summary.d.ts.map +1 -0
  200. package/dist/fields/relation/relation-summary.js +50 -0
  201. package/dist/fields/relation/relation-summary.module.js +11 -0
  202. package/dist/fields/relation/relation-summary_module.css +37 -0
  203. package/dist/fields/select/select-field.d.ts +17 -0
  204. package/dist/fields/select/select-field.d.ts.map +1 -0
  205. package/dist/fields/select/select-field.js +42 -0
  206. package/dist/fields/select/select-field.module.js +5 -0
  207. package/dist/fields/select/select-field_module.css +4 -0
  208. package/dist/fields/sortable-item.d.ts +16 -0
  209. package/dist/fields/sortable-item.d.ts.map +1 -0
  210. package/dist/fields/sortable-item.js +80 -0
  211. package/dist/fields/sortable-item.module.js +22 -0
  212. package/dist/fields/sortable-item_module.css +124 -0
  213. package/dist/fields/text/text-field.d.ts +21 -0
  214. package/dist/fields/text/text-field.d.ts.map +1 -0
  215. package/dist/fields/text/text-field.js +104 -0
  216. package/dist/fields/text/text-field.module.js +6 -0
  217. package/dist/fields/text/text-field_module.css +5 -0
  218. package/dist/fields/text-area/text-area-field.d.ts +21 -0
  219. package/dist/fields/text-area/text-area-field.d.ts.map +1 -0
  220. package/dist/fields/text-area/text-area-field.js +105 -0
  221. package/dist/fields/text-area/text-area-field.module.js +6 -0
  222. package/dist/fields/text-area/text-area-field_module.css +5 -0
  223. package/dist/fields/use-field-change-handler.d.ts +24 -0
  224. package/dist/fields/use-field-change-handler.d.ts.map +1 -0
  225. package/dist/fields/use-field-change-handler.js +52 -0
  226. package/dist/forms/document-actions.d.ts +14 -0
  227. package/dist/forms/document-actions.d.ts.map +1 -0
  228. package/dist/forms/document-actions.js +153 -0
  229. package/dist/forms/document-actions.module.js +18 -0
  230. package/dist/forms/document-actions_module.css +66 -0
  231. package/dist/forms/form-context.d.ts +78 -0
  232. package/dist/forms/form-context.d.ts.map +1 -0
  233. package/dist/forms/form-context.js +420 -0
  234. package/dist/forms/form-renderer.d.ts +66 -0
  235. package/dist/forms/form-renderer.d.ts.map +1 -0
  236. package/dist/forms/form-renderer.js +555 -0
  237. package/dist/forms/form-renderer.module.js +46 -0
  238. package/dist/forms/form-renderer_module.css +242 -0
  239. package/dist/forms/navigation-guard.d.ts +55 -0
  240. package/dist/forms/navigation-guard.d.ts.map +1 -0
  241. package/dist/forms/navigation-guard.js +22 -0
  242. package/dist/forms/path-widget.d.ts +33 -0
  243. package/dist/forms/path-widget.d.ts.map +1 -0
  244. package/dist/forms/path-widget.js +101 -0
  245. package/dist/forms/path-widget.module.js +8 -0
  246. package/dist/forms/path-widget_module.css +29 -0
  247. package/dist/forms/upload-executor.d.ts +58 -0
  248. package/dist/forms/upload-executor.d.ts.map +1 -0
  249. package/dist/forms/upload-executor.js +92 -0
  250. package/dist/react.d.ts +55 -0
  251. package/dist/react.d.ts.map +1 -0
  252. package/dist/react.js +48 -0
  253. package/dist/services/admin-services-context.d.ts +17 -0
  254. package/dist/services/admin-services-context.d.ts.map +1 -0
  255. package/dist/services/admin-services-context.js +13 -0
  256. package/dist/services/admin-services-types.d.ts +130 -0
  257. package/dist/services/admin-services-types.d.ts.map +1 -0
  258. package/dist/services/admin-services-types.js +1 -0
  259. package/dist/services/field-services-context.d.ts +17 -0
  260. package/dist/services/field-services-context.d.ts.map +1 -0
  261. package/dist/services/field-services-context.js +13 -0
  262. package/dist/services/field-services-types.d.ts +64 -0
  263. package/dist/services/field-services-types.d.ts.map +1 -0
  264. package/dist/services/field-services-types.js +1 -0
  265. package/package.json +133 -0
  266. package/src/admin/components/admin-account/change-password.module.css +40 -0
  267. package/src/admin/components/admin-account/change-password.tsx +232 -0
  268. package/src/admin/components/admin-account/container.module.css +158 -0
  269. package/src/admin/components/admin-account/container.tsx +230 -0
  270. package/src/admin/components/admin-account/update.module.css +40 -0
  271. package/src/admin/components/admin-account/update.tsx +263 -0
  272. package/src/admin/components/admin-permissions/inspector.module.css +326 -0
  273. package/src/admin/components/admin-permissions/inspector.tsx +298 -0
  274. package/src/admin/components/admin-roles/create.module.css +40 -0
  275. package/src/admin/components/admin-roles/create.tsx +218 -0
  276. package/src/admin/components/admin-roles/permissions.module.css +279 -0
  277. package/src/admin/components/admin-roles/permissions.tsx +396 -0
  278. package/src/admin/components/admin-roles/update.module.css +40 -0
  279. package/src/admin/components/admin-roles/update.tsx +218 -0
  280. package/src/admin/components/admin-users/create.module.css +63 -0
  281. package/src/admin/components/admin-users/create.tsx +323 -0
  282. package/src/admin/components/admin-users/roles.module.css +119 -0
  283. package/src/admin/components/admin-users/roles.tsx +172 -0
  284. package/src/admin/components/admin-users/set-password.module.css +46 -0
  285. package/src/admin/components/admin-users/set-password.tsx +199 -0
  286. package/src/admin/components/admin-users/update.module.css +49 -0
  287. package/src/admin/components/admin-users/update.tsx +328 -0
  288. package/src/admin/components/auth/sign-in-form.module.css +53 -0
  289. package/src/admin/components/auth/sign-in-form.tsx +118 -0
  290. package/src/admin/components/collections/diff-modal.module.css +79 -0
  291. package/src/admin/components/collections/diff-modal.tsx +171 -0
  292. package/src/admin/components/collections/status-badge.module.css +31 -0
  293. package/src/admin/components/collections/status-badge.tsx +69 -0
  294. package/src/admin/group.module.css +41 -0
  295. package/src/admin/group.tsx +40 -0
  296. package/src/admin/row.module.css +32 -0
  297. package/src/admin/row.tsx +33 -0
  298. package/src/admin/tabs.module.css +107 -0
  299. package/src/admin/tabs.tsx +74 -0
  300. package/src/declarations.d.ts +4 -0
  301. package/src/dnd/draggable-sortable/demo/draggable-list-demo.module.css +65 -0
  302. package/src/dnd/draggable-sortable/demo/draggable-list-demo.tsx +117 -0
  303. package/src/dnd/draggable-sortable/draggable-sortable-item/index.tsx +54 -0
  304. package/src/dnd/draggable-sortable/draggable-sortable-item/types.ts +30 -0
  305. package/src/dnd/draggable-sortable/draggable-sortable.tsx +86 -0
  306. package/src/dnd/draggable-sortable/index.ts +5 -0
  307. package/src/dnd/draggable-sortable/types.ts +24 -0
  308. package/src/dnd/draggable-sortable/use-draggable-sortable/index.tsx +50 -0
  309. package/src/dnd/draggable-sortable/use-draggable-sortable/types.ts +25 -0
  310. package/src/dnd/draggable-sortable/utils.ts +29 -0
  311. package/src/fields/array/array-field.module.css +48 -0
  312. package/src/fields/array/array-field.tsx +266 -0
  313. package/src/fields/blocks/blocks-field.module.css +148 -0
  314. package/src/fields/blocks/blocks-field.tsx +312 -0
  315. package/src/fields/checkbox/checkbox-field.tsx +53 -0
  316. package/src/fields/column-formatter.tsx +31 -0
  317. package/src/fields/date-time-formatter.tsx +22 -0
  318. package/src/fields/datetime/datetime-field.module.css +13 -0
  319. package/src/fields/datetime/datetime-field.tsx +54 -0
  320. package/src/fields/draggable-context-menu.module.css +127 -0
  321. package/src/fields/draggable-context-menu.tsx +85 -0
  322. package/src/fields/field-helpers.ts +66 -0
  323. package/src/fields/field-renderer.module.css +22 -0
  324. package/src/fields/field-renderer.tsx +255 -0
  325. package/src/fields/file/file-field.module.css +88 -0
  326. package/src/fields/file/file-field.tsx +107 -0
  327. package/src/fields/group/group-field.module.css +43 -0
  328. package/src/fields/group/group-field.tsx +84 -0
  329. package/src/fields/image/image-field.module.css +129 -0
  330. package/src/fields/image/image-field.tsx +212 -0
  331. package/src/fields/image/image-upload-field.module.css +123 -0
  332. package/src/fields/image/image-upload-field.tsx +270 -0
  333. package/src/fields/local-date-time.tsx +88 -0
  334. package/src/fields/locale-badge.module.css +37 -0
  335. package/src/fields/locale-badge.tsx +32 -0
  336. package/src/fields/numerical/numerical-field.tsx +112 -0
  337. package/src/fields/relation/relation-display.module.css +36 -0
  338. package/src/fields/relation/relation-display.tsx +130 -0
  339. package/src/fields/relation/relation-field.module.css +83 -0
  340. package/src/fields/relation/relation-field.tsx +202 -0
  341. package/src/fields/relation/relation-picker.module.css +168 -0
  342. package/src/fields/relation/relation-picker.tsx +325 -0
  343. package/src/fields/relation/relation-summary.module.css +55 -0
  344. package/src/fields/relation/relation-summary.tsx +123 -0
  345. package/src/fields/select/select-field.module.css +13 -0
  346. package/src/fields/select/select-field.tsx +56 -0
  347. package/src/fields/sortable-item.module.css +167 -0
  348. package/src/fields/sortable-item.tsx +101 -0
  349. package/src/fields/text/text-field.module.css +13 -0
  350. package/src/fields/text/text-field.tsx +146 -0
  351. package/src/fields/text-area/text-area-field.module.css +13 -0
  352. package/src/fields/text-area/text-area-field.tsx +147 -0
  353. package/src/fields/use-field-change-handler.ts +112 -0
  354. package/src/forms/document-actions.module.css +94 -0
  355. package/src/forms/document-actions.tsx +149 -0
  356. package/src/forms/form-context.tsx +620 -0
  357. package/src/forms/form-renderer.module.css +318 -0
  358. package/src/forms/form-renderer.tsx +786 -0
  359. package/src/forms/navigation-guard.tsx +98 -0
  360. package/src/forms/path-widget.module.css +41 -0
  361. package/src/forms/path-widget.test.tsx +217 -0
  362. package/src/forms/path-widget.tsx +141 -0
  363. package/src/forms/upload-executor.ts +190 -0
  364. package/src/react.ts +79 -0
  365. package/src/services/admin-services-context.tsx +35 -0
  366. package/src/services/admin-services-types.ts +177 -0
  367. package/src/services/field-services-context.tsx +35 -0
  368. package/src/services/field-services-types.ts +68 -0
@@ -0,0 +1,299 @@
1
+ "use client";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { useState } from "react";
4
+ import { Button, CloseIcon, Drawer, EditIcon, IconButton } from "@infonomic/uikit/react";
5
+ import classnames from "classnames";
6
+ import { LocalDateTime } from "../../../fields/local-date-time.js";
7
+ import { ChangeAccountPassword } from "./change-password.js";
8
+ import container_module from "./container.module.js";
9
+ import { UpdateAccount } from "./update.js";
10
+ const panels = {
11
+ update: {
12
+ title: 'Profile',
13
+ component: UpdateAccount
14
+ },
15
+ change_password: {
16
+ title: 'Change Password',
17
+ component: ChangeAccountPassword
18
+ },
19
+ empty: {
20
+ title: '',
21
+ component: ()=>null
22
+ }
23
+ };
24
+ function ContainerSection({ title, onEdit, children }) {
25
+ return /*#__PURE__*/ jsxs("div", {
26
+ className: classnames('byline-account-section', container_module.section),
27
+ children: [
28
+ /*#__PURE__*/ jsxs("div", {
29
+ className: classnames('byline-account-section-head', container_module["section-head"]),
30
+ children: [
31
+ /*#__PURE__*/ jsx("h2", {
32
+ children: title
33
+ }),
34
+ onEdit ? /*#__PURE__*/ jsx(IconButton, {
35
+ variant: "text",
36
+ onClick: onEdit,
37
+ "aria-label": `Edit ${title}`,
38
+ children: /*#__PURE__*/ jsx(EditIcon, {
39
+ width: "20px",
40
+ height: "20px"
41
+ })
42
+ }) : null
43
+ ]
44
+ }),
45
+ /*#__PURE__*/ jsx("div", {
46
+ children: children
47
+ })
48
+ ]
49
+ });
50
+ }
51
+ function AccountSelfContainer({ account }) {
52
+ const [currentAccount, setCurrentAccount] = useState(account);
53
+ const [current, setCurrent] = useState('empty');
54
+ const [isDrawerOpen, setIsDrawerOpen] = useState(false);
55
+ const openDrawer = (key)=>()=>{
56
+ setCurrent(key);
57
+ setIsDrawerOpen(true);
58
+ };
59
+ const closeDrawer = ()=>{
60
+ setCurrent('empty');
61
+ setIsDrawerOpen(false);
62
+ };
63
+ const handleSuccess = (updated)=>{
64
+ setCurrentAccount(updated);
65
+ };
66
+ const Panel = panels[current].component;
67
+ return /*#__PURE__*/ jsxs(Fragment, {
68
+ children: [
69
+ /*#__PURE__*/ jsxs("div", {
70
+ className: classnames('byline-account-grid', container_module.grid),
71
+ children: [
72
+ /*#__PURE__*/ jsx("div", {
73
+ className: classnames('byline-account-column', container_module.column),
74
+ children: /*#__PURE__*/ jsxs(ContainerSection, {
75
+ title: "Profile",
76
+ onEdit: openDrawer('update'),
77
+ children: [
78
+ /*#__PURE__*/ jsxs("p", {
79
+ className: classnames('byline-account-line', container_module.line),
80
+ children: [
81
+ /*#__PURE__*/ jsx("span", {
82
+ className: "muted",
83
+ children: "Email:"
84
+ }),
85
+ " ",
86
+ currentAccount.email
87
+ ]
88
+ }),
89
+ /*#__PURE__*/ jsxs("p", {
90
+ className: classnames('byline-account-line', container_module.line),
91
+ children: [
92
+ /*#__PURE__*/ jsx("span", {
93
+ className: "muted",
94
+ children: "Given name:"
95
+ }),
96
+ ' ',
97
+ currentAccount.given_name ?? /*#__PURE__*/ jsx("span", {
98
+ className: classnames('muted', 'byline-account-not-set', container_module["not-set"]),
99
+ children: "Not set"
100
+ })
101
+ ]
102
+ }),
103
+ /*#__PURE__*/ jsxs("p", {
104
+ className: classnames('byline-account-line', container_module.line),
105
+ children: [
106
+ /*#__PURE__*/ jsx("span", {
107
+ className: "muted",
108
+ children: "Family name:"
109
+ }),
110
+ ' ',
111
+ currentAccount.family_name ?? /*#__PURE__*/ jsx("span", {
112
+ className: classnames('muted', 'byline-account-not-set', container_module["not-set"]),
113
+ children: "Not set"
114
+ })
115
+ ]
116
+ }),
117
+ /*#__PURE__*/ jsxs("p", {
118
+ className: classnames('byline-account-cta-line', container_module["cta-line"]),
119
+ children: [
120
+ /*#__PURE__*/ jsx("span", {
121
+ className: "muted",
122
+ children: "Username:"
123
+ }),
124
+ ' ',
125
+ currentAccount.username ?? /*#__PURE__*/ jsx("span", {
126
+ className: classnames('muted', 'byline-account-not-set', container_module["not-set"]),
127
+ children: "Not set"
128
+ })
129
+ ]
130
+ }),
131
+ /*#__PURE__*/ jsx(Button, {
132
+ size: "sm",
133
+ onClick: openDrawer('update'),
134
+ children: "Edit Profile"
135
+ }),
136
+ /*#__PURE__*/ jsxs("div", {
137
+ className: classnames('muted', 'byline-account-meta', container_module.meta),
138
+ children: [
139
+ /*#__PURE__*/ jsxs("p", {
140
+ children: [
141
+ /*#__PURE__*/ jsx("span", {
142
+ className: "font-bold",
143
+ children: "Created:\xa0"
144
+ }),
145
+ /*#__PURE__*/ jsx(LocalDateTime, {
146
+ value: currentAccount.created_at
147
+ })
148
+ ]
149
+ }),
150
+ /*#__PURE__*/ jsxs("p", {
151
+ children: [
152
+ /*#__PURE__*/ jsx("span", {
153
+ className: "font-bold",
154
+ children: "Updated:\xa0"
155
+ }),
156
+ /*#__PURE__*/ jsx(LocalDateTime, {
157
+ value: currentAccount.updated_at
158
+ })
159
+ ]
160
+ }),
161
+ /*#__PURE__*/ jsxs("p", {
162
+ className: classnames('byline-account-line', container_module.line),
163
+ children: [
164
+ /*#__PURE__*/ jsx("span", {
165
+ className: "font-bold",
166
+ children: "Last login:\xa0"
167
+ }),
168
+ /*#__PURE__*/ jsx(LocalDateTime, {
169
+ value: currentAccount.last_login,
170
+ fallback: "Never"
171
+ })
172
+ ]
173
+ })
174
+ ]
175
+ })
176
+ ]
177
+ })
178
+ }),
179
+ /*#__PURE__*/ jsxs("div", {
180
+ className: classnames('byline-account-column', container_module.column),
181
+ children: [
182
+ /*#__PURE__*/ jsxs(ContainerSection, {
183
+ title: "Password",
184
+ onEdit: openDrawer('change_password'),
185
+ children: [
186
+ /*#__PURE__*/ jsx("p", {
187
+ className: classnames('byline-account-cta-line', container_module["cta-line"]),
188
+ children: "Change the password used to sign in to the admin. You'll need to enter your current password to confirm the change."
189
+ }),
190
+ /*#__PURE__*/ jsx(Button, {
191
+ size: "sm",
192
+ onClick: openDrawer('change_password'),
193
+ children: "Change Password"
194
+ })
195
+ ]
196
+ }),
197
+ /*#__PURE__*/ jsxs(ContainerSection, {
198
+ title: "Account Status",
199
+ children: [
200
+ /*#__PURE__*/ jsxs("p", {
201
+ className: classnames('byline-account-line', container_module.line),
202
+ children: [
203
+ /*#__PURE__*/ jsx("span", {
204
+ className: "muted",
205
+ children: "Super admin:"
206
+ }),
207
+ ' ',
208
+ currentAccount.is_super_admin ? 'Yes' : 'No'
209
+ ]
210
+ }),
211
+ /*#__PURE__*/ jsxs("p", {
212
+ className: classnames('byline-account-line', container_module.line),
213
+ children: [
214
+ /*#__PURE__*/ jsx("span", {
215
+ className: "muted",
216
+ children: "Email verified:"
217
+ }),
218
+ ' ',
219
+ currentAccount.is_email_verified ? 'Yes' : 'No'
220
+ ]
221
+ }),
222
+ /*#__PURE__*/ jsxs("p", {
223
+ className: classnames('byline-account-line', container_module.line),
224
+ children: [
225
+ /*#__PURE__*/ jsx("span", {
226
+ className: "muted",
227
+ children: "Status:"
228
+ }),
229
+ ' ',
230
+ /*#__PURE__*/ jsx("span", {
231
+ className: currentAccount.is_enabled ? classnames('byline-account-status-on', container_module["status-on"]) : classnames('byline-account-status-off', container_module["status-off"]),
232
+ children: currentAccount.is_enabled ? 'Enabled' : 'Disabled'
233
+ })
234
+ ]
235
+ }),
236
+ /*#__PURE__*/ jsx("p", {
237
+ className: classnames('muted', 'byline-account-status-help', container_module["status-help"]),
238
+ children: "These flags are managed by an admin with the appropriate permissions and are not self-editable."
239
+ })
240
+ ]
241
+ })
242
+ ]
243
+ })
244
+ ]
245
+ }),
246
+ /*#__PURE__*/ jsx(Drawer, {
247
+ id: "admin-account-drawer",
248
+ closeOnOverlayClick: false,
249
+ width: "medium",
250
+ topOffset: "46px",
251
+ isOpen: isDrawerOpen,
252
+ onDismiss: closeDrawer,
253
+ className: classnames('byline-account-drawer', container_module.drawer),
254
+ children: /*#__PURE__*/ jsxs(Drawer.Container, {
255
+ "aria-hidden": !isDrawerOpen,
256
+ className: classnames('byline-account-drawer-body', container_module["drawer-body"]),
257
+ children: [
258
+ /*#__PURE__*/ jsxs(Drawer.TopActions, {
259
+ children: [
260
+ /*#__PURE__*/ jsx("button", {
261
+ type: "button",
262
+ tabIndex: 0,
263
+ className: classnames('byline-account-drawer-skip', container_module["drawer-skip"]),
264
+ children: "no action"
265
+ }),
266
+ /*#__PURE__*/ jsx(IconButton, {
267
+ "aria-label": "Close",
268
+ size: "sm",
269
+ onClick: closeDrawer,
270
+ children: /*#__PURE__*/ jsx(CloseIcon, {
271
+ width: "14px",
272
+ height: "14px",
273
+ svgClassName: "white-icon stroke-white"
274
+ })
275
+ })
276
+ ]
277
+ }),
278
+ /*#__PURE__*/ jsx(Drawer.Header, {
279
+ children: /*#__PURE__*/ jsx("h2", {
280
+ children: panels[current].title
281
+ })
282
+ }),
283
+ /*#__PURE__*/ jsx(Drawer.Content, {
284
+ children: /*#__PURE__*/ jsx("div", {
285
+ className: classnames('byline-account-drawer-scroll', container_module["drawer-scroll"]),
286
+ children: /*#__PURE__*/ jsx(Panel, {
287
+ account: currentAccount,
288
+ onClose: closeDrawer,
289
+ onSuccess: handleSuccess
290
+ })
291
+ })
292
+ })
293
+ ]
294
+ })
295
+ })
296
+ ]
297
+ });
298
+ }
299
+ export { AccountSelfContainer };
@@ -0,0 +1,28 @@
1
+ import "./container_module.css";
2
+ const container_module = {
3
+ grid: "grid-M14d6Z",
4
+ column: "column-YKfq3y",
5
+ section: "section-WX0QOA",
6
+ "section-head": "section-head-guWrAF",
7
+ sectionHead: "section-head-guWrAF",
8
+ line: "line-TNRwdi",
9
+ "cta-line": "cta-line-qcZUDE",
10
+ ctaLine: "cta-line-qcZUDE",
11
+ meta: "meta-URTGBr",
12
+ "status-on": "status-on-JXT2DX",
13
+ statusOn: "status-on-JXT2DX",
14
+ "status-off": "status-off-bUWxMM",
15
+ statusOff: "status-off-bUWxMM",
16
+ "status-help": "status-help-AiHEz2",
17
+ statusHelp: "status-help-AiHEz2",
18
+ "not-set": "not-set-ta8t00",
19
+ notSet: "not-set-ta8t00",
20
+ drawer: "drawer-WDDzCN",
21
+ "drawer-body": "drawer-body-iWh3us",
22
+ drawerBody: "drawer-body-iWh3us",
23
+ "drawer-scroll": "drawer-scroll-h8UCvI",
24
+ drawerScroll: "drawer-scroll-h8UCvI",
25
+ "drawer-skip": "drawer-skip-Y3GQsE",
26
+ drawerSkip: "drawer-skip-Y3GQsE"
27
+ };
28
+ export default container_module;
@@ -0,0 +1,106 @@
1
+ :is(.grid-M14d6Z, .byline-account-grid) {
2
+ gap: var(--spacing-16);
3
+ margin-bottom: var(--spacing-48);
4
+ flex-direction: column;
5
+ display: flex;
6
+ }
7
+
8
+ @media (min-width: 40rem) {
9
+ :is(.grid-M14d6Z, .byline-account-grid) {
10
+ grid-template-columns: 1fr 1fr;
11
+ display: grid;
12
+ }
13
+ }
14
+
15
+ :is(.column-YKfq3y, .byline-account-column) {
16
+ gap: var(--spacing-16);
17
+ margin-bottom: var(--spacing-16);
18
+ flex-direction: column;
19
+ display: flex;
20
+ }
21
+
22
+ :is(.section-WX0QOA, .byline-account-section) {
23
+ padding: var(--spacing-16);
24
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
25
+ background-color: var(--canvas-25);
26
+ border-radius: var(--border-radius-sm);
27
+ }
28
+
29
+ :is(.section-head-guWrAF, .byline-account-section-head) {
30
+ margin-bottom: var(--spacing-8);
31
+ justify-content: space-between;
32
+ align-items: center;
33
+ display: flex;
34
+ }
35
+
36
+ :is(.line-TNRwdi, .byline-account-line) {
37
+ margin-bottom: 0;
38
+ }
39
+
40
+ :is(.cta-line-qcZUDE, .byline-account-cta-line) {
41
+ margin-bottom: var(--spacing-12);
42
+ }
43
+
44
+ :is(.meta-URTGBr, .byline-account-meta) {
45
+ margin-top: var(--spacing-16);
46
+ font-size: var(--font-size-xs);
47
+ }
48
+
49
+ :is(.status-on-JXT2DX, .byline-account-status-on) {
50
+ color: var(--green-600);
51
+ }
52
+
53
+ :is(.status-off-bUWxMM, .byline-account-status-off) {
54
+ color: var(--red-600);
55
+ }
56
+
57
+ :is(.status-help-AiHEz2, .byline-account-status-help) {
58
+ margin-top: var(--spacing-12);
59
+ font-size: var(--font-size-xs);
60
+ margin-bottom: 0;
61
+ }
62
+
63
+ :is(.not-set-ta8t00, .byline-account-not-set) {
64
+ font-style: italic;
65
+ }
66
+
67
+ @media (min-width: 48rem) {
68
+ :is(.drawer-WDDzCN, .byline-account-drawer) {
69
+ width: 500px;
70
+ }
71
+ }
72
+
73
+ :is(.drawer-body-iWh3us, .byline-account-drawer-body) {
74
+ padding: var(--spacing-8);
75
+ }
76
+
77
+ :is(.drawer-scroll-h8UCvI, .byline-account-drawer-scroll) {
78
+ max-height: calc(100vh - 160px);
79
+ overflow-y: auto;
80
+ }
81
+
82
+ :is(.drawer-skip-Y3GQsE, .byline-account-drawer-skip) {
83
+ clip: rect(0, 0, 0, 0);
84
+ white-space: nowrap;
85
+ border: 0;
86
+ width: 1px;
87
+ height: 1px;
88
+ margin: -1px;
89
+ padding: 0;
90
+ position: absolute;
91
+ overflow: hidden;
92
+ }
93
+
94
+ :is(:is([data-theme="dark"], .dark) .section-WX0QOA, :is([data-theme="dark"], .dark) .byline-account-section) {
95
+ border-color: var(--gray-700);
96
+ background-color: var(--canvas-800);
97
+ }
98
+
99
+ :is(:is([data-theme="dark"], .dark) .status-on-JXT2DX, :is([data-theme="dark"], .dark) .byline-account-status-on) {
100
+ color: var(--green-400);
101
+ }
102
+
103
+ :is(:is([data-theme="dark"], .dark) .status-off-bUWxMM, :is([data-theme="dark"], .dark) .byline-account-status-off) {
104
+ color: var(--red-400);
105
+ }
106
+
@@ -0,0 +1,9 @@
1
+ import type { AccountResponse } from '@byline/admin/admin-account';
2
+ interface UpdateAccountProps {
3
+ account: AccountResponse;
4
+ onClose?: () => void;
5
+ onSuccess?: (account: AccountResponse) => void;
6
+ }
7
+ export declare function UpdateAccount({ account, onClose, onSuccess }: UpdateAccountProps): import("react").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=update.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/admin-account/update.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AA+ClE,UAAU,kBAAkB;IAC1B,OAAO,EAAE,eAAe,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAqKhF"}
@@ -0,0 +1,207 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { useState } from "react";
4
+ import { revalidateLogic, useForm } from "@tanstack/react-form-start";
5
+ import { Alert, Button, Input, LoaderEllipsis } from "@infonomic/uikit/react";
6
+ import classnames from "classnames";
7
+ import { z } from "zod";
8
+ import { useBylineAdminServices } from "../../../services/admin-services-context.js";
9
+ import update_module from "./update.module.js";
10
+ const updateAccountSchema = z.object({
11
+ given_name: z.string().max(100, 'Given name must not exceed 100 characters'),
12
+ family_name: z.string().max(100, 'Family name must not exceed 100 characters'),
13
+ username: z.string().max(100, 'Username must not exceed 100 characters'),
14
+ email: z.email({
15
+ message: 'Enter a valid email address'
16
+ }).min(3).max(254, 'Email must not exceed 254 characters')
17
+ });
18
+ function defaultsFrom(account) {
19
+ return {
20
+ given_name: account.given_name ?? '',
21
+ family_name: account.family_name ?? '',
22
+ username: account.username ?? '',
23
+ email: account.email
24
+ };
25
+ }
26
+ function buildPatch(values, account) {
27
+ const patch = {};
28
+ const normaliseText = (value)=>value.trim().length > 0 ? value : null;
29
+ const nextGiven = normaliseText(values.given_name);
30
+ const nextFamily = normaliseText(values.family_name);
31
+ const nextUsername = normaliseText(values.username);
32
+ if (nextGiven !== account.given_name) patch.given_name = nextGiven;
33
+ if (nextFamily !== account.family_name) patch.family_name = nextFamily;
34
+ if (nextUsername !== account.username) patch.username = nextUsername;
35
+ if (values.email !== account.email) patch.email = values.email;
36
+ return patch;
37
+ }
38
+ function UpdateAccount({ account, onClose, onSuccess }) {
39
+ const { updateAccount } = useBylineAdminServices();
40
+ const [formError, setFormError] = useState(null);
41
+ const [successMessage, setSuccessMessage] = useState(null);
42
+ const form = useForm({
43
+ defaultValues: defaultsFrom(account),
44
+ validationLogic: revalidateLogic({
45
+ mode: 'blur',
46
+ modeAfterSubmission: 'change'
47
+ }),
48
+ validators: {
49
+ onDynamic: updateAccountSchema
50
+ },
51
+ onSubmit: async ({ value })=>{
52
+ setFormError(null);
53
+ setSuccessMessage(null);
54
+ const patch = buildPatch(value, account);
55
+ if (0 === Object.keys(patch).length) return void setSuccessMessage('No changes to save.');
56
+ try {
57
+ const updated = await updateAccount({
58
+ data: {
59
+ vid: account.vid,
60
+ patch
61
+ }
62
+ });
63
+ setSuccessMessage('Saved.');
64
+ onSuccess?.(updated);
65
+ } catch (err) {
66
+ const code = getErrorCode(err);
67
+ if ('admin.users.emailInUse' === code) return void form.setFieldMeta('email', (meta)=>({
68
+ ...meta,
69
+ errorMap: {
70
+ ...meta.errorMap,
71
+ onServer: 'This email is already in use.'
72
+ },
73
+ errors: [
74
+ 'This email is already in use.'
75
+ ]
76
+ }));
77
+ if ('admin.users.versionConflict' === code) return void setFormError('Your account has been modified elsewhere since you opened this form. Reload to refresh and try again.');
78
+ if ('admin.account.notFound' === code) return void setFormError('Your admin account could not be found. Please sign in again.');
79
+ setFormError('Could not save changes. Please try again.');
80
+ }
81
+ }
82
+ });
83
+ return /*#__PURE__*/ jsx("div", {
84
+ className: classnames('byline-account-update-wrap', update_module.wrap),
85
+ children: /*#__PURE__*/ jsxs("form", {
86
+ noValidate: true,
87
+ onSubmit: (event)=>{
88
+ event.preventDefault();
89
+ event.stopPropagation();
90
+ form.handleSubmit();
91
+ },
92
+ className: classnames('byline-account-update-form', update_module.form),
93
+ children: [
94
+ formError ? /*#__PURE__*/ jsx(Alert, {
95
+ intent: "danger",
96
+ children: formError
97
+ }) : null,
98
+ successMessage ? /*#__PURE__*/ jsx(Alert, {
99
+ intent: "success",
100
+ children: successMessage
101
+ }) : null,
102
+ /*#__PURE__*/ jsx(form.Field, {
103
+ name: "given_name",
104
+ children: (field)=>/*#__PURE__*/ jsx(Input, {
105
+ label: "Given name",
106
+ id: "given_name",
107
+ name: field.name,
108
+ value: field.state.value,
109
+ onBlur: field.handleBlur,
110
+ onChange: (e)=>field.handleChange(e.currentTarget.value),
111
+ error: field.state.meta.errors.length > 0,
112
+ errorText: firstError(field.state.meta.errors),
113
+ autoComplete: "given-name"
114
+ })
115
+ }),
116
+ /*#__PURE__*/ jsx(form.Field, {
117
+ name: "family_name",
118
+ children: (field)=>/*#__PURE__*/ jsx(Input, {
119
+ label: "Family name",
120
+ id: "family_name",
121
+ name: field.name,
122
+ value: field.state.value,
123
+ onBlur: field.handleBlur,
124
+ onChange: (e)=>field.handleChange(e.currentTarget.value),
125
+ error: field.state.meta.errors.length > 0,
126
+ errorText: firstError(field.state.meta.errors),
127
+ autoComplete: "family-name"
128
+ })
129
+ }),
130
+ /*#__PURE__*/ jsx(form.Field, {
131
+ name: "username",
132
+ children: (field)=>/*#__PURE__*/ jsx(Input, {
133
+ label: "Username",
134
+ id: "username",
135
+ name: field.name,
136
+ value: field.state.value,
137
+ onBlur: field.handleBlur,
138
+ onChange: (e)=>field.handleChange(e.currentTarget.value),
139
+ error: field.state.meta.errors.length > 0,
140
+ errorText: firstError(field.state.meta.errors),
141
+ helpText: "Optional. Leave blank to clear.",
142
+ autoComplete: "username"
143
+ })
144
+ }),
145
+ /*#__PURE__*/ jsx(form.Field, {
146
+ name: "email",
147
+ children: (field)=>/*#__PURE__*/ jsx(Input, {
148
+ label: "Email",
149
+ id: "email",
150
+ name: field.name,
151
+ type: "email",
152
+ value: field.state.value,
153
+ onBlur: field.handleBlur,
154
+ onChange: (e)=>field.handleChange(e.currentTarget.value),
155
+ error: field.state.meta.errors.length > 0,
156
+ errorText: firstError(field.state.meta.errors),
157
+ autoComplete: "email",
158
+ required: true
159
+ })
160
+ }),
161
+ /*#__PURE__*/ jsxs("div", {
162
+ className: classnames('byline-account-update-actions', update_module.actions),
163
+ children: [
164
+ /*#__PURE__*/ jsx(Button, {
165
+ type: "button",
166
+ intent: "secondary",
167
+ size: "sm",
168
+ onClick: onClose,
169
+ className: classnames('byline-account-update-action', update_module.action),
170
+ children: successMessage ? 'Close' : 'Cancel'
171
+ }),
172
+ /*#__PURE__*/ jsx(form.Subscribe, {
173
+ selector: (state)=>({
174
+ canSubmit: state.canSubmit,
175
+ isSubmitting: state.isSubmitting,
176
+ isDirty: state.isDirty
177
+ }),
178
+ children: ({ canSubmit, isSubmitting })=>/*#__PURE__*/ jsx(Button, {
179
+ size: "sm",
180
+ intent: "primary",
181
+ type: "submit",
182
+ disabled: !canSubmit || isSubmitting,
183
+ className: classnames('byline-account-update-action', update_module.action),
184
+ children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
185
+ size: 42
186
+ }) : 'Save'
187
+ })
188
+ })
189
+ ]
190
+ })
191
+ ]
192
+ })
193
+ });
194
+ }
195
+ function firstError(errors) {
196
+ for (const err of errors){
197
+ if ('string' == typeof err) return err;
198
+ if (err && 'object' == typeof err && 'message' in err) {
199
+ const msg = err.message;
200
+ if ('string' == typeof msg) return msg;
201
+ }
202
+ }
203
+ }
204
+ function getErrorCode(err) {
205
+ return 'string' == typeof err?.code ? err.code : null;
206
+ }
207
+ export { UpdateAccount };
@@ -0,0 +1,8 @@
1
+ import "./update_module.css";
2
+ const update_module = {
3
+ wrap: "wrap-qSOtam",
4
+ form: "form-DEvqGV",
5
+ actions: "actions-Eg0XQA",
6
+ action: "action-CSfiVK"
7
+ };
8
+ export default update_module;