@workos-inc/widgets 0.0.0-pre.1 → 0.0.0-pre.2

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 (170) hide show
  1. package/dist/cjs/lib/api/role.d.ts.map +1 -1
  2. package/dist/cjs/lib/api/role.js +35 -14
  3. package/dist/cjs/lib/api/role.js.map +1 -1
  4. package/dist/cjs/lib/api/user.d.ts.map +1 -1
  5. package/dist/cjs/lib/api/user.js +105 -67
  6. package/dist/cjs/lib/api/user.js.map +1 -1
  7. package/dist/cjs/lib/constants.d.ts +2 -1
  8. package/dist/cjs/lib/constants.d.ts.map +1 -1
  9. package/dist/cjs/lib/constants.js +3 -2
  10. package/dist/cjs/lib/constants.js.map +1 -1
  11. package/dist/cjs/lib/delete-user-dialog.d.ts.map +1 -1
  12. package/dist/cjs/lib/delete-user-dialog.js +1 -1
  13. package/dist/cjs/lib/delete-user-dialog.js.map +1 -1
  14. package/dist/cjs/lib/edit-user-details-dialog.d.ts.map +1 -1
  15. package/dist/cjs/lib/edit-user-details-dialog.js +3 -5
  16. package/dist/cjs/lib/edit-user-details-dialog.js.map +1 -1
  17. package/dist/cjs/lib/elements.d.ts +21 -12
  18. package/dist/cjs/lib/elements.d.ts.map +1 -1
  19. package/dist/cjs/lib/elements.js +118 -30
  20. package/dist/cjs/lib/elements.js.map +1 -1
  21. package/dist/cjs/lib/error-boundary.d.ts +58 -0
  22. package/dist/cjs/lib/error-boundary.d.ts.map +1 -0
  23. package/dist/cjs/lib/error-boundary.js +113 -0
  24. package/dist/cjs/lib/error-boundary.js.map +1 -0
  25. package/dist/cjs/lib/errors.d.ts +34 -0
  26. package/dist/cjs/lib/errors.d.ts.map +1 -0
  27. package/dist/cjs/lib/errors.js +40 -0
  28. package/dist/cjs/lib/errors.js.map +1 -0
  29. package/dist/cjs/lib/invite-user-dialog.d.ts.map +1 -1
  30. package/dist/cjs/lib/invite-user-dialog.js +2 -2
  31. package/dist/cjs/lib/invite-user-dialog.js.map +1 -1
  32. package/dist/cjs/lib/resend-invite-dialog.d.ts.map +1 -1
  33. package/dist/cjs/lib/resend-invite-dialog.js +2 -2
  34. package/dist/cjs/lib/resend-invite-dialog.js.map +1 -1
  35. package/dist/cjs/lib/revoke-invite-dialog.d.ts.map +1 -1
  36. package/dist/cjs/lib/revoke-invite-dialog.js +1 -1
  37. package/dist/cjs/lib/revoke-invite-dialog.js.map +1 -1
  38. package/dist/cjs/lib/use-layout-effect.d.ts +4 -0
  39. package/dist/cjs/lib/use-layout-effect.d.ts.map +1 -0
  40. package/dist/cjs/lib/use-layout-effect.js +8 -0
  41. package/dist/cjs/lib/use-layout-effect.js.map +1 -0
  42. package/dist/cjs/lib/user-actions-dropdown.d.ts.map +1 -1
  43. package/dist/cjs/lib/user-actions-dropdown.js +2 -9
  44. package/dist/cjs/lib/user-actions-dropdown.js.map +1 -1
  45. package/dist/cjs/lib/users-filter.d.ts +1 -0
  46. package/dist/cjs/lib/users-filter.d.ts.map +1 -1
  47. package/dist/cjs/lib/users-filter.js +2 -9
  48. package/dist/cjs/lib/users-filter.js.map +1 -1
  49. package/dist/cjs/lib/users-management-context.d.ts +2 -2
  50. package/dist/cjs/lib/users-management-context.d.ts.map +1 -1
  51. package/dist/cjs/lib/users-management.d.ts +9 -6
  52. package/dist/cjs/lib/users-management.d.ts.map +1 -1
  53. package/dist/cjs/lib/users-management.js +77 -20
  54. package/dist/cjs/lib/users-management.js.map +1 -1
  55. package/dist/cjs/lib/users-search.d.ts.map +1 -1
  56. package/dist/cjs/lib/users-search.js +3 -9
  57. package/dist/cjs/lib/users-search.js.map +1 -1
  58. package/dist/cjs/lib/utils.d.ts +2 -0
  59. package/dist/cjs/lib/utils.d.ts.map +1 -1
  60. package/dist/cjs/lib/utils.js +18 -0
  61. package/dist/cjs/lib/utils.js.map +1 -1
  62. package/dist/cjs/users-management.client.d.ts +1 -1
  63. package/dist/cjs/users-management.client.d.ts.map +1 -1
  64. package/dist/cjs/users-management.client.js +15 -5
  65. package/dist/cjs/users-management.client.js.map +1 -1
  66. package/dist/cjs/workos-widgets.client.d.ts.map +1 -1
  67. package/dist/cjs/workos-widgets.client.js +2 -1
  68. package/dist/cjs/workos-widgets.client.js.map +1 -1
  69. package/dist/esm/lib/api/role.d.ts.map +1 -1
  70. package/dist/esm/lib/api/role.js +35 -14
  71. package/dist/esm/lib/api/role.js.map +1 -1
  72. package/dist/esm/lib/api/user.d.ts.map +1 -1
  73. package/dist/esm/lib/api/user.js +105 -67
  74. package/dist/esm/lib/api/user.js.map +1 -1
  75. package/dist/esm/lib/constants.d.ts +2 -1
  76. package/dist/esm/lib/constants.d.ts.map +1 -1
  77. package/dist/esm/lib/constants.js +2 -1
  78. package/dist/esm/lib/constants.js.map +1 -1
  79. package/dist/esm/lib/delete-user-dialog.d.ts.map +1 -1
  80. package/dist/esm/lib/delete-user-dialog.js +2 -2
  81. package/dist/esm/lib/delete-user-dialog.js.map +1 -1
  82. package/dist/esm/lib/edit-user-details-dialog.d.ts.map +1 -1
  83. package/dist/esm/lib/edit-user-details-dialog.js +4 -6
  84. package/dist/esm/lib/edit-user-details-dialog.js.map +1 -1
  85. package/dist/esm/lib/elements.d.ts +21 -12
  86. package/dist/esm/lib/elements.d.ts.map +1 -1
  87. package/dist/esm/lib/elements.js +95 -30
  88. package/dist/esm/lib/elements.js.map +1 -1
  89. package/dist/esm/lib/error-boundary.d.ts +58 -0
  90. package/dist/esm/lib/error-boundary.d.ts.map +1 -0
  91. package/dist/esm/lib/error-boundary.js +86 -0
  92. package/dist/esm/lib/error-boundary.js.map +1 -0
  93. package/dist/esm/lib/errors.d.ts +34 -0
  94. package/dist/esm/lib/errors.d.ts.map +1 -0
  95. package/dist/esm/lib/errors.js +34 -0
  96. package/dist/esm/lib/errors.js.map +1 -0
  97. package/dist/esm/lib/invite-user-dialog.d.ts.map +1 -1
  98. package/dist/esm/lib/invite-user-dialog.js +3 -3
  99. package/dist/esm/lib/invite-user-dialog.js.map +1 -1
  100. package/dist/esm/lib/resend-invite-dialog.d.ts.map +1 -1
  101. package/dist/esm/lib/resend-invite-dialog.js +3 -3
  102. package/dist/esm/lib/resend-invite-dialog.js.map +1 -1
  103. package/dist/esm/lib/revoke-invite-dialog.d.ts.map +1 -1
  104. package/dist/esm/lib/revoke-invite-dialog.js +2 -2
  105. package/dist/esm/lib/revoke-invite-dialog.js.map +1 -1
  106. package/dist/esm/lib/use-layout-effect.d.ts +4 -0
  107. package/dist/esm/lib/use-layout-effect.d.ts.map +1 -0
  108. package/dist/esm/lib/use-layout-effect.js +5 -0
  109. package/dist/esm/lib/use-layout-effect.js.map +1 -0
  110. package/dist/esm/lib/user-actions-dropdown.d.ts.map +1 -1
  111. package/dist/esm/lib/user-actions-dropdown.js +3 -10
  112. package/dist/esm/lib/user-actions-dropdown.js.map +1 -1
  113. package/dist/esm/lib/users-filter.d.ts +1 -0
  114. package/dist/esm/lib/users-filter.d.ts.map +1 -1
  115. package/dist/esm/lib/users-filter.js +4 -11
  116. package/dist/esm/lib/users-filter.js.map +1 -1
  117. package/dist/esm/lib/users-management-context.d.ts +2 -2
  118. package/dist/esm/lib/users-management-context.d.ts.map +1 -1
  119. package/dist/esm/lib/users-management.d.ts +9 -6
  120. package/dist/esm/lib/users-management.d.ts.map +1 -1
  121. package/dist/esm/lib/users-management.js +74 -22
  122. package/dist/esm/lib/users-management.js.map +1 -1
  123. package/dist/esm/lib/users-search.d.ts.map +1 -1
  124. package/dist/esm/lib/users-search.js +5 -11
  125. package/dist/esm/lib/users-search.js.map +1 -1
  126. package/dist/esm/lib/utils.d.ts +2 -0
  127. package/dist/esm/lib/utils.d.ts.map +1 -1
  128. package/dist/esm/lib/utils.js +13 -0
  129. package/dist/esm/lib/utils.js.map +1 -1
  130. package/dist/esm/users-management.client.d.ts +1 -1
  131. package/dist/esm/users-management.client.d.ts.map +1 -1
  132. package/dist/esm/users-management.client.js +16 -6
  133. package/dist/esm/users-management.client.js.map +1 -1
  134. package/dist/esm/workos-widgets.client.d.ts.map +1 -1
  135. package/dist/esm/workos-widgets.client.js +2 -1
  136. package/dist/esm/workos-widgets.client.js.map +1 -1
  137. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  138. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  139. package/package.json +8 -3
  140. package/src/base.css +111 -0
  141. package/src/lib/api/role.ts +39 -16
  142. package/src/lib/api/user.ts +119 -75
  143. package/src/lib/constants.ts +2 -1
  144. package/src/lib/delete-user-dialog.tsx +7 -3
  145. package/src/lib/edit-user-details-dialog.tsx +15 -10
  146. package/src/lib/elements.tsx +242 -61
  147. package/src/lib/error-boundary.tsx +166 -0
  148. package/src/lib/errors.ts +49 -0
  149. package/src/lib/invite-user-dialog.tsx +21 -12
  150. package/src/lib/resend-invite-dialog.tsx +11 -5
  151. package/src/lib/revoke-invite-dialog.tsx +7 -3
  152. package/src/lib/use-layout-effect.ts +6 -0
  153. package/src/lib/user-actions-dropdown.tsx +8 -16
  154. package/src/lib/users-filter.tsx +13 -73
  155. package/src/lib/users-management-context.tsx +1 -1
  156. package/src/lib/users-management.tsx +345 -184
  157. package/src/lib/users-search.tsx +5 -63
  158. package/src/lib/utils.ts +21 -0
  159. package/src/users-management.client.tsx +39 -16
  160. package/src/users-management.css +4 -0
  161. package/src/workos-widgets.client.tsx +2 -1
  162. package/dist/cjs/lib/pagination.d.ts +0 -8
  163. package/dist/cjs/lib/pagination.d.ts.map +0 -1
  164. package/dist/cjs/lib/pagination.js +0 -67
  165. package/dist/cjs/lib/pagination.js.map +0 -1
  166. package/dist/esm/lib/pagination.d.ts +0 -8
  167. package/dist/esm/lib/pagination.d.ts.map +0 -1
  168. package/dist/esm/lib/pagination.js +0 -40
  169. package/dist/esm/lib/pagination.js.map +0 -1
  170. package/src/lib/pagination.tsx +0 -69
@@ -1,3 +1,4 @@
1
1
  export const USER_ROW_LIMIT = 10;
2
- export const WIDGETS_API_VERSION = "v1";
2
+ export const WIDGETS_API_VERSION = "1";
3
+ export const WIDGETS_CLASS_NAMESPACE = "woswidgets";
3
4
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC"}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,uBAAuB,GAAG,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"delete-user-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAKZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGvC,UAAU,qBAAsB,SAAQ,WAAW,CAAC,SAAS;IAC3D,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,iCAI1B,qBAAqB,4CAoEvB,CAAC"}
1
+ {"version":3,"file":"delete-user-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAKZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAOvC,UAAU,qBAAsB,SAAQ,WAAW,CAAC,SAAS;IAC3D,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,iCAI1B,qBAAqB,4CAoEvB,CAAC"}
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { AlertDialog, Callout, Flex, Text, VisuallyHidden, } from "@radix-ui/themes";
4
4
  import { useRef } from "react";
5
5
  import { useDeleteUser } from "./api/user";
6
- import { DestructiveButton, SecondaryButton } from "./elements";
6
+ import { AlertDialogContent, DestructiveButton, SecondaryButton, } from "./elements";
7
7
  export const DeleteUserDialog = ({ children, user, ...props }) => {
8
8
  const deleteUser = useDeleteUser();
9
9
  const inputRef = useRef(null);
@@ -14,7 +14,7 @@ export const DeleteUserDialog = ({ children, user, ...props }) => {
14
14
  },
15
15
  });
16
16
  };
17
- return (_jsxs(AlertDialog.Root, { ...props, children: [children && _jsx(AlertDialog.Trigger, { children: children }), _jsxs(AlertDialog.Content, { maxWidth: "480px", onOpenAutoFocus: () => {
17
+ return (_jsxs(AlertDialog.Root, { ...props, children: [children && _jsx(AlertDialog.Trigger, { children: children }), _jsxs(AlertDialogContent, { maxWidth: "480px", onOpenAutoFocus: () => {
18
18
  requestAnimationFrame(() => {
19
19
  inputRef.current?.focus();
20
20
  });
@@ -1 +1 @@
1
- {"version":3,"file":"delete-user-dialog.js","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAShE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACc,EAAE,EAAE;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE;YACzB,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,KAAC,WAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,MAAC,WAAW,CAAC,OAAO,IAClB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBAC5B,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,KAAC,WAAW,CAAC,KAAK,8BAAgC,EAClD,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC9B,MAAC,WAAW,CAAC,WAAW,kDACU,GAAG,EACnC,KAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,KAAC,OAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAC7B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,gBACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,CAAC,SAAS,uBAE7B,GACC,EAErB,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,CAAC,SAAS,uBAE1C,IACf,GACF,EAEP,KAAC,cAAc,IAAC,OAAO,kBACrB,+BAAmB,QAAQ,YACxB,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAClC,GACK,IACG,IACL,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,yDAAyD,CAAC;AACnE,CAAC"}
1
+ {"version":3,"file":"delete-user-dialog.js","sourceRoot":"","sources":["../../../src/lib/delete-user-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,GAChB,MAAM,YAAY,CAAC;AASpB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACc,EAAE,EAAE;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE;YACzB,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,KAAC,WAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,MAAC,kBAAkB,IACjB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBAC5B,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,KAAC,WAAW,CAAC,KAAK,8BAAgC,EAClD,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC9B,MAAC,WAAW,CAAC,WAAW,kDACU,GAAG,EACnC,KAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,KAAC,OAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,KAAC,OAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAC7B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,gBACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,eAAe,IAAC,QAAQ,EAAE,UAAU,CAAC,SAAS,uBAE7B,GACC,EAErB,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,CAAC,SAAS,uBAE1C,IACf,GACF,EAEP,KAAC,cAAc,IAAC,OAAO,kBACrB,+BAAmB,QAAQ,YACxB,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,GAClC,GACK,IACE,IACJ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,yDAAyD,CAAC;AACnE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"edit-user-details-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/edit-user-details-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,MAAM,EAMP,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAMvC,UAAU,mBAAoB,SAAQ,MAAM,CAAC,SAAS;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,iCAI/B,mBAAmB,4CA0HrB,CAAC"}
1
+ {"version":3,"file":"edit-user-details-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/edit-user-details-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,MAAM,EAMP,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAYvC,UAAU,mBAAoB,SAAQ,MAAM,CAAC,SAAS;IACpD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,iCAI/B,mBAAmB,4CAyHrB,CAAC"}
@@ -4,16 +4,14 @@ import * as React from "react";
4
4
  import { Callout, Dialog, Flex, Select, Skeleton, Text, VisuallyHidden, } from "@radix-ui/themes";
5
5
  import { useState } from "react";
6
6
  import { useUpdateUserRole } from "./api/user";
7
- import { PrimaryButton, SecondaryButton } from "./elements";
7
+ import { DialogContent, PrimaryButton, SecondaryButton, SelectContent, SelectItem, SelectTrigger, } from "./elements";
8
8
  import { getBestName } from "./utils";
9
9
  import { useRoles } from "./api/role";
10
- import { useElement } from "./widgets-context";
11
10
  export const EditUserDetailsDialog = ({ children, user, ...props }) => {
12
11
  const displayName = getBestName(user) || user.email;
13
12
  const rolesQuery = useRoles();
14
13
  const { data: roles } = rolesQuery;
15
14
  const updateUser = useUpdateUserRole();
16
- const dropdownProps = useElement("dropdown");
17
15
  const [selectedRole, setSelectedRole] = useState(user.roles[0]?.slug || "Unknown");
18
16
  const onSubmitForm = ({ id, roles }) => {
19
17
  updateUser.mutate({ id, data: { roles } }, {
@@ -30,12 +28,12 @@ export const EditUserDetailsDialog = ({ children, user, ...props }) => {
30
28
  const errorId = `${selectId}-error`;
31
29
  const showErrorMessage = !!rolesQuery.error;
32
30
  const showSingleRoleInfo = rolesQuery.isSuccess && roles.length === 1;
33
- return (_jsxs(Dialog.Root, { ...props, children: [children && _jsx(Dialog.Trigger, { children: children }), _jsxs(Dialog.Content, { maxWidth: "480px", children: [_jsx(Dialog.Title, { children: "Edit role" }), _jsxs(Dialog.Description, { children: ["Select the role to assign to ", _jsx(Text, { weight: "bold", children: displayName })] }), _jsx(Flex, { mt: "2", direction: "column", gap: "1", asChild: true, children: _jsxs("form", { id: formId, onSubmit: async (event) => {
31
+ return (_jsxs(Dialog.Root, { ...props, children: [children && _jsx(Dialog.Trigger, { children: children }), _jsxs(DialogContent, { maxWidth: "480px", children: [_jsx(Dialog.Title, { children: "Edit role" }), _jsxs(Dialog.Description, { children: ["Select the role to assign to ", _jsx(Text, { weight: "bold", children: displayName })] }), _jsx(Flex, { mt: "2", direction: "column", gap: "1", asChild: true, children: _jsxs("form", { id: formId, onSubmit: async (event) => {
34
32
  event.preventDefault();
35
33
  onSubmitForm({ id: user.id, roles: [selectedRole] });
36
- }, children: [_jsxs(Select.Root, { name: "roles", value: selectedRole ?? "Unknown", onValueChange: setSelectedRole, disabled: rolesQuery.isLoading || showSingleRoleInfo, children: [_jsx(Skeleton, { loading: rolesQuery.isLoading, children: _jsx(Select.Trigger, { id: selectId, placeholder: "Assign a role", "aria-labelledby": selectLabelId, "aria-invalid": showErrorMessage || undefined, "aria-describedby": [showErrorMessage && errorId, showSingleRoleInfo && infoId]
34
+ }, children: [_jsxs(Select.Root, { name: "roles", value: selectedRole ?? "Unknown", onValueChange: setSelectedRole, disabled: rolesQuery.isLoading || showSingleRoleInfo, children: [_jsx(Skeleton, { loading: rolesQuery.isLoading, children: _jsx(SelectTrigger, { id: selectId, placeholder: "Assign a role", "aria-labelledby": selectLabelId, "aria-invalid": showErrorMessage || undefined, "aria-describedby": [showErrorMessage && errorId, showSingleRoleInfo && infoId]
37
35
  .filter(Boolean)
38
- .join(" ") || undefined }) }), _jsx(Select.Content, { ...dropdownProps, children: roles.map((role) => (_jsx(Select.Item, { value: role.slug, children: role.name }, role.slug))) })] }), showErrorMessage ? (_jsx(Text, { color: "red", size: "2", id: errorId, children: getRoleSelectErrorMessage(rolesQuery.error) })) : null, showSingleRoleInfo ? (_jsx(Text, { color: "gray", size: "2", id: infoId, mt: "1", children: "You cannot update the role for this user as there is only one role available." })) : null] }) }), updateUser.error ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(updateUser.error) }) })) : null, _jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [_jsx(Dialog.Close, { children: _jsx(SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }), _jsx(PrimaryButton, { form: formId, loading: updateUser.isPending, disabled: rolesQuery.isLoading || showSingleRoleInfo || undefined, children: "Save" })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(updateUser.error) }) })] })] }));
36
+ .join(" ") || undefined }) }), _jsx(SelectContent, { children: roles.map((role) => (_jsx(SelectItem, { value: role.slug, children: role.name }, role.slug))) })] }), showErrorMessage ? (_jsx(Text, { color: "red", size: "2", id: errorId, children: getRoleSelectErrorMessage(rolesQuery.error) })) : null, showSingleRoleInfo ? (_jsx(Text, { color: "gray", size: "2", id: infoId, mt: "1", children: "You cannot update the role for this user as there is only one role available." })) : null] }) }), updateUser.error ? (_jsx(Callout.Root, { color: "red", mt: "4", mb: "-2", children: _jsx(Callout.Text, { children: getMutationErrorMessage(updateUser.error) }) })) : null, _jsxs(Flex, { mt: "5", gap: "3", justify: "end", children: [_jsx(Dialog.Close, { children: _jsx(SecondaryButton, { disabled: updateUser.isPending, children: "Cancel" }) }), _jsx(PrimaryButton, { form: formId, loading: updateUser.isPending, disabled: rolesQuery.isLoading || showSingleRoleInfo || undefined, children: "Save" })] }), _jsx(VisuallyHidden, { asChild: true, children: _jsx("section", { "aria-live": "polite", children: getMutationErrorMessage(updateUser.error) }) })] })] }));
39
37
  };
40
38
  function getRoleSelectErrorMessage(error) {
41
39
  if (!error) {
@@ -1 +1 @@
1
- {"version":3,"file":"edit-user-details-dialog.js","sourceRoot":"","sources":["../../../src/lib/edit-user-details-dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"edit-user-details-dialog.js","sourceRoot":"","sources":["../../../src/lib/edit-user-details-dialog.tsx"],"names":[],"mappings":"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"}
@@ -1,27 +1,36 @@
1
- import { DropdownMenu, AvatarProps as RadixAvatarProps, TextField as RadixTextField } from "@radix-ui/themes";
2
- import type { GetPropDefTypes, avatarPropDefs, badgePropDefs, buttonPropDefs, dropdownMenuContentPropDefs, dropdownMenuItemPropDefs, iconButtonPropDefs, textFieldRootPropDefs } from "@radix-ui/themes/props";
3
- export declare const PrimaryButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
4
- export declare const SecondaryButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
5
- export declare const DestructiveButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
6
- export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
7
- export declare const TextField: import("react").ForwardRefExoticComponent<Omit<RadixTextField.RootProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
8
- export declare const TextFieldSlot: import("react").ForwardRefExoticComponent<RadixTextField.SlotProps & import("react").RefAttributes<HTMLDivElement>>;
9
- export declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").BadgeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
10
- export declare const PrimaryMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenu.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
11
- export declare const DestructiveMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenu.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
1
+ import * as React from "react";
2
+ import { DropdownMenu as RadixDropdownMenu, AvatarProps as RadixAvatarProps, AlertDialog as RadixAlertDialog, Dialog as RadixDialog, Select as RadixSelect, TextField as RadixTextField } from "@radix-ui/themes";
3
+ import type { GetPropDefTypes, avatarPropDefs, badgePropDefs, buttonPropDefs, dialogContentPropDefs, dropdownMenuContentPropDefs, dropdownMenuItemPropDefs, iconButtonPropDefs, textFieldRootPropDefs, selectTriggerPropDefs } from "@radix-ui/themes/props";
4
+ export declare const PrimaryButton: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
5
+ export declare const SecondaryButton: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
+ export declare const DestructiveButton: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
+ export declare const IconButton: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").IconButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
8
+ export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<RadixSelect.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
+ export declare const SelectContent: React.ForwardRefExoticComponent<Omit<RadixSelect.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
+ export declare const SelectItem: React.ForwardRefExoticComponent<Omit<RadixSelect.ItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
+ export declare const TextField: React.ForwardRefExoticComponent<Omit<RadixTextField.RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
12
+ export declare const TextFieldSlot: React.ForwardRefExoticComponent<Omit<RadixTextField.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
+ export declare const Badge: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").BadgeProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
14
+ export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ export declare const PrimaryMenuItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.ItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
+ export declare const DestructiveMenuItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.ItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
17
  interface AvatarProps extends RadixAvatarProps {
13
18
  dim?: boolean;
14
19
  }
15
- export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLImageElement>>;
20
+ export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLImageElement>>;
21
+ export declare const DialogContent: React.ForwardRefExoticComponent<Omit<RadixDialog.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
+ export declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<RadixAlertDialog.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
23
  type OmitAsChild<T> = {
17
24
  [K in keyof T]: T[K] extends undefined ? undefined : Omit<NonNullable<T[K]>, "asChild">;
18
25
  };
19
26
  export type Elements = OmitAsChild<{
27
+ dialog?: GetPropDefTypes<typeof dialogContentPropDefs>;
20
28
  primaryButton?: GetPropDefTypes<typeof buttonPropDefs>;
21
29
  secondaryButton?: GetPropDefTypes<typeof buttonPropDefs>;
22
30
  destructiveButton?: GetPropDefTypes<typeof buttonPropDefs>;
23
31
  iconButton?: GetPropDefTypes<typeof iconButtonPropDefs>;
24
32
  textfield?: GetPropDefTypes<typeof textFieldRootPropDefs>;
33
+ select?: GetPropDefTypes<typeof selectTriggerPropDefs>;
25
34
  badge?: GetPropDefTypes<typeof badgePropDefs>;
26
35
  dropdown?: GetPropDefTypes<typeof dropdownMenuContentPropDefs>;
27
36
  primaryMenuItem?: GetPropDefTypes<typeof dropdownMenuItemPropDefs>;
@@ -1 +1 @@
1
- {"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAEZ,WAAW,IAAI,gBAAgB,EAG/B,SAAS,IAAI,cAAc,EAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,wBAAwB,EACxB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAIhC,eAAO,MAAM,aAAa,sMAOxB,CAAC;AAIH,eAAO,MAAM,eAAe,sMAS1B,CAAC;AAIH,eAAO,MAAM,iBAAiB,sMAS5B,CAAC;AAIH,eAAO,MAAM,UAAU,0MAerB,CAAC;AAIH,eAAO,MAAM,SAAS,sLAepB,CAAC;AAIH,eAAO,MAAM,aAAa,qHAAsB,CAAC;AAEjD,eAAO,MAAM,KAAK,iMAOhB,CAAC;AAIH,eAAO,MAAM,eAAe,gLAO1B,CAAC;AAIH,eAAO,MAAM,mBAAmB,gLAO9B,CAAC;AAIH,UAAU,WAAY,SAAQ,gBAAgB;IAC5C,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,MAAM,0GAelB,CAAC;AAIF,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAClC,SAAS,GACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;IACjC,aAAa,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IAC3D,UAAU,CAAC,EAAE,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAC;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACnE,mBAAmB,CAAC,EAAE,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACvE,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;CACnE,CAAC,CAAC"}
1
+ {"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,YAAY,IAAI,iBAAiB,EAEjC,WAAW,IAAI,gBAAgB,EAC/B,WAAW,IAAI,gBAAgB,EAC/B,MAAM,IAAI,WAAW,EAGrB,MAAM,IAAI,WAAW,EACrB,SAAS,IAAI,cAAc,EAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,2BAA2B,EAC3B,wBAAwB,EACxB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAKhC,eAAO,MAAM,aAAa,wKAcxB,CAAC;AAEH,eAAO,MAAM,eAAe,wKAe1B,CAAC;AAEH,eAAO,MAAM,iBAAiB,wKAe5B,CAAC;AAEH,eAAO,MAAM,UAAU,4KAerB,CAAC;AAEH,eAAO,MAAM,aAAa,0JAaxB,CAAC;AAEH,eAAO,MAAM,aAAa,oJAaxB,CAAC;AAEH,eAAO,MAAM,UAAU,iJAarB,CAAC;AAEH,eAAO,MAAM,SAAS,wJAcpB,CAAC;AAEH,eAAO,MAAM,aAAa,oJAWxB,CAAC;AAEH,eAAO,MAAM,KAAK,mKAahB,CAAC;AAEH,eAAO,MAAM,mBAAmB,0JAa9B,CAAC;AAEH,eAAO,MAAM,eAAe,uJAa1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,uJAc9B,CAAC;AAEH,UAAU,WAAY,SAAQ,gBAAgB;IAC5C,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,MAAM,sFAelB,CAAC;AAEF,eAAO,MAAM,aAAa,oJAmBxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,yJAoB7B,CAAC;AAyCH,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAClC,SAAS,GACT,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;IACjC,MAAM,CAAC,EAAE,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;IAC3D,UAAU,CAAC,EAAE,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;IAC1D,MAAM,CAAC,EAAE,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;IACvD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAC;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACnE,mBAAmB,CAAC,EAAE,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACvE,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;CACnE,CAAC,CAAC"}
@@ -1,54 +1,119 @@
1
1
  "use client";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
- import { Button, DropdownMenu, Avatar as RadixAvatar, Badge as RadixBadge, IconButton as RadixIconButton, TextField as RadixTextField, } from "@radix-ui/themes";
4
- import { forwardRef } from "react";
3
+ import * as React from "react";
4
+ import { Button as RadixButton, DropdownMenu as RadixDropdownMenu, Avatar as RadixAvatar, AlertDialog as RadixAlertDialog, Dialog as RadixDialog, Badge as RadixBadge, IconButton as RadixIconButton, Select as RadixSelect, TextField as RadixTextField, } from "@radix-ui/themes";
5
5
  import { useElement } from "./widgets-context";
6
- export const PrimaryButton = forwardRef((props, ref) => {
6
+ import { cx, namespaceClassName } from "./utils";
7
+ import { useLayoutEffect } from "./use-layout-effect";
8
+ export const PrimaryButton = React.forwardRef(function PrimaryButton({ className, ...props }, ref) {
7
9
  const element = useElement("primaryButton");
8
- return _jsx(Button, { ref: ref, variant: "solid", ...props, ...element });
10
+ return (_jsx(RadixButton, { ref: ref, className: cx("button", className), variant: "solid", ...props, ...element }));
9
11
  });
10
- PrimaryButton.displayName = "PrimaryButton";
11
- export const SecondaryButton = forwardRef((props, ref) => {
12
+ export const SecondaryButton = React.forwardRef(function SecondaryButton({ className, ...props }, ref) {
12
13
  const element = useElement("secondaryButton");
13
- return (_jsx(Button, { ref: ref, variant: "surface", color: "gray", ...props, ...element }));
14
+ return (_jsx(RadixButton, { ref: ref, className: cx(["button", "button--secondary"], className), variant: "surface", color: "gray", ...props, ...element }));
14
15
  });
15
- SecondaryButton.displayName = "SecondaryButton";
16
- export const DestructiveButton = forwardRef((props, ref) => {
16
+ export const DestructiveButton = React.forwardRef(function DestructiveButton({ className, ...props }, ref) {
17
17
  const element = useElement("destructiveButton");
18
- return (_jsx(Button, { ref: ref, variant: "solid", color: "red", ...props, ...element }));
18
+ return (_jsx(RadixButton, { ref: ref, className: cx(["button", "button--destructive"], className), variant: "solid", color: "red", ...props, ...element }));
19
19
  });
20
- DestructiveButton.displayName = "DestructiveButton";
21
- export const IconButton = forwardRef((props, ref) => {
20
+ export const IconButton = React.forwardRef(function IconButton({ className, ...props }, ref) {
22
21
  const element = useElement("iconButton");
23
- return (_jsx(RadixIconButton, { ref: ref, variant: "ghost", color: "gray", ...props, ...element }));
22
+ return (_jsx(RadixIconButton, { ref: ref, className: cx(["button", "icon-button"], className), variant: "ghost", color: "gray", ...props, ...element }));
24
23
  });
25
- IconButton.displayName = "IconButton";
26
- export const TextField = forwardRef((props, ref) => {
24
+ export const SelectTrigger = React.forwardRef(function SelectTrigger({ className, ...props }, ref) {
25
+ const element = useElement("select");
26
+ return (_jsx(RadixSelect.Trigger, { ref: ref, className: cx("select", className), ...props, ...element }));
27
+ });
28
+ export const SelectContent = React.forwardRef(function SelectContent({ className, ...props }, ref) {
29
+ const element = useElement("dropdown");
30
+ return (_jsx(RadixSelect.Content, { ref: ref, className: cx(["dropdown", "select-dropdown"], className), ...props, ...element }));
31
+ });
32
+ export const SelectItem = React.forwardRef(function SelectItem({ className, ...props }, ref) {
33
+ const element = useElement("primaryMenuItem");
34
+ return (_jsx(RadixSelect.Item, { ref: ref, className: cx(["menu-item", "select-item"], className), ...props, ...element }));
35
+ });
36
+ export const TextField = React.forwardRef(function TextField({ className, ...props }, ref) {
27
37
  const element = useElement("textfield");
28
- return (_jsx(RadixTextField.Root, { "data-1p-ignore": true, ref: ref, variant: "surface", ...props, ...element }));
38
+ return (_jsx(RadixTextField.Root, { ref: ref, variant: "surface", className: cx("text-field", className), ...props, ...element }));
29
39
  });
30
- TextField.displayName = "TextField";
31
- export const TextFieldSlot = RadixTextField.Slot;
32
- export const Badge = forwardRef((props, ref) => {
40
+ export const TextFieldSlot = React.forwardRef(function TextFieldSlot({ className, ...props }, ref) {
41
+ return (_jsx(RadixTextField.Slot, { ref: ref, className: cx("text-field-slot", className), ...props }));
42
+ });
43
+ export const Badge = React.forwardRef(function Badge({ className, ...props }, ref) {
33
44
  const element = useElement("badge");
34
- return _jsx(RadixBadge, { ref: ref, ...element, ...props });
45
+ return (_jsx(RadixBadge, { ref: ref, className: cx("badge", className), ...element, ...props }));
46
+ });
47
+ export const DropdownMenuContent = React.forwardRef(function DropdownMenuContent({ className, ...props }, ref) {
48
+ const element = useElement("dropdown");
49
+ return (_jsx(RadixDropdownMenu.Content, { ref: ref, className: cx("dropdown", className), ...props, ...element }));
35
50
  });
36
- Badge.displayName = "Badge";
37
- export const PrimaryMenuItem = forwardRef((props, ref) => {
51
+ export const PrimaryMenuItem = React.forwardRef(function PrimaryMenuItem({ className, ...props }, ref) {
38
52
  const element = useElement("primaryMenuItem");
39
- return _jsx(DropdownMenu.Item, { ref: ref, ...props, ...element });
53
+ return (_jsx(RadixDropdownMenu.Item, { ref: ref, className: cx("menu-item", className), ...props, ...element }));
40
54
  });
41
- PrimaryMenuItem.displayName = "PrimaryMenuItem";
42
- export const DestructiveMenuItem = forwardRef((props, ref) => {
55
+ export const DestructiveMenuItem = React.forwardRef(function DestructiveMenuItem({ className, ...props }, ref) {
43
56
  const element = useElement("destructiveMenuItem");
44
- return _jsx(DropdownMenu.Item, { ref: ref, color: "red", ...props, ...element });
57
+ return (_jsx(RadixDropdownMenu.Item, { ref: ref, className: cx(["menu-item", "menu-item--destructive"], className), color: "red", ...props, ...element }));
45
58
  });
46
- DestructiveMenuItem.displayName = "DestructiveMenuItem";
47
- export const Avatar = forwardRef(({ dim, ...props }, ref) => {
59
+ export const Avatar = React.forwardRef(function Avatar({ dim, className, ...props }, ref) {
48
60
  const element = useElement("avatar");
49
- return (_jsx(RadixAvatar, { ref: ref, color: "gray", ...props, ...element,
61
+ return (_jsx(RadixAvatar, { ref: ref, color: "gray", className: cx("avatar", className), ...props, ...element,
50
62
  // TODO: use CSS var instead of hard-coded value for opacity
51
63
  style: dim ? { opacity: 0.6, ...props.style } : props.style }));
52
64
  });
53
- Avatar.displayName = "Avatar";
65
+ export const DialogContent = React.forwardRef(function DialogContent({ className, ...props }, forwardedRef) {
66
+ const element = useElement("dialog");
67
+ const [node, setNode] = React.useState(null);
68
+ const ref = useComposedRefs(forwardedRef, setNode);
69
+ useDialogOverlayHack(node, {
70
+ className: namespaceClassName("dialog-overlay"),
71
+ selector: ".rt-DialogOverlay",
72
+ });
73
+ return (_jsx(RadixDialog.Content, { ref: ref, className: cx("dialog", className), ...props, ...element }));
74
+ });
75
+ export const AlertDialogContent = React.forwardRef(function AlertDialogContent({ className, ...props }, forwardedRef) {
76
+ const element = useElement("dialog");
77
+ const [node, setNode] = React.useState(null);
78
+ const ref = useComposedRefs(forwardedRef, setNode);
79
+ useDialogOverlayHack(node, {
80
+ className: namespaceClassName("dialog-overlay"),
81
+ selector: ".rt-AlertDialogOverlay",
82
+ });
83
+ return (_jsx(RadixAlertDialog.Content, { ref: ref, className: cx("dialog", className), ...props, ...element }));
84
+ });
85
+ /**
86
+ * HACK: Radix themes does not expose the dialog overlay, but we want consumer
87
+ * to be able to style it with a classname. This will add a classname to the
88
+ * overlay when the dialog content is mounted.
89
+ */
90
+ function useDialogOverlayHack(node, { className, selector }) {
91
+ useLayoutEffect(() => {
92
+ if (!node) {
93
+ return;
94
+ }
95
+ const document = node.ownerDocument;
96
+ const overlay = document.querySelector(selector);
97
+ overlay?.classList.add(className);
98
+ }, [node, className, selector]);
99
+ }
100
+ function useComposedRefs(...refs) {
101
+ return React.useCallback((value) => {
102
+ for (const ref of refs) {
103
+ if (typeof ref === "function") {
104
+ ref(value);
105
+ }
106
+ else if (ref != null) {
107
+ try {
108
+ ref.current = value;
109
+ }
110
+ catch {
111
+ //
112
+ }
113
+ }
114
+ }
115
+ },
116
+ // eslint-disable-next-line react-hooks/exhaustive-deps
117
+ refs);
118
+ }
54
119
  //# sourceMappingURL=elements.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/lib/elements.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,58 @@
1
+ import * as React from "react";
2
+ type ErrorBoundaryState = {
3
+ didCatch: true;
4
+ error: any;
5
+ } | {
6
+ didCatch: false;
7
+ error: null;
8
+ };
9
+ export interface ErrorBoundaryContextValue {
10
+ didCatch: boolean;
11
+ error: any;
12
+ resetErrorBoundary: (...args: any[]) => void;
13
+ }
14
+ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
15
+ constructor(props: ErrorBoundaryProps);
16
+ static getDerivedStateFromError(error: Error): {
17
+ didCatch: boolean;
18
+ error: Error;
19
+ };
20
+ resetErrorBoundary(...args: any[]): void;
21
+ componentDidCatch(error: Error, info: React.ErrorInfo): void;
22
+ componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
23
+ render(): import("react/jsx-runtime").JSX.Element;
24
+ }
25
+ export type FallbackProps = {
26
+ error: any;
27
+ resetErrorBoundary: (...args: any[]) => void;
28
+ };
29
+ type ErrorBoundarySharedProps = React.PropsWithChildren<{
30
+ onError?: (error: Error, info: React.ErrorInfo) => void;
31
+ onReset?: (details: {
32
+ reason: "imperative-api";
33
+ args: any[];
34
+ } | {
35
+ reason: "keys";
36
+ prev: any[] | undefined;
37
+ next: any[] | undefined;
38
+ }) => void;
39
+ resetKeys?: any[];
40
+ }>;
41
+ export type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
42
+ fallback?: never;
43
+ FallbackComponent: React.ComponentType<FallbackProps>;
44
+ fallbackRender?: never;
45
+ };
46
+ export type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
47
+ fallback?: never;
48
+ FallbackComponent?: never;
49
+ fallbackRender: (props: FallbackProps) => React.ReactNode;
50
+ };
51
+ export type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
52
+ fallback: React.ReactNode;
53
+ FallbackComponent?: never;
54
+ fallbackRender?: never;
55
+ };
56
+ export type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
57
+ export {};
58
+ //# sourceMappingURL=error-boundary.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/lib/error-boundary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,kBAAkB,GACnB;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,GAC9B;IAAE,QAAQ,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,IAAI,CAAA;CAAE,CAAC;AAErC,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC9C;AAWD,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAOrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAI5C,kBAAkB,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE;IAajC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS;IAIrD,kBAAkB,CAChB,SAAS,EAAE,kBAAkB,EAC7B,SAAS,EAAE,kBAAkB;IA2B/B,MAAM;CAoCP;AAQD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,KAAK,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,CACR,OAAO,EACH;QAAE,MAAM,EAAE,gBAAgB,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,CAAA;KAAE,GACzC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAA;KAAE,KACrE,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,+BAA+B,GAAG,wBAAwB,GAAG;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,GAAG;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,wBAAwB,GAAG;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,8BAA8B,GAC9B,+BAA+B,GAC/B,4BAA4B,CAAC"}
@@ -0,0 +1,86 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ // Modified from https://github.com/bvaughn/react-error-boundary
3
+ // Copyright (c) 2020 Brian Vaughn, MIT License
4
+ import * as React from "react";
5
+ const ErrorBoundaryContext = React.createContext(null);
6
+ ErrorBoundaryContext.displayName = "ErrorBoundaryContext";
7
+ const initialState = {
8
+ didCatch: false,
9
+ error: null,
10
+ };
11
+ export class ErrorBoundary extends React.Component {
12
+ constructor(props) {
13
+ super(props);
14
+ this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
15
+ this.state = initialState;
16
+ }
17
+ static getDerivedStateFromError(error) {
18
+ return { didCatch: true, error };
19
+ }
20
+ resetErrorBoundary(...args) {
21
+ const { error } = this.state;
22
+ if (error !== null) {
23
+ this.props.onReset?.({
24
+ args,
25
+ reason: "imperative-api",
26
+ });
27
+ this.setState(initialState);
28
+ }
29
+ }
30
+ componentDidCatch(error, info) {
31
+ this.props.onError?.(error, info);
32
+ }
33
+ componentDidUpdate(prevProps, prevState) {
34
+ const { didCatch } = this.state;
35
+ const { resetKeys } = this.props;
36
+ // There's an edge case where if the thing that triggered the error happens
37
+ // to *also* be in the resetKeys array, we'd end up resetting the error
38
+ // boundary immediately.
39
+ //
40
+ // This would likely trigger a second error to be thrown. So we make sure
41
+ // that we don't check the resetKeys on the first call of cDU after the
42
+ // error is set.
43
+ if (didCatch &&
44
+ prevState.error !== null &&
45
+ hasArrayChanged(prevProps.resetKeys, resetKeys)) {
46
+ this.props.onReset?.({
47
+ next: resetKeys,
48
+ prev: prevProps.resetKeys,
49
+ reason: "keys",
50
+ });
51
+ this.setState(initialState);
52
+ }
53
+ }
54
+ render() {
55
+ const { children, fallbackRender, FallbackComponent, fallback } = this.props;
56
+ const { didCatch, error } = this.state;
57
+ let childToRender = children;
58
+ if (didCatch) {
59
+ const props = {
60
+ error,
61
+ resetErrorBoundary: this.resetErrorBoundary,
62
+ };
63
+ if (typeof fallbackRender === "function") {
64
+ childToRender = fallbackRender(props);
65
+ }
66
+ else if (FallbackComponent) {
67
+ childToRender = React.createElement(FallbackComponent, props);
68
+ }
69
+ else if (fallback !== undefined) {
70
+ childToRender = fallback;
71
+ }
72
+ else {
73
+ throw error;
74
+ }
75
+ }
76
+ return (_jsx(ErrorBoundaryContext.Provider, { value: {
77
+ didCatch,
78
+ error,
79
+ resetErrorBoundary: this.resetErrorBoundary,
80
+ }, children: childToRender }));
81
+ }
82
+ }
83
+ function hasArrayChanged(a = [], b = []) {
84
+ return (a.length !== b.length || a.some((item, index) => !Object.is(item, b[index])));
85
+ }
86
+ //# sourceMappingURL=error-boundary.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../../src/lib/error-boundary.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,34 @@
1
+ type QueryType = "query" | "mutation";
2
+ type RecordType = "users" | "roles";
3
+ export declare class FetchError extends Error {
4
+ queryType: QueryType;
5
+ recordType: RecordType;
6
+ context: unknown;
7
+ constructor(args: {
8
+ message: string;
9
+ queryType: QueryType;
10
+ recordType: RecordType;
11
+ context?: unknown;
12
+ });
13
+ }
14
+ export declare class ApiError extends Error {
15
+ status: number;
16
+ queryType: QueryType;
17
+ recordType: RecordType;
18
+ context: unknown;
19
+ constructor(args: {
20
+ message: string;
21
+ queryType: QueryType;
22
+ recordType: RecordType;
23
+ status: number;
24
+ context?: unknown;
25
+ });
26
+ }
27
+ export declare class NoAuthTokenError extends Error {
28
+ context: unknown;
29
+ constructor(args?: {
30
+ context?: unknown;
31
+ });
32
+ }
33
+ export {};
34
+ //# sourceMappingURL=errors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../../src/lib/errors.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AACtC,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpC,qBAAa,UAAW,SAAQ,KAAK;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;gBACL,IAAI,EAAE;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,SAAS,CAAC;QACrB,UAAU,EAAE,UAAU,CAAC;QACvB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB;CAOF;AAED,qBAAa,QAAS,SAAQ,KAAK;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;gBACL,IAAI,EAAE;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,SAAS,CAAC;QACrB,UAAU,EAAE,UAAU,CAAC;QACvB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB;CAOF;AAED,qBAAa,gBAAiB,SAAQ,KAAK;IACzC,OAAO,EAAE,OAAO,CAAC;gBACL,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE;CAKzC"}
@@ -0,0 +1,34 @@
1
+ export class FetchError extends Error {
2
+ queryType;
3
+ recordType;
4
+ context;
5
+ constructor(args) {
6
+ super(args.message);
7
+ this.name = "FetchError";
8
+ this.queryType = args.queryType;
9
+ this.recordType = args.recordType;
10
+ this.context = args.context;
11
+ }
12
+ }
13
+ export class ApiError extends Error {
14
+ status;
15
+ queryType;
16
+ recordType;
17
+ context;
18
+ constructor(args) {
19
+ super(args.message);
20
+ this.name = "ApiError";
21
+ this.status = args.status;
22
+ this.queryType = args.queryType;
23
+ this.recordType = args.recordType;
24
+ }
25
+ }
26
+ export class NoAuthTokenError extends Error {
27
+ context;
28
+ constructor(args) {
29
+ super("No auth token provided");
30
+ this.name = "NoAuthTokenError";
31
+ this.context = args?.context;
32
+ }
33
+ }
34
+ //# sourceMappingURL=errors.js.map