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

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 (138) hide show
  1. package/README.md +6 -16
  2. package/dist/_private/index.cjs +5 -1
  3. package/dist/_private/index.cjs.map +1 -1
  4. package/dist/_private/index.d.cts +4 -4
  5. package/dist/_private/index.d.ts +4 -4
  6. package/dist/_private/index.js +2 -1
  7. package/dist/_private/index.js.map +1 -1
  8. package/dist/components/Comment.cjs +28 -10
  9. package/dist/components/Comment.cjs.map +1 -1
  10. package/dist/components/Comment.js +11 -12
  11. package/dist/components/Comment.js.map +1 -1
  12. package/dist/components/Composer.cjs +4 -2
  13. package/dist/components/Composer.cjs.map +1 -1
  14. package/dist/components/Composer.js +5 -3
  15. package/dist/components/Composer.js.map +1 -1
  16. package/dist/components/InboxNotification.cjs +6 -4
  17. package/dist/components/InboxNotification.cjs.map +1 -1
  18. package/dist/components/InboxNotification.js +7 -5
  19. package/dist/components/InboxNotification.js.map +1 -1
  20. package/dist/components/Thread.cjs +26 -19
  21. package/dist/components/Thread.cjs.map +1 -1
  22. package/dist/components/Thread.js +7 -19
  23. package/dist/components/Thread.js.map +1 -1
  24. package/dist/components/internal/AiComposer.cjs +2 -1
  25. package/dist/components/internal/AiComposer.cjs.map +1 -1
  26. package/dist/components/internal/AiComposer.js +2 -1
  27. package/dist/components/internal/AiComposer.js.map +1 -1
  28. package/dist/components/internal/CodeBlock.cjs +2 -1
  29. package/dist/components/internal/CodeBlock.cjs.map +1 -1
  30. package/dist/components/internal/CodeBlock.js +2 -1
  31. package/dist/components/internal/CodeBlock.js.map +1 -1
  32. package/dist/components/internal/Dropdown.cjs +28 -7
  33. package/dist/components/internal/Dropdown.cjs.map +1 -1
  34. package/dist/components/internal/Dropdown.js +7 -7
  35. package/dist/components/internal/Dropdown.js.map +1 -1
  36. package/dist/components/internal/EmojiPicker.cjs +27 -6
  37. package/dist/components/internal/EmojiPicker.cjs.map +1 -1
  38. package/dist/components/internal/EmojiPicker.js +6 -6
  39. package/dist/components/internal/EmojiPicker.js.map +1 -1
  40. package/dist/components/internal/List.cjs +2 -2
  41. package/dist/components/internal/List.cjs.map +1 -1
  42. package/dist/components/internal/List.js +2 -2
  43. package/dist/components/internal/List.js.map +1 -1
  44. package/dist/components/internal/Tooltip.cjs +28 -7
  45. package/dist/components/internal/Tooltip.cjs.map +1 -1
  46. package/dist/components/internal/Tooltip.js +7 -7
  47. package/dist/components/internal/Tooltip.js.map +1 -1
  48. package/dist/index.cjs +0 -12
  49. package/dist/index.cjs.map +1 -1
  50. package/dist/index.d.cts +125 -214
  51. package/dist/index.d.ts +125 -214
  52. package/dist/index.js +0 -6
  53. package/dist/index.js.map +1 -1
  54. package/dist/primitives/AiComposer/index.cjs +4 -5
  55. package/dist/primitives/AiComposer/index.cjs.map +1 -1
  56. package/dist/primitives/AiComposer/index.js +4 -5
  57. package/dist/primitives/AiComposer/index.js.map +1 -1
  58. package/dist/primitives/AiMessage/index.cjs +2 -2
  59. package/dist/primitives/AiMessage/index.cjs.map +1 -1
  60. package/dist/primitives/AiMessage/index.js +2 -2
  61. package/dist/primitives/AiMessage/index.js.map +1 -1
  62. package/dist/primitives/Collapsible/index.cjs +4 -4
  63. package/dist/primitives/Collapsible/index.cjs.map +1 -1
  64. package/dist/primitives/Collapsible/index.js +4 -4
  65. package/dist/primitives/Collapsible/index.js.map +1 -1
  66. package/dist/primitives/Comment/index.cjs +4 -4
  67. package/dist/primitives/Comment/index.cjs.map +1 -1
  68. package/dist/primitives/Comment/index.js +4 -4
  69. package/dist/primitives/Comment/index.js.map +1 -1
  70. package/dist/primitives/Composer/index.cjs +35 -23
  71. package/dist/primitives/Composer/index.cjs.map +1 -1
  72. package/dist/primitives/Composer/index.js +16 -23
  73. package/dist/primitives/Composer/index.js.map +1 -1
  74. package/dist/primitives/Duration.cjs +2 -2
  75. package/dist/primitives/Duration.cjs.map +1 -1
  76. package/dist/primitives/Duration.js +2 -2
  77. package/dist/primitives/Duration.js.map +1 -1
  78. package/dist/primitives/FileSize.cjs +2 -2
  79. package/dist/primitives/FileSize.cjs.map +1 -1
  80. package/dist/primitives/FileSize.js +2 -2
  81. package/dist/primitives/FileSize.js.map +1 -1
  82. package/dist/primitives/Markdown.cjs +2 -2
  83. package/dist/primitives/Markdown.cjs.map +1 -1
  84. package/dist/primitives/Markdown.js +2 -2
  85. package/dist/primitives/Markdown.js.map +1 -1
  86. package/dist/primitives/Timestamp.cjs +2 -2
  87. package/dist/primitives/Timestamp.cjs.map +1 -1
  88. package/dist/primitives/Timestamp.js +2 -2
  89. package/dist/primitives/Timestamp.js.map +1 -1
  90. package/dist/utils/Portal.cjs +2 -2
  91. package/dist/utils/Portal.cjs.map +1 -1
  92. package/dist/utils/Portal.js +2 -2
  93. package/dist/utils/Portal.js.map +1 -1
  94. package/dist/version.cjs +1 -1
  95. package/dist/version.cjs.map +1 -1
  96. package/dist/version.js +1 -1
  97. package/dist/version.js.map +1 -1
  98. package/package.json +11 -6
  99. package/src/styles/dark/index.css +1 -1
  100. package/src/styles/index.css +4 -252
  101. package/styles/dark/attributes.css +1 -1
  102. package/styles/dark/attributes.css.map +1 -1
  103. package/styles/dark/media-query.css +1 -1
  104. package/styles/dark/media-query.css.map +1 -1
  105. package/styles.css +1 -1
  106. package/styles.css.map +1 -1
  107. package/dist/components/AvatarStack.cjs +0 -115
  108. package/dist/components/AvatarStack.cjs.map +0 -1
  109. package/dist/components/AvatarStack.js +0 -113
  110. package/dist/components/AvatarStack.js.map +0 -1
  111. package/dist/components/CommentPin.cjs +0 -27
  112. package/dist/components/CommentPin.cjs.map +0 -1
  113. package/dist/components/CommentPin.js +0 -25
  114. package/dist/components/CommentPin.js.map +0 -1
  115. package/dist/components/Cursor.cjs +0 -40
  116. package/dist/components/Cursor.cjs.map +0 -1
  117. package/dist/components/Cursor.js +0 -38
  118. package/dist/components/Cursor.js.map +0 -1
  119. package/dist/components/Cursors.cjs +0 -252
  120. package/dist/components/Cursors.cjs.map +0 -1
  121. package/dist/components/Cursors.js +0 -250
  122. package/dist/components/Cursors.js.map +0 -1
  123. package/dist/components/FloatingComposer.cjs +0 -82
  124. package/dist/components/FloatingComposer.cjs.map +0 -1
  125. package/dist/components/FloatingComposer.js +0 -80
  126. package/dist/components/FloatingComposer.js.map +0 -1
  127. package/dist/components/FloatingThread.cjs +0 -82
  128. package/dist/components/FloatingThread.cjs.map +0 -1
  129. package/dist/components/FloatingThread.js +0 -80
  130. package/dist/components/FloatingThread.js.map +0 -1
  131. package/dist/utils/animation-loop.cjs +0 -44
  132. package/dist/utils/animation-loop.cjs.map +0 -1
  133. package/dist/utils/animation-loop.js +0 -42
  134. package/dist/utils/animation-loop.js.map +0 -1
  135. package/dist/utils/use-pre-resolve-user.cjs +0 -18
  136. package/dist/utils/use-pre-resolve-user.cjs.map +0 -1
  137. package/dist/utils/use-pre-resolve-user.js +0 -16
  138. 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;;;;"}