@liveblocks/react-ui 3.15.0-components1 → 3.15.0-thread2

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 (145) hide show
  1. package/dist/_private/index.cjs +7 -1
  2. package/dist/_private/index.cjs.map +1 -1
  3. package/dist/_private/index.d.cts +10 -4
  4. package/dist/_private/index.d.ts +10 -4
  5. package/dist/_private/index.js +3 -1
  6. package/dist/_private/index.js.map +1 -1
  7. package/dist/components/AiChat.cjs +10 -2
  8. package/dist/components/AiChat.cjs.map +1 -1
  9. package/dist/components/AiChat.js +10 -2
  10. package/dist/components/AiChat.js.map +1 -1
  11. package/dist/components/Comment.cjs +277 -232
  12. package/dist/components/Comment.cjs.map +1 -1
  13. package/dist/components/Comment.js +263 -237
  14. package/dist/components/Comment.js.map +1 -1
  15. package/dist/components/Composer.cjs +4 -2
  16. package/dist/components/Composer.cjs.map +1 -1
  17. package/dist/components/Composer.js +5 -3
  18. package/dist/components/Composer.js.map +1 -1
  19. package/dist/components/InboxNotification.cjs +6 -4
  20. package/dist/components/InboxNotification.cjs.map +1 -1
  21. package/dist/components/InboxNotification.js +7 -5
  22. package/dist/components/InboxNotification.js.map +1 -1
  23. package/dist/components/Thread.cjs +71 -45
  24. package/dist/components/Thread.cjs.map +1 -1
  25. package/dist/components/Thread.js +56 -49
  26. package/dist/components/Thread.js.map +1 -1
  27. package/dist/components/internal/AiComposer.cjs +2 -1
  28. package/dist/components/internal/AiComposer.cjs.map +1 -1
  29. package/dist/components/internal/AiComposer.js +2 -1
  30. package/dist/components/internal/AiComposer.js.map +1 -1
  31. package/dist/components/internal/CodeBlock.cjs +2 -1
  32. package/dist/components/internal/CodeBlock.cjs.map +1 -1
  33. package/dist/components/internal/CodeBlock.js +2 -1
  34. package/dist/components/internal/CodeBlock.js.map +1 -1
  35. package/dist/components/internal/Dropdown.cjs +28 -7
  36. package/dist/components/internal/Dropdown.cjs.map +1 -1
  37. package/dist/components/internal/Dropdown.js +7 -7
  38. package/dist/components/internal/Dropdown.js.map +1 -1
  39. package/dist/components/internal/EmojiPicker.cjs +27 -6
  40. package/dist/components/internal/EmojiPicker.cjs.map +1 -1
  41. package/dist/components/internal/EmojiPicker.js +6 -6
  42. package/dist/components/internal/EmojiPicker.js.map +1 -1
  43. package/dist/components/internal/List.cjs +2 -2
  44. package/dist/components/internal/List.cjs.map +1 -1
  45. package/dist/components/internal/List.js +2 -2
  46. package/dist/components/internal/List.js.map +1 -1
  47. package/dist/components/internal/Tooltip.cjs +28 -7
  48. package/dist/components/internal/Tooltip.cjs.map +1 -1
  49. package/dist/components/internal/Tooltip.js +7 -7
  50. package/dist/components/internal/Tooltip.js.map +1 -1
  51. package/dist/index.cjs +0 -12
  52. package/dist/index.cjs.map +1 -1
  53. package/dist/index.d.cts +197 -213
  54. package/dist/index.d.ts +197 -213
  55. package/dist/index.js +0 -6
  56. package/dist/index.js.map +1 -1
  57. package/dist/primitives/AiComposer/index.cjs +4 -5
  58. package/dist/primitives/AiComposer/index.cjs.map +1 -1
  59. package/dist/primitives/AiComposer/index.js +4 -5
  60. package/dist/primitives/AiComposer/index.js.map +1 -1
  61. package/dist/primitives/AiMessage/index.cjs +2 -2
  62. package/dist/primitives/AiMessage/index.cjs.map +1 -1
  63. package/dist/primitives/AiMessage/index.js +2 -2
  64. package/dist/primitives/AiMessage/index.js.map +1 -1
  65. package/dist/primitives/Collapsible/index.cjs +4 -4
  66. package/dist/primitives/Collapsible/index.cjs.map +1 -1
  67. package/dist/primitives/Collapsible/index.js +4 -4
  68. package/dist/primitives/Collapsible/index.js.map +1 -1
  69. package/dist/primitives/Comment/index.cjs +4 -4
  70. package/dist/primitives/Comment/index.cjs.map +1 -1
  71. package/dist/primitives/Comment/index.js +4 -4
  72. package/dist/primitives/Comment/index.js.map +1 -1
  73. package/dist/primitives/Composer/index.cjs +35 -23
  74. package/dist/primitives/Composer/index.cjs.map +1 -1
  75. package/dist/primitives/Composer/index.js +16 -23
  76. package/dist/primitives/Composer/index.js.map +1 -1
  77. package/dist/primitives/Duration.cjs +2 -2
  78. package/dist/primitives/Duration.cjs.map +1 -1
  79. package/dist/primitives/Duration.js +2 -2
  80. package/dist/primitives/Duration.js.map +1 -1
  81. package/dist/primitives/FileSize.cjs +2 -2
  82. package/dist/primitives/FileSize.cjs.map +1 -1
  83. package/dist/primitives/FileSize.js +2 -2
  84. package/dist/primitives/FileSize.js.map +1 -1
  85. package/dist/primitives/Markdown.cjs +2 -2
  86. package/dist/primitives/Markdown.cjs.map +1 -1
  87. package/dist/primitives/Markdown.js +2 -2
  88. package/dist/primitives/Markdown.js.map +1 -1
  89. package/dist/primitives/Timestamp.cjs +2 -2
  90. package/dist/primitives/Timestamp.cjs.map +1 -1
  91. package/dist/primitives/Timestamp.js +2 -2
  92. package/dist/primitives/Timestamp.js.map +1 -1
  93. package/dist/utils/Portal.cjs +2 -2
  94. package/dist/utils/Portal.cjs.map +1 -1
  95. package/dist/utils/Portal.js +2 -2
  96. package/dist/utils/Portal.js.map +1 -1
  97. package/dist/utils/use-stable-component.cjs +32 -0
  98. package/dist/utils/use-stable-component.cjs.map +1 -0
  99. package/dist/utils/use-stable-component.js +30 -0
  100. package/dist/utils/use-stable-component.js.map +1 -0
  101. package/dist/version.cjs +1 -1
  102. package/dist/version.cjs.map +1 -1
  103. package/dist/version.js +1 -1
  104. package/dist/version.js.map +1 -1
  105. package/package.json +10 -6
  106. package/src/styles/dark/index.css +1 -1
  107. package/src/styles/index.css +4 -252
  108. package/styles/dark/attributes.css +1 -1
  109. package/styles/dark/attributes.css.map +1 -1
  110. package/styles/dark/media-query.css +1 -1
  111. package/styles/dark/media-query.css.map +1 -1
  112. package/styles.css +1 -1
  113. package/styles.css.map +1 -1
  114. package/dist/components/AvatarStack.cjs +0 -115
  115. package/dist/components/AvatarStack.cjs.map +0 -1
  116. package/dist/components/AvatarStack.js +0 -113
  117. package/dist/components/AvatarStack.js.map +0 -1
  118. package/dist/components/CommentPin.cjs +0 -27
  119. package/dist/components/CommentPin.cjs.map +0 -1
  120. package/dist/components/CommentPin.js +0 -25
  121. package/dist/components/CommentPin.js.map +0 -1
  122. package/dist/components/Cursor.cjs +0 -40
  123. package/dist/components/Cursor.cjs.map +0 -1
  124. package/dist/components/Cursor.js +0 -38
  125. package/dist/components/Cursor.js.map +0 -1
  126. package/dist/components/Cursors.cjs +0 -252
  127. package/dist/components/Cursors.cjs.map +0 -1
  128. package/dist/components/Cursors.js +0 -250
  129. package/dist/components/Cursors.js.map +0 -1
  130. package/dist/components/FloatingComposer.cjs +0 -82
  131. package/dist/components/FloatingComposer.cjs.map +0 -1
  132. package/dist/components/FloatingComposer.js +0 -80
  133. package/dist/components/FloatingComposer.js.map +0 -1
  134. package/dist/components/FloatingThread.cjs +0 -82
  135. package/dist/components/FloatingThread.cjs.map +0 -1
  136. package/dist/components/FloatingThread.js +0 -80
  137. package/dist/components/FloatingThread.js.map +0 -1
  138. package/dist/utils/animation-loop.cjs +0 -44
  139. package/dist/utils/animation-loop.cjs.map +0 -1
  140. package/dist/utils/animation-loop.js +0 -42
  141. package/dist/utils/animation-loop.js.map +0 -1
  142. package/dist/utils/use-pre-resolve-user.cjs +0 -18
  143. package/dist/utils/use-pre-resolve-user.cjs.map +0 -1
  144. package/dist/utils/use-pre-resolve-user.js +0 -16
  145. package/dist/utils/use-pre-resolve-user.js.map +0 -1
@@ -1,44 +0,0 @@
1
- 'use strict';
2
-
3
- const MAX_DELTA_TIME = 0.05;
4
- function makeAnimationLoop() {
5
- const items = /* @__PURE__ */ new Set();
6
- let animationFrame = null;
7
- let lastTime = 0;
8
- function tick(currentTime) {
9
- const deltaTime = Math.min((currentTime - lastTime) / 1e3, MAX_DELTA_TIME);
10
- lastTime = currentTime;
11
- for (const item of items) {
12
- item.step(deltaTime);
13
- }
14
- for (const item of items) {
15
- if (!item.active) {
16
- items.delete(item);
17
- }
18
- }
19
- if (items.size > 0) {
20
- animationFrame = requestAnimationFrame(tick);
21
- } else {
22
- animationFrame = null;
23
- }
24
- }
25
- return {
26
- add(item) {
27
- items.add(item);
28
- if (animationFrame === null) {
29
- lastTime = performance.now();
30
- animationFrame = requestAnimationFrame(tick);
31
- }
32
- },
33
- remove(item) {
34
- items.delete(item);
35
- if (items.size === 0 && animationFrame !== null) {
36
- cancelAnimationFrame(animationFrame);
37
- animationFrame = null;
38
- }
39
- }
40
- };
41
- }
42
-
43
- exports.makeAnimationLoop = makeAnimationLoop;
44
- //# sourceMappingURL=animation-loop.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"animation-loop.cjs","sources":["../../src/utils/animation-loop.ts"],"sourcesContent":["const MAX_DELTA_TIME = 0.05;\n\nexport type Animatable = { active: boolean; step(deltaTime: number): void };\n\nexport function makeAnimationLoop() {\n const items = new Set<Animatable>();\n let animationFrame: number | null = null;\n let lastTime = 0;\n\n function tick(currentTime: number) {\n const deltaTime = Math.min((currentTime - lastTime) / 1000, MAX_DELTA_TIME);\n lastTime = currentTime;\n\n for (const item of items) {\n item.step(deltaTime);\n }\n\n for (const item of items) {\n if (!item.active) {\n items.delete(item);\n }\n }\n\n if (items.size > 0) {\n animationFrame = requestAnimationFrame(tick);\n } else {\n animationFrame = null;\n }\n }\n\n return {\n add(item: Animatable) {\n items.add(item);\n\n if (animationFrame === null) {\n lastTime = performance.now();\n animationFrame = requestAnimationFrame(tick);\n }\n },\n remove(item: Animatable) {\n items.delete(item);\n\n if (items.size === 0 && animationFrame !== null) {\n cancelAnimationFrame(animationFrame);\n animationFrame = null;\n }\n },\n };\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAiB,GAAA,IAAA,CAAA;AAIhB,SAAS,iBAAoB,GAAA;AAClC,EAAM,MAAA,KAAA,uBAAY,GAAgB,EAAA,CAAA;AAClC,EAAA,IAAI,cAAgC,GAAA,IAAA,CAAA;AACpC,EAAA,IAAI,QAAW,GAAA,CAAA,CAAA;AAEf,EAAA,SAAS,KAAK,WAAqB,EAAA;AACjC,IAAA,MAAM,YAAY,IAAK,CAAA,GAAA,CAAA,CAAK,WAAc,GAAA,QAAA,IAAY,KAAM,cAAc,CAAA,CAAA;AAC1E,IAAW,QAAA,GAAA,WAAA,CAAA;AAEX,IAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,MAAA,IAAA,CAAK,KAAK,SAAS,CAAA,CAAA;AAAA,KACrB;AAEA,IAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,MAAI,IAAA,CAAC,KAAK,MAAQ,EAAA;AAChB,QAAA,KAAA,CAAM,OAAO,IAAI,CAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAEA,IAAI,IAAA,KAAA,CAAM,OAAO,CAAG,EAAA;AAClB,MAAA,cAAA,GAAiB,sBAAsB,IAAI,CAAA,CAAA;AAAA,KACtC,MAAA;AACL,MAAiB,cAAA,GAAA,IAAA,CAAA;AAAA,KACnB;AAAA,GACF;AAEA,EAAO,OAAA;AAAA,IACL,IAAI,IAAkB,EAAA;AACpB,MAAA,KAAA,CAAM,IAAI,IAAI,CAAA,CAAA;AAEd,MAAA,IAAI,mBAAmB,IAAM,EAAA;AAC3B,QAAA,QAAA,GAAW,YAAY,GAAI,EAAA,CAAA;AAC3B,QAAA,cAAA,GAAiB,sBAAsB,IAAI,CAAA,CAAA;AAAA,OAC7C;AAAA,KACF;AAAA,IACA,OAAO,IAAkB,EAAA;AACvB,MAAA,KAAA,CAAM,OAAO,IAAI,CAAA,CAAA;AAEjB,MAAA,IAAI,KAAM,CAAA,IAAA,KAAS,CAAK,IAAA,cAAA,KAAmB,IAAM,EAAA;AAC/C,QAAA,oBAAA,CAAqB,cAAc,CAAA,CAAA;AACnC,QAAiB,cAAA,GAAA,IAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}
@@ -1,42 +0,0 @@
1
- const MAX_DELTA_TIME = 0.05;
2
- function makeAnimationLoop() {
3
- const items = /* @__PURE__ */ new Set();
4
- let animationFrame = null;
5
- let lastTime = 0;
6
- function tick(currentTime) {
7
- const deltaTime = Math.min((currentTime - lastTime) / 1e3, MAX_DELTA_TIME);
8
- lastTime = currentTime;
9
- for (const item of items) {
10
- item.step(deltaTime);
11
- }
12
- for (const item of items) {
13
- if (!item.active) {
14
- items.delete(item);
15
- }
16
- }
17
- if (items.size > 0) {
18
- animationFrame = requestAnimationFrame(tick);
19
- } else {
20
- animationFrame = null;
21
- }
22
- }
23
- return {
24
- add(item) {
25
- items.add(item);
26
- if (animationFrame === null) {
27
- lastTime = performance.now();
28
- animationFrame = requestAnimationFrame(tick);
29
- }
30
- },
31
- remove(item) {
32
- items.delete(item);
33
- if (items.size === 0 && animationFrame !== null) {
34
- cancelAnimationFrame(animationFrame);
35
- animationFrame = null;
36
- }
37
- }
38
- };
39
- }
40
-
41
- export { makeAnimationLoop };
42
- //# sourceMappingURL=animation-loop.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"animation-loop.js","sources":["../../src/utils/animation-loop.ts"],"sourcesContent":["const MAX_DELTA_TIME = 0.05;\n\nexport type Animatable = { active: boolean; step(deltaTime: number): void };\n\nexport function makeAnimationLoop() {\n const items = new Set<Animatable>();\n let animationFrame: number | null = null;\n let lastTime = 0;\n\n function tick(currentTime: number) {\n const deltaTime = Math.min((currentTime - lastTime) / 1000, MAX_DELTA_TIME);\n lastTime = currentTime;\n\n for (const item of items) {\n item.step(deltaTime);\n }\n\n for (const item of items) {\n if (!item.active) {\n items.delete(item);\n }\n }\n\n if (items.size > 0) {\n animationFrame = requestAnimationFrame(tick);\n } else {\n animationFrame = null;\n }\n }\n\n return {\n add(item: Animatable) {\n items.add(item);\n\n if (animationFrame === null) {\n lastTime = performance.now();\n animationFrame = requestAnimationFrame(tick);\n }\n },\n remove(item: Animatable) {\n items.delete(item);\n\n if (items.size === 0 && animationFrame !== null) {\n cancelAnimationFrame(animationFrame);\n animationFrame = null;\n }\n },\n };\n}\n"],"names":[],"mappings":"AAAA,MAAM,cAAiB,GAAA,IAAA,CAAA;AAIhB,SAAS,iBAAoB,GAAA;AAClC,EAAM,MAAA,KAAA,uBAAY,GAAgB,EAAA,CAAA;AAClC,EAAA,IAAI,cAAgC,GAAA,IAAA,CAAA;AACpC,EAAA,IAAI,QAAW,GAAA,CAAA,CAAA;AAEf,EAAA,SAAS,KAAK,WAAqB,EAAA;AACjC,IAAA,MAAM,YAAY,IAAK,CAAA,GAAA,CAAA,CAAK,WAAc,GAAA,QAAA,IAAY,KAAM,cAAc,CAAA,CAAA;AAC1E,IAAW,QAAA,GAAA,WAAA,CAAA;AAEX,IAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,MAAA,IAAA,CAAK,KAAK,SAAS,CAAA,CAAA;AAAA,KACrB;AAEA,IAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,MAAI,IAAA,CAAC,KAAK,MAAQ,EAAA;AAChB,QAAA,KAAA,CAAM,OAAO,IAAI,CAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAEA,IAAI,IAAA,KAAA,CAAM,OAAO,CAAG,EAAA;AAClB,MAAA,cAAA,GAAiB,sBAAsB,IAAI,CAAA,CAAA;AAAA,KACtC,MAAA;AACL,MAAiB,cAAA,GAAA,IAAA,CAAA;AAAA,KACnB;AAAA,GACF;AAEA,EAAO,OAAA;AAAA,IACL,IAAI,IAAkB,EAAA;AACpB,MAAA,KAAA,CAAM,IAAI,IAAI,CAAA,CAAA;AAEd,MAAA,IAAI,mBAAmB,IAAM,EAAA;AAC3B,QAAA,QAAA,GAAW,YAAY,GAAI,EAAA,CAAA;AAC3B,QAAA,cAAA,GAAiB,sBAAsB,IAAI,CAAA,CAAA;AAAA,OAC7C;AAAA,KACF;AAAA,IACA,OAAO,IAAkB,EAAA;AACvB,MAAA,KAAA,CAAM,OAAO,IAAI,CAAA,CAAA;AAEjB,MAAA,IAAI,KAAM,CAAA,IAAA,KAAS,CAAK,IAAA,cAAA,KAAmB,IAAM,EAAA;AAC/C,QAAA,oBAAA,CAAqB,cAAc,CAAA,CAAA;AACnC,QAAiB,cAAA,GAAA,IAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}
@@ -1,18 +0,0 @@
1
- 'use strict';
2
-
3
- var core = require('@liveblocks/core');
4
- var react = require('@liveblocks/react');
5
- var react$1 = require('react');
6
-
7
- function usePreResolveUser() {
8
- const client = react.useClient();
9
- return react$1.useCallback(
10
- (userId) => {
11
- void client[core.kInternal].usersStore.enqueue(userId);
12
- },
13
- [client]
14
- );
15
- }
16
-
17
- exports.usePreResolveUser = usePreResolveUser;
18
- //# sourceMappingURL=use-pre-resolve-user.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-pre-resolve-user.cjs","sources":["../../src/utils/use-pre-resolve-user.ts"],"sourcesContent":["import { kInternal } from \"@liveblocks/core\";\nimport { useClient } from \"@liveblocks/react\";\nimport { useCallback } from \"react\";\n\n/**\n * Returns a function that resolves a user ID ahead of time to\n * make subsequent calls to `useUser` cached. This is useful for\n * known scenarios like resolving the current user's info\n * before they post a comment.\n *\n * This function is a no-op if the user ID is already resolved.\n */\nexport function usePreResolveUser() {\n const client = useClient();\n\n return useCallback(\n (userId: string) => {\n void client[kInternal].usersStore.enqueue(userId);\n },\n [client]\n );\n}\n"],"names":["useClient","useCallback","kInternal"],"mappings":";;;;;;AAYO,SAAS,iBAAoB,GAAA;AAClC,EAAA,MAAM,SAASA,eAAU,EAAA,CAAA;AAEzB,EAAO,OAAAC,mBAAA;AAAA,IACL,CAAC,MAAmB,KAAA;AAClB,MAAA,KAAK,MAAO,CAAAC,cAAS,CAAE,CAAA,UAAA,CAAW,QAAQ,MAAM,CAAA,CAAA;AAAA,KAClD;AAAA,IACA,CAAC,MAAM,CAAA;AAAA,GACT,CAAA;AACF;;;;"}
@@ -1,16 +0,0 @@
1
- import { kInternal } from '@liveblocks/core';
2
- import { useClient } from '@liveblocks/react';
3
- import { useCallback } from 'react';
4
-
5
- function usePreResolveUser() {
6
- const client = useClient();
7
- return useCallback(
8
- (userId) => {
9
- void client[kInternal].usersStore.enqueue(userId);
10
- },
11
- [client]
12
- );
13
- }
14
-
15
- export { usePreResolveUser };
16
- //# sourceMappingURL=use-pre-resolve-user.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-pre-resolve-user.js","sources":["../../src/utils/use-pre-resolve-user.ts"],"sourcesContent":["import { kInternal } from \"@liveblocks/core\";\nimport { useClient } from \"@liveblocks/react\";\nimport { useCallback } from \"react\";\n\n/**\n * Returns a function that resolves a user ID ahead of time to\n * make subsequent calls to `useUser` cached. This is useful for\n * known scenarios like resolving the current user's info\n * before they post a comment.\n *\n * This function is a no-op if the user ID is already resolved.\n */\nexport function usePreResolveUser() {\n const client = useClient();\n\n return useCallback(\n (userId: string) => {\n void client[kInternal].usersStore.enqueue(userId);\n },\n [client]\n );\n}\n"],"names":[],"mappings":";;;;AAYO,SAAS,iBAAoB,GAAA;AAClC,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAO,OAAA,WAAA;AAAA,IACL,CAAC,MAAmB,KAAA;AAClB,MAAA,KAAK,MAAO,CAAA,SAAS,CAAE,CAAA,UAAA,CAAW,QAAQ,MAAM,CAAA,CAAA;AAAA,KAClD;AAAA,IACA,CAAC,MAAM,CAAA;AAAA,GACT,CAAA;AACF;;;;"}