@seamapi/react 1.6.0 → 1.7.0

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 (207) hide show
  1. package/README.md +7 -5
  2. package/dist/elements.js +25020 -0
  3. package/dist/elements.js.map +1 -0
  4. package/hooks.d.ts +1 -0
  5. package/hooks.js +2 -0
  6. package/hooks.js.map +1 -0
  7. package/index.css +6 -0
  8. package/index.css.map +1 -1
  9. package/index.min.css +1 -1
  10. package/index.min.css.map +1 -1
  11. package/lib/{sort-by.d.ts → dates.d.ts} +1 -1
  12. package/lib/{sort-by.js → dates.js} +2 -2
  13. package/lib/dates.js.map +1 -0
  14. package/lib/index.d.ts +2 -2
  15. package/lib/index.js +2 -2
  16. package/lib/index.js.map +1 -1
  17. package/lib/{SeamProvider.d.ts → seam/SeamProvider.d.ts} +9 -6
  18. package/lib/{SeamProvider.js → seam/SeamProvider.js} +29 -30
  19. package/lib/seam/SeamProvider.js.map +1 -0
  20. package/lib/seam/access-codes/use-access-codes.js +2 -2
  21. package/lib/seam/access-codes/use-access-codes.js.map +1 -1
  22. package/lib/{ui → seam/components}/AccessCodeDetails/AccessCodeDetails.js +5 -5
  23. package/lib/seam/components/AccessCodeDetails/AccessCodeDetails.js.map +1 -0
  24. package/lib/{ui → seam/components}/AccessCodeDetails/AccessCodeDevice.js +7 -7
  25. package/lib/seam/components/AccessCodeDetails/AccessCodeDevice.js.map +1 -0
  26. package/lib/seam/components/AccessCodeTable/AccessCodeTable.js +77 -0
  27. package/lib/seam/components/AccessCodeTable/AccessCodeTable.js.map +1 -0
  28. package/lib/{ui → seam/components}/AccessCodeTable/CodeDetails.js +3 -3
  29. package/lib/seam/components/AccessCodeTable/CodeDetails.js.map +1 -0
  30. package/lib/{ui → seam/components}/DeviceDetails/DeviceDetails.js +14 -14
  31. package/lib/seam/components/DeviceDetails/DeviceDetails.js.map +1 -0
  32. package/lib/seam/components/DeviceDetails/DeviceModel.js.map +1 -0
  33. package/lib/{ui → seam/components}/DeviceTable/DeviceHealthBar.d.ts +3 -2
  34. package/lib/{ui → seam/components}/DeviceTable/DeviceHealthBar.js +4 -4
  35. package/lib/seam/components/DeviceTable/DeviceHealthBar.js.map +1 -0
  36. package/lib/{ui → seam/components}/DeviceTable/DeviceRow.d.ts +1 -1
  37. package/lib/{ui → seam/components}/DeviceTable/DeviceRow.js +9 -9
  38. package/lib/seam/components/DeviceTable/DeviceRow.js.map +1 -0
  39. package/lib/{ui → seam/components}/DeviceTable/DeviceTable.d.ts +1 -1
  40. package/lib/{ui → seam/components}/DeviceTable/DeviceTable.js +11 -11
  41. package/lib/seam/components/DeviceTable/DeviceTable.js.map +1 -0
  42. package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.d.ts +20 -0
  43. package/lib/{ui → seam/components}/SupportedDeviceTable/FilterCategoryMenu.js +8 -5
  44. package/lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js.map +1 -0
  45. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.d.ts +9 -0
  46. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js +39 -0
  47. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.js.map +1 -0
  48. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.d.ts +9 -0
  49. package/lib/{ui → seam/components}/SupportedDeviceTable/SupportedDeviceFilterArea.js +33 -28
  50. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.js.map +1 -0
  51. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceHeader.d.ts +2 -0
  52. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceHeader.js +12 -0
  53. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceHeader.js.map +1 -0
  54. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.d.ts +6 -0
  55. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.js +19 -0
  56. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.js.map +1 -0
  57. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.d.ts +5 -0
  58. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.js +16 -0
  59. package/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.js.map +1 -0
  60. package/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.d.ts +7 -0
  61. package/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js +18 -0
  62. package/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js.map +1 -0
  63. package/lib/seam/components/index.js.map +1 -0
  64. package/lib/seam/device-models/use-device-models.d.ts +5 -0
  65. package/lib/seam/device-models/use-device-models.js +17 -0
  66. package/lib/seam/device-models/use-device-models.js.map +1 -0
  67. package/lib/seam/devices/use-devices.js +3 -3
  68. package/lib/seam/devices/use-devices.js.map +1 -1
  69. package/lib/seam/devices/use-toggle-lock.js +1 -1
  70. package/lib/seam/devices/use-toggle-lock.js.map +1 -1
  71. package/lib/seam/index.d.ts +1 -0
  72. package/lib/seam/index.js +1 -0
  73. package/lib/seam/index.js.map +1 -1
  74. package/lib/seam/use-seam-client.js +1 -1
  75. package/lib/seam/use-seam-client.js.map +1 -1
  76. package/lib/seam/use-seam-font.d.ts +1 -1
  77. package/lib/seam/use-seam-font.js +1 -1
  78. package/lib/seam/use-seam-font.js.map +1 -1
  79. package/lib/seam/use-seam-styles.js.map +1 -1
  80. package/lib/{capitalize.js → strings.js} +1 -1
  81. package/lib/strings.js.map +1 -0
  82. package/lib/ui/Menu/Menu.d.ts +1 -1
  83. package/lib/ui/Menu/Menu.js.map +1 -1
  84. package/lib/ui/Menu/MenuItem.d.ts +1 -1
  85. package/lib/ui/Menu/MoreActionsMenu.d.ts +1 -1
  86. package/lib/ui/Table/TableFilterBar/TableFilterBar.d.ts +2 -1
  87. package/lib/ui/Table/TableFilterBar/TableFilterItem.d.ts +2 -1
  88. package/lib/ui/TextField/SearchTextField.js.map +1 -1
  89. package/lib/{copy-to-clipboard.js → ui/clipboard.js} +1 -1
  90. package/lib/ui/clipboard.js.map +1 -0
  91. package/lib/ui/use-interval.js.map +1 -0
  92. package/lib/{use-is-date-in-past.js → ui/use-is-date-in-past.js} +1 -1
  93. package/lib/ui/use-is-date-in-past.js.map +1 -0
  94. package/lib/ui/use-toggle.js.map +1 -0
  95. package/lib/version.d.ts +2 -2
  96. package/lib/version.js +3 -1
  97. package/lib/version.js.map +1 -1
  98. package/package.json +21 -8
  99. package/src/elements.ts +27 -0
  100. package/src/hooks.ts +1 -0
  101. package/src/lib/{sort-by.ts → dates.ts} +1 -1
  102. package/src/lib/element.tsx +86 -0
  103. package/src/lib/index.ts +2 -2
  104. package/src/lib/{SeamProvider.tsx → seam/SeamProvider.tsx} +53 -46
  105. package/src/lib/seam/access-codes/use-access-codes.ts +2 -2
  106. package/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.element.ts +12 -0
  107. package/src/lib/{ui → seam/components}/AccessCodeDetails/AccessCodeDetails.tsx +4 -5
  108. package/src/lib/{ui → seam/components}/AccessCodeDetails/AccessCodeDevice.tsx +2 -2
  109. package/src/lib/seam/components/AccessCodeTable/AccessCodeTable.element.ts +12 -0
  110. package/src/lib/{ui → seam/components}/AccessCodeTable/AccessCodeTable.tsx +20 -5
  111. package/src/lib/{ui → seam/components}/AccessCodeTable/CodeDetails.tsx +2 -3
  112. package/src/lib/seam/components/DeviceDetails/DeviceDetails.element.ts +12 -0
  113. package/src/lib/{ui → seam/components}/DeviceDetails/DeviceDetails.tsx +8 -6
  114. package/src/lib/{ui → seam/components}/DeviceTable/DeviceHealthBar.tsx +1 -1
  115. package/src/lib/{ui → seam/components}/DeviceTable/DeviceRow.tsx +1 -1
  116. package/src/lib/seam/components/DeviceTable/DeviceTable.element.ts +11 -0
  117. package/src/lib/{ui → seam/components}/DeviceTable/DeviceTable.tsx +7 -7
  118. package/src/lib/{ui → seam/components}/SupportedDeviceTable/FilterCategoryMenu.tsx +26 -13
  119. package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceContent.tsx +120 -0
  120. package/src/lib/{ui → seam/components}/SupportedDeviceTable/SupportedDeviceFilterArea.tsx +43 -39
  121. package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceHeader.tsx +22 -0
  122. package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceRow.tsx +48 -0
  123. package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.element.ts +11 -0
  124. package/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceTable.tsx +40 -0
  125. package/src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts +35 -0
  126. package/src/lib/seam/components/elements.ts +5 -0
  127. package/src/lib/seam/device-models/use-device-models.ts +34 -0
  128. package/src/lib/seam/devices/use-devices.ts +3 -3
  129. package/src/lib/seam/devices/use-toggle-lock.ts +1 -2
  130. package/src/lib/seam/index.ts +1 -0
  131. package/src/lib/seam/use-seam-client.ts +1 -1
  132. package/src/lib/seam/use-seam-font.ts +5 -1
  133. package/src/lib/seam/use-seam-styles.ts +1 -1
  134. package/src/lib/ui/Menu/Menu.tsx +4 -4
  135. package/src/lib/ui/Menu/MenuItem.tsx +1 -1
  136. package/src/lib/ui/Menu/MoreActionsMenu.tsx +1 -1
  137. package/src/lib/ui/Table/TableFilterBar/TableFilterBar.tsx +2 -2
  138. package/src/lib/ui/Table/TableFilterBar/TableFilterItem.tsx +1 -1
  139. package/src/lib/ui/TextField/SearchTextField.tsx +3 -3
  140. package/src/lib/ui/clipboard.ts +3 -0
  141. package/src/lib/{use-interval.ts → ui/use-interval.ts} +1 -1
  142. package/src/lib/{use-is-date-in-past.ts → ui/use-is-date-in-past.ts} +1 -1
  143. package/src/lib/version.ts +3 -1
  144. package/src/styles/_access-code-table.scss +7 -0
  145. package/lib/SeamProvider.js.map +0 -1
  146. package/lib/capitalize.js.map +0 -1
  147. package/lib/copy-to-clipboard.js.map +0 -1
  148. package/lib/sort-by.js.map +0 -1
  149. package/lib/ui/AccessCodeDetails/AccessCodeDetails.js.map +0 -1
  150. package/lib/ui/AccessCodeDetails/AccessCodeDevice.js.map +0 -1
  151. package/lib/ui/AccessCodeTable/AccessCodeTable.js +0 -69
  152. package/lib/ui/AccessCodeTable/AccessCodeTable.js.map +0 -1
  153. package/lib/ui/AccessCodeTable/CodeDetails.js.map +0 -1
  154. package/lib/ui/DeviceDetails/DeviceDetails.js.map +0 -1
  155. package/lib/ui/DeviceDetails/DeviceModel.js.map +0 -1
  156. package/lib/ui/DeviceTable/DeviceHealthBar.js.map +0 -1
  157. package/lib/ui/DeviceTable/DeviceRow.js.map +0 -1
  158. package/lib/ui/DeviceTable/DeviceTable.js.map +0 -1
  159. package/lib/ui/SupportedDeviceTable/FilterCategoryMenu.d.ts +0 -15
  160. package/lib/ui/SupportedDeviceTable/FilterCategoryMenu.js.map +0 -1
  161. package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.d.ts +0 -4
  162. package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.js +0 -46
  163. package/lib/ui/SupportedDeviceTable/SupportedDeviceContent.js.map +0 -1
  164. package/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.d.ts +0 -11
  165. package/lib/ui/SupportedDeviceTable/SupportedDeviceFilterArea.js.map +0 -1
  166. package/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.d.ts +0 -1
  167. package/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.js +0 -5
  168. package/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.js.map +0 -1
  169. package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.d.ts +0 -5
  170. package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.js +0 -12
  171. package/lib/ui/SupportedDeviceTable/SupportedDeviceRow.js.map +0 -1
  172. package/lib/ui/SupportedDeviceTable/SupportedDeviceTable.d.ts +0 -3
  173. package/lib/ui/SupportedDeviceTable/SupportedDeviceTable.js +0 -8
  174. package/lib/ui/SupportedDeviceTable/SupportedDeviceTable.js.map +0 -1
  175. package/lib/ui/SupportedDeviceTable/types.d.ts +0 -15
  176. package/lib/ui/SupportedDeviceTable/types.js +0 -2
  177. package/lib/ui/SupportedDeviceTable/types.js.map +0 -1
  178. package/lib/ui/index.js.map +0 -1
  179. package/lib/use-interval.js.map +0 -1
  180. package/lib/use-is-date-in-past.js.map +0 -1
  181. package/lib/use-toggle.js.map +0 -1
  182. package/src/lib/copy-to-clipboard.ts +0 -3
  183. package/src/lib/ui/SupportedDeviceTable/SupportedDeviceContent.tsx +0 -135
  184. package/src/lib/ui/SupportedDeviceTable/SupportedDeviceHeader.tsx +0 -14
  185. package/src/lib/ui/SupportedDeviceTable/SupportedDeviceRow.tsx +0 -35
  186. package/src/lib/ui/SupportedDeviceTable/SupportedDeviceTable.tsx +0 -16
  187. package/src/lib/ui/SupportedDeviceTable/types.ts +0 -16
  188. /package/lib/{ui → seam/components}/AccessCodeDetails/AccessCodeDetails.d.ts +0 -0
  189. /package/lib/{ui → seam/components}/AccessCodeDetails/AccessCodeDevice.d.ts +0 -0
  190. /package/lib/{ui → seam/components}/AccessCodeTable/AccessCodeTable.d.ts +0 -0
  191. /package/lib/{ui → seam/components}/AccessCodeTable/CodeDetails.d.ts +0 -0
  192. /package/lib/{ui → seam/components}/DeviceDetails/DeviceDetails.d.ts +0 -0
  193. /package/lib/{ui → seam/components}/DeviceDetails/DeviceModel.d.ts +0 -0
  194. /package/lib/{ui → seam/components}/DeviceDetails/DeviceModel.js +0 -0
  195. /package/lib/{ui → seam/components}/index.d.ts +0 -0
  196. /package/lib/{ui → seam/components}/index.js +0 -0
  197. /package/lib/{capitalize.d.ts → strings.d.ts} +0 -0
  198. /package/lib/{copy-to-clipboard.d.ts → ui/clipboard.d.ts} +0 -0
  199. /package/lib/{use-interval.d.ts → ui/use-interval.d.ts} +0 -0
  200. /package/lib/{use-interval.js → ui/use-interval.js} +0 -0
  201. /package/lib/{use-is-date-in-past.d.ts → ui/use-is-date-in-past.d.ts} +0 -0
  202. /package/lib/{use-toggle.d.ts → ui/use-toggle.d.ts} +0 -0
  203. /package/lib/{use-toggle.js → ui/use-toggle.js} +0 -0
  204. /package/src/lib/{ui → seam/components}/DeviceDetails/DeviceModel.tsx +0 -0
  205. /package/src/lib/{ui → seam/components}/index.ts +0 -0
  206. /package/src/lib/{capitalize.ts → strings.ts} +0 -0
  207. /package/src/lib/{use-toggle.ts → ui/use-toggle.ts} +0 -0
package/README.md CHANGED
@@ -101,7 +101,7 @@ Then, load it from Google Fonts by placing the following in the `<head>` tag:
101
101
  When using the default provider settings, the components are compatible with this CSP:
102
102
 
103
103
  ```
104
- default-src 'self'; connect-src 'self' https://connect.getseam.com https://devicedb.seam.co; img-src 'self' https://connect.getseam.com https://seam.co https://www.seam.co https://devicedb.seam.co; font-src 'self' https://fonts.gstatic.com; style-src 'self' https://fonts.googleapis.com
104
+ default-src 'self'; connect-src 'self' https://connect.getseam.com; img-src 'self' https://connect.getseam.com https://seam.co https://www.seam.co; font-src 'self' https://fonts.gstatic.com; style-src 'self' https://fonts.googleapis.com
105
105
  ```
106
106
 
107
107
  #### Granular CSP
@@ -112,16 +112,15 @@ By self hosting the styles and recommended fonts (or choosing not to use them),
112
112
  and proxying the Seam API endpoint, the components are compatible with this strict CSP:
113
113
 
114
114
  ```
115
- default-src 'self'; connect-src 'self' https://connect.getseam.com; img-src 'self' https://connect.getseam.com https://seam.co https://www.seam.co https://devicedb.seam.co
115
+ default-src 'self'; img-src 'self' https://connect.getseam.com https://seam.co https://www.seam.co
116
116
  ```
117
117
 
118
- The `img-src` is required as some components display device images from the Seam API,
119
- and `connect-src` is required to use components that query the Seam Device Database.
118
+ The `img-src` is required as some components display device images from the Seam API.
120
119
 
121
120
  When using the default endpoint, extend `connect-src` with
122
121
 
123
122
  ```
124
- connect-src 'self' https://connect.getseam.com https://devicedb.seam.co
123
+ connect-src 'self' https://connect.getseam.com
125
124
  ```
126
125
 
127
126
  When serving the fonts from Google Fonts, include `font-src` and `style-src` with
@@ -227,6 +226,9 @@ Edit the seed data for the fake or find relevant ids for testing components here
227
226
  - [Storybook fake seed](./.storybook/seed-fake.js).
228
227
  - [Jest test fake seed](./test/jest/global-setup.cjs).
229
228
 
229
+ > Note that the Chromatic tests use the fake seed data on the main branch, not the Vercel Preview Deployment.
230
+ > To review UI changes with new seed data, update the seed data on the main branch first.
231
+
230
232
  ### Previews
231
233
 
232
234
  Every pull request deploys the Storybook with the examples