@sanity/sdk-react 0.0.0-alpha.18 → 0.0.0-alpha.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 (113) hide show
  1. package/README.md +54 -111
  2. package/dist/_chunks-es/useLogOut.js +24 -53
  3. package/dist/_chunks-es/useLogOut.js.map +1 -1
  4. package/dist/assets/bundle-CcAyERuZ.css +11 -0
  5. package/dist/components.d.ts +172 -69
  6. package/dist/components.js +277 -197
  7. package/dist/components.js.map +1 -1
  8. package/dist/hooks.d.ts +49 -4307
  9. package/dist/hooks.js +67 -646
  10. package/dist/hooks.js.map +1 -1
  11. package/dist/index.d.ts +3 -3
  12. package/dist/index.js +2 -10
  13. package/dist/index.js.map +1 -1
  14. package/package.json +42 -36
  15. package/src/_exports/components.ts +13 -3
  16. package/src/_exports/hooks.ts +2 -45
  17. package/src/_exports/index.ts +10 -1
  18. package/src/components/DocumentGridLayout/DocumentGridLayout.stories.tsx +113 -0
  19. package/src/components/DocumentGridLayout/DocumentGridLayout.test.tsx +42 -0
  20. package/src/components/DocumentGridLayout/DocumentGridLayout.tsx +21 -0
  21. package/src/components/DocumentListLayout/DocumentListLayout.stories.tsx +105 -0
  22. package/src/components/DocumentListLayout/DocumentListLayout.test.tsx +42 -0
  23. package/src/components/DocumentListLayout/DocumentListLayout.tsx +12 -0
  24. package/src/components/DocumentPreviewLayout/DocumentPreviewLayout.md +49 -0
  25. package/src/components/DocumentPreviewLayout/DocumentPreviewLayout.stories.tsx +39 -0
  26. package/src/components/DocumentPreviewLayout/DocumentPreviewLayout.test.tsx +30 -0
  27. package/src/components/DocumentPreviewLayout/DocumentPreviewLayout.tsx +171 -0
  28. package/src/components/Login/LoginLinks.test.tsx +12 -3
  29. package/src/components/Login/LoginLinks.tsx +29 -14
  30. package/src/components/auth/AuthBoundary.test.tsx +17 -4
  31. package/src/components/auth/AuthBoundary.tsx +4 -20
  32. package/src/components/auth/Login.test.tsx +16 -2
  33. package/src/components/auth/Login.tsx +30 -11
  34. package/src/components/auth/LoginCallback.test.tsx +17 -2
  35. package/src/components/auth/LoginCallback.tsx +10 -5
  36. package/src/components/auth/LoginError.test.tsx +17 -2
  37. package/src/components/auth/LoginError.tsx +16 -11
  38. package/src/components/auth/LoginFooter.test.tsx +16 -2
  39. package/src/components/auth/LoginFooter.tsx +24 -8
  40. package/src/components/auth/LoginLayout.test.tsx +16 -2
  41. package/src/components/auth/LoginLayout.tsx +38 -8
  42. package/src/{context → components/context}/SanityProvider.test.tsx +2 -2
  43. package/src/components/context/SanityProvider.tsx +42 -0
  44. package/src/css/css.config.js +220 -0
  45. package/src/css/paramour.css +2347 -0
  46. package/src/css/styles.css +11 -0
  47. package/src/hooks/auth/useAuthState.tsx +5 -4
  48. package/src/hooks/auth/useAuthToken.tsx +1 -1
  49. package/src/hooks/auth/useCurrentUser.tsx +4 -27
  50. package/src/hooks/auth/useHandleCallback.tsx +0 -1
  51. package/src/hooks/auth/useLogOut.tsx +1 -1
  52. package/src/hooks/auth/useLoginUrls.tsx +0 -1
  53. package/src/hooks/client/useClient.test.tsx +130 -0
  54. package/src/hooks/client/useClient.ts +30 -8
  55. package/src/hooks/context/useSanityInstance.test.tsx +2 -2
  56. package/src/hooks/context/useSanityInstance.ts +8 -24
  57. package/src/hooks/documentCollection/useDocuments.test.ts +130 -0
  58. package/src/hooks/documentCollection/useDocuments.ts +87 -0
  59. package/src/hooks/helpers/createCallbackHook.tsx +2 -3
  60. package/src/hooks/helpers/createStateSourceHook.test.tsx +0 -66
  61. package/src/hooks/helpers/createStateSourceHook.tsx +10 -29
  62. package/src/hooks/preview/usePreview.test.tsx +10 -19
  63. package/src/hooks/preview/usePreview.tsx +13 -67
  64. package/dist/_chunks-es/SanityInstanceContext.js +0 -6
  65. package/dist/_chunks-es/SanityInstanceContext.js.map +0 -1
  66. package/dist/context.d.ts +0 -47
  67. package/dist/context.js +0 -15
  68. package/dist/context.js.map +0 -1
  69. package/src/_exports/context.ts +0 -2
  70. package/src/components/SDKProvider.test.tsx +0 -79
  71. package/src/components/SDKProvider.tsx +0 -42
  72. package/src/components/SanityApp.test.tsx +0 -156
  73. package/src/components/SanityApp.tsx +0 -90
  74. package/src/components/auth/authTestHelpers.tsx +0 -11
  75. package/src/components/utils.ts +0 -22
  76. package/src/context/SanityInstanceContext.ts +0 -4
  77. package/src/context/SanityProvider.tsx +0 -50
  78. package/src/hooks/_synchronous-groq-js.mjs +0 -4
  79. package/src/hooks/comlink/useFrameConnection.test.tsx +0 -157
  80. package/src/hooks/comlink/useFrameConnection.ts +0 -130
  81. package/src/hooks/comlink/useManageFavorite.test.ts +0 -106
  82. package/src/hooks/comlink/useManageFavorite.ts +0 -98
  83. package/src/hooks/comlink/useRecordDocumentHistoryEvent.test.ts +0 -77
  84. package/src/hooks/comlink/useRecordDocumentHistoryEvent.ts +0 -75
  85. package/src/hooks/comlink/useWindowConnection.test.ts +0 -125
  86. package/src/hooks/comlink/useWindowConnection.ts +0 -94
  87. package/src/hooks/datasets/useDatasets.ts +0 -37
  88. package/src/hooks/document/useApplyActions.test.ts +0 -25
  89. package/src/hooks/document/useApplyActions.ts +0 -74
  90. package/src/hooks/document/useDocument.test.ts +0 -81
  91. package/src/hooks/document/useDocument.ts +0 -107
  92. package/src/hooks/document/useDocumentEvent.test.ts +0 -63
  93. package/src/hooks/document/useDocumentEvent.ts +0 -54
  94. package/src/hooks/document/useDocumentSyncStatus.test.ts +0 -16
  95. package/src/hooks/document/useDocumentSyncStatus.ts +0 -30
  96. package/src/hooks/document/useEditDocument.test.ts +0 -179
  97. package/src/hooks/document/useEditDocument.ts +0 -195
  98. package/src/hooks/document/usePermissions.ts +0 -82
  99. package/src/hooks/infiniteList/useInfiniteList.test.tsx +0 -152
  100. package/src/hooks/infiniteList/useInfiniteList.ts +0 -174
  101. package/src/hooks/paginatedList/usePaginatedList.test.tsx +0 -259
  102. package/src/hooks/paginatedList/usePaginatedList.ts +0 -290
  103. package/src/hooks/projection/useProjection.test.tsx +0 -218
  104. package/src/hooks/projection/useProjection.ts +0 -135
  105. package/src/hooks/projects/useProject.ts +0 -45
  106. package/src/hooks/projects/useProjects.ts +0 -41
  107. package/src/hooks/query/useQuery.test.tsx +0 -188
  108. package/src/hooks/query/useQuery.ts +0 -103
  109. package/src/hooks/users/useUsers.test.ts +0 -163
  110. package/src/hooks/users/useUsers.ts +0 -107
  111. package/src/utils/getEnv.ts +0 -21
  112. package/src/version.ts +0 -8
  113. package/src/vite-env.d.ts +0 -10
package/src/css/css.config.js ADDED
@@ -0,0 +1,220 @@
1
+ export default {
2
+ color: {
3
+ spots: {
4
+ 'tint-0': 'hsla(0, 0%, 100%, 0.035)',
5
+ 'tint-1': 'hsla(0, 0%, 100%, 0.1)',
6
+ 'tint-2': 'hsla(0, 0%, 100%, 0.19)',
7
+ 'tint-3': 'hsla(0, 0%, 100%, 0.28)',
8
+ 'tint-4': 'hsla(0, 0%, 100%, 0.36)',
9
+ 'tint-5': 'hsla(0, 0%, 100%, 0.45)',
10
+ 'tint-6': 'hsla(0, 0%, 100%, 0.55)',
11
+ 'tint-7': 'hsla(0, 0%, 100%, 0.64)',
12
+ 'tint-8': 'hsla(0, 0%, 100%, 0.73)',
13
+ 'tint-9': 'hsla(0, 0%, 100%, 0.815)',
14
+ 'tint-10': 'hsla(0, 0%, 100%, 0.895)',
15
+ 'tint-11': 'hsla(0, 0%, 100%, 0.94)',
16
+
17
+ 'shade-0': 'hsla(0, 0%, 0%, 0.94)',
18
+ 'shade-1': 'hsla(0, 0%, 0%, 0.899)',
19
+ 'shade-2': 'hsla(0, 0%, 0%, 0.8)',
20
+ 'shade-3': 'hsla(0, 0%, 0%, 0.69)',
21
+ 'shade-4': 'hsla(0, 0%, 0%, 0.6)',
22
+ 'shade-5': 'hsla(0, 0%, 0%, 0.5)',
23
+ 'shade-6': 'hsla(0, 0%, 0%, 0.41)',
24
+ 'shade-7': 'hsla(0, 0%, 0%, 0.32)',
25
+ 'shade-8': 'hsla(0, 0%, 0%, 0.24)',
26
+ 'shade-9': 'hsla(0, 0%, 0%, 0.16)',
27
+ 'shade-10': 'hsla(0, 0%, 0%, 0.07)',
28
+ 'shade-11': 'hsla(0, 0%, 0%, 0.035)',
29
+
30
+ 'gray-0': '#000000',
31
+ 'gray-1': '#1a1a1a',
32
+ 'gray-2': '#353535',
33
+ 'gray-3': '#4e4e4e',
34
+ 'gray-4': '#686868',
35
+ 'gray-5': '#808080',
36
+ 'gray-6': '#979797',
37
+ 'gray-7': '#adadad',
38
+ 'gray-8': '#c2c2c2',
39
+ 'gray-9': '#d7d7d7',
40
+ 'gray-10': '#ebebeb',
41
+ 'gray-11': '#ffffff',
42
+
43
+ 'slate-gray-0': '#0c0c0e',
44
+ 'slate-gray-1': '#26262c',
45
+ 'slate-gray-2': '#403f49',
46
+ 'slate-gray-3': '#595865',
47
+ 'slate-gray-4': '#71707f',
48
+ 'slate-gray-5': '#878697',
49
+ 'slate-gray-6': '#9d9cad',
50
+ 'slate-gray-7': '#b1b0c0',
51
+ 'slate-gray-8': '#c4c4d0',
52
+ 'slate-gray-9': '#d7d6e0',
53
+ 'slate-gray-10': '#e8e8ee',
54
+ 'slate-gray-11': '#fafafb',
55
+
56
+ 'blue-0': '#060c16',
57
+ 'blue-1': '#122443',
58
+ 'blue-2': '#1f3c6f',
59
+ 'blue-3': '#2e5397',
60
+ 'blue-4': '#3e6aba',
61
+ 'blue-5': '#5180d7',
62
+ 'blue-6': '#6696ec',
63
+ 'blue-7': '#7faaf9',
64
+ 'blue-8': '#99beff',
65
+ 'blue-9': '#b6d2ff',
66
+ 'blue-10': '#d4e4ff',
67
+ 'blue-11': '#f2f7ff',
68
+
69
+ 'indigo-0': '#0d0a18',
70
+ 'indigo-1': '#271f4b',
71
+ 'indigo-2': '#41337b',
72
+ 'indigo-3': '#5b48a6',
73
+ 'indigo-4': '#735dcc',
74
+ 'indigo-5': '#8a72ea',
75
+ 'indigo-6': '#a088ff',
76
+ 'indigo-7': '#b39eff',
77
+ 'indigo-8': '#c6b3ff',
78
+ 'indigo-9': '#d7c9ff',
79
+ 'indigo-10': '#e8e0ff',
80
+ 'indigo-11': '#f8f6ff',
81
+
82
+ 'violet-0': '#160a1b',
83
+ 'violet-1': '#3b1a47',
84
+ 'violet-2': '#5e2a72',
85
+ 'violet-3': '#7f3c98',
86
+ 'violet-4': '#9d4eba',
87
+ 'violet-5': '#b662d6',
88
+ 'violet-6': '#cb77eb',
89
+ 'violet-7': '#db8ef8',
90
+ 'violet-8': '#e7a6ff',
91
+ 'violet-9': '#f0c0ff',
92
+ 'violet-10': '#f7daff',
93
+ 'violet-11': '#fdf4ff',
94
+
95
+ 'magenta-0': '#130811',
96
+ 'magenta-1': '#381831',
97
+ 'magenta-2': '#5c2850',
98
+ 'magenta-3': '#803870',
99
+ 'magenta-4': '#a4488f',
100
+ 'magenta-5': '#c858af',
101
+ 'magenta-6': '#db6ec3',
102
+ 'magenta-7': '#e289ce',
103
+ 'magenta-8': '#e8a4d9',
104
+ 'magenta-9': '#efbfe4',
105
+ 'magenta-10': '#f6daf0',
106
+ 'magenta-11': '#fdf5fb',
107
+
108
+ 'red-0': '#130707',
109
+ 'red-1': '#3b1516',
110
+ 'red-2': '#632325',
111
+ 'red-3': '#8b3233',
112
+ 'red-4': '#b34042',
113
+ 'red-5': '#db4e51',
114
+ 'red-6': '#f06467',
115
+ 'red-7': '#f28183',
116
+ 'red-8': '#f59d9f',
117
+ 'red-9': '#f8babb',
118
+ 'red-10': '#fbd7d7',
119
+ 'red-11': '#fef3f3',
120
+
121
+ 'red-orange-0': '#120705',
122
+ 'red-orange-1': '#371410',
123
+ 'red-orange-2': '#5c221a',
124
+ 'red-orange-3': '#813025',
125
+ 'red-orange-4': '#a63e2f',
126
+ 'red-orange-5': '#cc4c3a',
127
+ 'red-orange-6': '#e06150',
128
+ 'red-orange-7': '#e67f70',
129
+ 'red-orange-8': '#eb9c91',
130
+ 'red-orange-9': '#f1b9b1',
131
+ 'red-orange-10': '#f7d6d1',
132
+ 'red-orange-11': '#fdf3f2',
133
+
134
+ 'orange-0': '#201307',
135
+ 'orange-1': '#43240f',
136
+ 'orange-2': '#693612',
137
+ 'orange-3': '#8f4812',
138
+ 'orange-4': '#b05710',
139
+ 'orange-5': '#d1660c',
140
+ 'orange-6': '#f47603',
141
+ 'orange-7': '#ff8f32',
142
+ 'orange-8': '#ffa960',
143
+ 'orange-9': '#ffc28c',
144
+ 'orange-10': '#ffdab8',
145
+ 'orange-11': '#fff2e7',
146
+
147
+ 'yellow-0': '#000000',
148
+ 'yellow-1': '#413b15',
149
+ 'yellow-2': '#655c19',
150
+ 'yellow-3': '#857a1a',
151
+ 'yellow-4': '#a1941a',
152
+ 'yellow-5': '#c0b017',
153
+ 'yellow-6': '#eedb0b',
154
+ 'yellow-7': '#feee45',
155
+ 'yellow-8': '#fdf377',
156
+ 'yellow-9': '#fdf8a2',
157
+ 'yellow-10': '#fdfcca',
158
+ 'yellow-11': '#fffff1',
159
+
160
+ 'green-0': '#011409',
161
+ 'green-1': '#0a311e',
162
+ 'green-2': '#134d33',
163
+ 'green-3': '#1b6846',
164
+ 'green-4': '#238158',
165
+ 'green-5': '#2b9968',
166
+ 'green-6': '#34b379',
167
+ 'green-7': '#45dc8f',
168
+ 'green-8': '#58f19c',
169
+ 'green-9': '#9ef4c4',
170
+ 'green-10': '#c5f9dd',
171
+ 'green-11': '#effff9',
172
+
173
+ 'teal-0': '#080e0c',
174
+ 'teal-1': '#152621',
175
+ 'teal-2': '#1d3f35',
176
+ 'teal-3': '#25594a',
177
+ 'teal-4': '#2b7560',
178
+ 'teal-5': '#309178',
179
+ 'teal-6': '#48a98e',
180
+ 'teal-7': '#6eb9a1',
181
+ 'teal-8': '#90c9b6',
182
+ 'teal-9': '#b0d8ca',
183
+ 'teal-10': '#d0e8df',
184
+ 'teal-11': '#f0f8f5',
185
+
186
+ 'cyan-0': '#000000',
187
+ 'cyan-1': '#132223',
188
+ 'cyan-2': '#1b3f41',
189
+ 'cyan-3': '#205e62',
190
+ 'cyan-4': '#237f84',
191
+ 'cyan-5': '#21a2a8',
192
+ 'cyan-6': '#45bbc1',
193
+ 'cyan-7': '#74c9cd',
194
+ 'cyan-8': '#9ad6d9',
195
+ 'cyan-9': '#bde4e6',
196
+ 'cyan-10': '#def2f2',
197
+ 'cyan-11': '#ffffff',
198
+ },
199
+ },
200
+ fonts: {
201
+ sans: 'Inter, system-ui, Avenir, Helvetica, Arial, sans-serif',
202
+ },
203
+ grid: {
204
+ steps: 12,
205
+ },
206
+ spaceScale: {
207
+ steps: 6,
208
+ baseMin: 16,
209
+ baseMax: 16,
210
+ scaleMin: 'minor-third',
211
+ scaleMax: 'minor-third',
212
+ },
213
+ typeScale: {
214
+ steps: 6,
215
+ baseMin: 16,
216
+ baseMax: 16,
217
+ scaleMin: 'minor-third',
218
+ scaleMax: 'minor-third',
219
+ },
220
+ }