@liveblocks/react-ui 2.7.2 → 2.8.0-beta2

package/dist/primitives/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentType, FormEvent, PropsWithChildren } from 'react';
-import { CommentBody as CommentBody$1 } from '@liveblocks/core';
+import { CommentBody as CommentBody$1, CommentAttachment, CommentMixedAttachment } from '@liveblocks/core';
 
 declare type Direction = "ltr" | "rtl";
 declare type SlotProp = {
@@ -173,13 +173,33 @@ interface ComposerFormProps extends ComponentPropsWithSlot<"form"> {
      * The event handler called when the form is submitted.
      */
     onComposerSubmit?: (comment: ComposerSubmitComment, event: FormEvent<HTMLFormElement>) => Promise<void> | void;
+    /**
+     * Whether the composer is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The composer's initial attachments.
+     */
+    defaultAttachments?: CommentAttachment[];
+    /**
+     * Whether to create attachments when pasting files into the editor.
+     */
+    pasteFilesAsAttachments?: boolean;
 }
 declare type ComposerSubmitProps = ComponentPropsWithSlot<"button">;
+declare type ComposerAttachFilesProps = ComponentPropsWithSlot<"button">;
+interface ComposerAttachmentsDropAreaProps extends ComponentPropsWithSlot<"div"> {
+    disabled?: boolean;
+}
 interface ComposerSubmitComment {
     /**
      * The submitted comment's body.
      */
     body: CommentBody$1;
+    /**
+     * The submitted comment's uploaded attachments.
+     */
+    attachments: CommentAttachment[];
 }
 
 /**
@@ -246,9 +266,27 @@ declare const ComposerForm: React__default.ForwardRefExoticComponent<ComposerFor
  * <Composer.Submit>Send</Composer.Submit>
  */
 declare const ComposerSubmit: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * A button which opens a file picker to create attachments.
+ *
+ * @example
+ * <Composer.AttachFiles>Attach files</Composer.AttachFiles>
+ */
+declare const ComposerAttachFiles: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & SlotProp & React__default.RefAttributes<HTMLButtonElement>>;
+/**
+ * A drop area which accepts files to create attachments.
+ *
+ * @example
+ * <Composer.AttachmentsDropArea>
+ *   Drop files here
+ * </Composer.AttachmentsDropArea>
+ */
+declare const ComposerAttachmentsDropArea: React__default.ForwardRefExoticComponent<ComposerAttachmentsDropAreaProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare namespace index$1 {
   export {
+    ComposerAttachFiles as AttachFiles,
+    ComposerAttachmentsDropArea as AttachmentsDropArea,
     ComposerEditor as Editor,
     ComposerForm as Form,
     ComposerLink as Link,
@@ -261,6 +299,14 @@ declare namespace index$1 {
 }
 
 declare type ComposerContext = {
+    /**
+     * Whether the composer is currently disabled.
+     */
+    isDisabled: boolean;
+    /**
+     * Whether the composer can currently be submitted.
+     */
+    canSubmit: boolean;
     /**
      * Whether the editor is currently focused.
      */
@@ -274,7 +320,7 @@ declare type ComposerContext = {
      */
     submit: () => void;
     /**
-     * Clear the editor programmatically.
+     * Clear the composer programmatically.
      */
     clear: () => void;
     /**
@@ -297,10 +343,26 @@ declare type ComposerContext = {
      * Insert text at the current selection.
      */
     insertText: (text: string) => void;
+    /**
+     * Open a file picker programmatically to create attachments.
+     */
+    attachFiles: () => void;
+    /**
+     * The composer's current attachments.
+     */
+    attachments: CommentMixedAttachment[];
+    /**
+     * Remove an attachment by its ID.
+     */
+    removeAttachment: (attachmentId: string) => void;
 };
 declare const ComposerContext: React.Context<ComposerContext | null>;
 declare function useComposer(): ComposerContext;
 
+declare class AttachmentTooLargeError extends Error {
+    name: string;
+}
+
 declare type EmojiPickerContentLoadingProps = ComponentPropsWithoutRef<"div">;
 declare type EmojiPickerContentEmptyProps = ComponentPropsWithoutRef<"div">;
 declare type EmojiPickerContentGridProps = ComponentPropsWithoutRef<"div">;
@@ -461,6 +523,28 @@ declare namespace index {
   };
 }
 
+interface FileSizeProps extends Omit<ComponentPropsWithSlot<"span">, "children"> {
+    /**
+     * The file size to display.
+     */
+    size: number;
+    /**
+     * A function to format the displayed file size.
+     */
+    children?: (size: number, locale?: string) => ReactNode;
+    /**
+     * The locale used when formatting the file size.
+     */
+    locale?: string;
+}
+/**
+ * Displays a formatted file size.
+ *
+ * @example
+ * <FileSize size={100000} />
+ */
+declare const FileSize: React__default.ForwardRefExoticComponent<FileSizeProps & React__default.RefAttributes<HTMLSpanElement>>;
+
 interface TimestampProps extends Omit<ComponentPropsWithSlot<"time">, "children" | "title"> {
     /**
      * The date to display.
@@ -499,4 +583,4 @@ interface TimestampProps extends Omit<ComponentPropsWithSlot<"time">, "children"
  */
 declare const Timestamp: React__default.ForwardRefExoticComponent<TimestampProps & React__default.RefAttributes<HTMLTimeElement>>;
 
-export { index$2 as Comment, CommentBodyComponents, CommentBodyLinkProps, CommentBodyMentionProps, CommentBodyProps, CommentLinkProps, CommentMentionProps, index$1 as Composer, ComposerContext, ComposerEditorComponents, ComposerEditorLinkProps, ComposerEditorMentionProps, ComposerEditorMentionSuggestionsProps, ComposerEditorProps, ComposerFormProps, ComposerLinkProps, ComposerMentionProps, ComposerSubmitComment, ComposerSubmitProps, ComposerSuggestionsListItemProps, ComposerSuggestionsListProps, index as EmojiPicker, EmojiPickerContentCategoryHeaderProps, EmojiPickerContentComponents, EmojiPickerContentEmojiProps, EmojiPickerContentEmptyProps, EmojiPickerContentErrorProps, EmojiPickerContentGridProps, EmojiPickerContentLoadingProps, EmojiPickerContentProps, EmojiPickerContentRowProps, EmojiPickerRootProps, EmojiPickerSearchProps, Timestamp, TimestampProps, useComposer };
+export { AttachmentTooLargeError, index$2 as Comment, CommentBodyComponents, CommentBodyLinkProps, CommentBodyMentionProps, CommentBodyProps, CommentLinkProps, CommentMentionProps, index$1 as Composer, ComposerAttachFilesProps, ComposerAttachmentsDropAreaProps, ComposerContext, ComposerEditorComponents, ComposerEditorLinkProps, ComposerEditorMentionProps, ComposerEditorMentionSuggestionsProps, ComposerEditorProps, ComposerFormProps, ComposerLinkProps, ComposerMentionProps, ComposerSubmitComment, ComposerSubmitProps, ComposerSuggestionsListItemProps, ComposerSuggestionsListProps, index as EmojiPicker, EmojiPickerContentCategoryHeaderProps, EmojiPickerContentComponents, EmojiPickerContentEmojiProps, EmojiPickerContentEmptyProps, EmojiPickerContentErrorProps, EmojiPickerContentGridProps, EmojiPickerContentLoadingProps, EmojiPickerContentProps, EmojiPickerContentRowProps, EmojiPickerRootProps, EmojiPickerSearchProps, FileSize, FileSizeProps, Timestamp, TimestampProps, useComposer };

package/dist/primitives/index.js

@@ -3,7 +3,9 @@
 var index = require('./Comment/index.js');
 var index$1 = require('./Composer/index.js');
 var contexts = require('./Composer/contexts.js');
+var utils = require('./Composer/utils.js');
 var index$2 = require('./EmojiPicker/index.js');
+var FileSize = require('./FileSize.js');
 var Timestamp = require('./Timestamp.js');
 
 
@@ -11,6 +13,8 @@ var Timestamp = require('./Timestamp.js');
 exports.Comment = index;
 exports.Composer = index$1;
 exports.useComposer = contexts.useComposer;
+exports.AttachmentTooLargeError = utils.AttachmentTooLargeError;
 exports.EmojiPicker = index$2;
+exports.FileSize = FileSize.FileSize;
 exports.Timestamp = Timestamp.Timestamp;
 //# sourceMappingURL=index.js.map

package/dist/primitives/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/primitives/index.mjs

@@ -3,7 +3,9 @@ export { index as Comment };
 import * as index$1 from './Composer/index.mjs';
 export { index$1 as Composer };
 export { useComposer } from './Composer/contexts.mjs';
+export { AttachmentTooLargeError } from './Composer/utils.mjs';
 import * as index$2 from './EmojiPicker/index.mjs';
 export { index$2 as EmojiPicker };
+export { FileSize } from './FileSize.mjs';
 export { Timestamp } from './Timestamp.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/primitives/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/slate/plugins/{paste-html.js → paste.js}

@@ -2,6 +2,7 @@
 
 var slate = require('slate');
 var slateHyperscript = require('slate-hyperscript');
+var dataTransfer = require('../../utils/data-transfer.js');
 
 function areUrlsEqual(a, b) {
   try {
@@ -84,11 +85,21 @@ function deserialize(node) {
   }
   return children;
 }
-function withPasteHtml(editor) {
+function withPaste(editor, {
+  createAttachments,
+  pasteFilesAsAttachments
+}) {
   const { insertData } = editor;
   editor.insertData = (data) => {
-    const html = data.getData("text/html");
-    if (html) {
+    if (data.types.includes("Files") && pasteFilesAsAttachments) {
+      const files = dataTransfer.getFiles(data);
+      if (files.length > 0) {
+        createAttachments(files);
+        return;
+      }
+    }
+    if (data.types.includes("text/html")) {
+      const html = data.getData("text/html");
       const parsed = new DOMParser().parseFromString(html, "text/html");
       const fragment = deserialize(parsed.body);
       if (fragment !== null && Array.isArray(fragment)) {
@@ -101,5 +112,5 @@ function withPasteHtml(editor) {
   return editor;
 }
 
-exports.withPasteHtml = withPasteHtml;
-//# sourceMappingURL=paste-html.js.map
+exports.withPaste = withPaste;
+//# sourceMappingURL=paste.js.map

package/dist/slate/plugins/paste.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste.js","sources":["../../../src/slate/plugins/paste.ts"],"sourcesContent":["import type { Descendant, Editor, Element, Node as SlateNode } from \"slate\";\nimport { Transforms } from \"slate\";\nimport { jsx } from \"slate-hyperscript\";\n\nimport type {\n  ComposerBodyAutoLink,\n  ComposerBodyBlockElement,\n  ComposerBodyCustomLink,\n  ComposerBodyInlineElement,\n  ComposerBodyParagraph,\n  ComposerBodyText,\n} from \"../../types\";\nimport { getFiles } from \"../../utils/data-transfer\";\n\n// Based on: https://github.com/ianstormtaylor/slate/blob/main/site/examples/paste-html.tsx\n\ntype OmitTextChildren<T> = Omit<T, \"text\" | \"children\">;\n\ntype ComposerBodyElementTag = OmitTextChildren<\n  ComposerBodyBlockElement | ComposerBodyInlineElement\n>;\ntype ComposerBodyTextTag = OmitTextChildren<ComposerBodyText>;\n\ntype DeserializedNode =\n  | string\n  | null\n  | Element\n  | Descendant[]\n  | ComposerBodyText[]\n  | DeserializedNode[];\n\nfunction areUrlsEqual(a: string, b: string) {\n  try {\n    const urlA = new URL(a);\n    const urlB = new URL(b);\n\n    return urlA.origin === urlB.origin && urlA.pathname === urlB.pathname;\n  } catch {\n    return false;\n  }\n}\n\nconst createParagraphElement = (): OmitTextChildren<ComposerBodyParagraph> => ({\n  type: \"paragraph\",\n});\n\nconst ELEMENT_TAGS = {\n  A: (\n    element\n  ): OmitTextChildren<ComposerBodyCustomLink | ComposerBodyAutoLink> => {\n    const href = element.getAttribute(\"href\");\n    const innerText = element.innerText;\n\n    return {\n      type: href && areUrlsEqual(href, innerText) ? \"auto-link\" : \"custom-link\",\n      url: href ?? \"\",\n    };\n  },\n  P: createParagraphElement,\n  // Falling back to paragraphs for unsupported elements\n  BLOCKQUOTE: createParagraphElement,\n  H1: createParagraphElement,\n  H2: createParagraphElement,\n  H3: createParagraphElement,\n  H4: createParagraphElement,\n  H5: createParagraphElement,\n  H6: createParagraphElement,\n  LI: createParagraphElement,\n} as Record<string, (node: HTMLElement) => ComposerBodyElementTag>;\n\nconst TEXT_TAGS = {\n  CODE: (): ComposerBodyTextTag => ({ code: true }),\n  DEL: (): ComposerBodyTextTag => ({ strikethrough: true }),\n  EM: (): ComposerBodyTextTag => ({ italic: true }),\n  I: (): ComposerBodyTextTag => ({ italic: true }),\n  S: (): ComposerBodyTextTag => ({ strikethrough: true }),\n  STRONG: (): ComposerBodyTextTag => ({ bold: true }),\n  // `B` is omitted because Google Docs uses `<b>` in weird ways\n  // B: (): ComposerBodyTextTag => ({ bold: true }),\n} as Record<string, (node: HTMLElement) => ComposerBodyTextTag>;\n\nfunction flattenListItems(node: HTMLElement): HTMLElement[] {\n  const listItems: HTMLElement[] = [];\n\n  if (node.nodeName === \"LI\") {\n    listItems.push(node);\n  }\n\n  node.childNodes.forEach((child) => {\n    if (child.nodeType === 1) {\n      listItems.push(...flattenListItems(child as HTMLElement));\n    }\n  });\n\n  return listItems;\n}\n\nfunction deserialize(node: Node): DeserializedNode {\n  if (node.nodeType === 3) {\n    return node.textContent;\n  } else if (node.nodeType !== 1) {\n    return null;\n  } else if (node.nodeName === \"BR\") {\n    return \"\\n\";\n  }\n\n  const childNodes = Array.from(node.childNodes);\n  let children = childNodes.map(deserialize).flat();\n\n  // Lists aren't supported (yet), so we flatten them into paragraphs\n  if (node.nodeName === \"UL\" || node.nodeName === \"OL\") {\n    const listItems = flattenListItems(node as HTMLElement);\n\n    children = listItems.map((li) => deserialize(li)).flat();\n  }\n\n  if (children.length === 0) {\n    children = [{ text: \"\" }];\n  }\n\n  if (node.nodeName === \"BODY\") {\n    return jsx(\"fragment\", {}, children);\n  }\n\n  if (ELEMENT_TAGS[node.nodeName]) {\n    const attrs = ELEMENT_TAGS[node.nodeName](node as HTMLElement);\n\n    return jsx(\"element\", attrs, children);\n  }\n\n  if (TEXT_TAGS[node.nodeName]) {\n    const attrs = TEXT_TAGS[node.nodeName](node as HTMLElement);\n\n    return children.map((child) => jsx(\"text\", attrs, child));\n  }\n\n  return children as DeserializedNode;\n}\n\nexport function withPaste(\n  editor: Editor,\n  {\n    createAttachments,\n    pasteFilesAsAttachments,\n  }: {\n    createAttachments: (files: File[]) => void;\n    pasteFilesAsAttachments?: boolean;\n  }\n) {\n  const { insertData } = editor;\n\n  editor.insertData = (data) => {\n    // Create attachments from files when pasting\n    if (data.types.includes(\"Files\") && pasteFilesAsAttachments) {\n      const files = getFiles(data);\n\n      if (files.length > 0) {\n        createAttachments(files);\n\n        return;\n      }\n    }\n\n    // Deserialize rich text from HTML when pasting\n    if (data.types.includes(\"text/html\")) {\n      const html = data.getData(\"text/html\");\n      const parsed = new DOMParser().parseFromString(html, \"text/html\");\n      const fragment = deserialize(parsed.body);\n\n      if (fragment !== null && Array.isArray(fragment)) {\n        Transforms.insertFragment(editor, fragment as SlateNode[]);\n\n        return;\n      }\n    }\n\n    insertData(data);\n  };\n\n  return editor;\n}\n"],"names":["jsx","getFiles","Transforms"],"mappings":"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"}

package/dist/slate/plugins/{paste-html.mjs → paste.mjs}

@@ -1,5 +1,6 @@
 import { Transforms } from 'slate';
 import { jsx } from 'slate-hyperscript';
+import { getFiles } from '../../utils/data-transfer.mjs';
 
 function areUrlsEqual(a, b) {
   try {
@@ -82,11 +83,21 @@ function deserialize(node) {
   }
   return children;
 }
-function withPasteHtml(editor) {
+function withPaste(editor, {
+  createAttachments,
+  pasteFilesAsAttachments
+}) {
   const { insertData } = editor;
   editor.insertData = (data) => {
-    const html = data.getData("text/html");
-    if (html) {
+    if (data.types.includes("Files") && pasteFilesAsAttachments) {
+      const files = getFiles(data);
+      if (files.length > 0) {
+        createAttachments(files);
+        return;
+      }
+    }
+    if (data.types.includes("text/html")) {
+      const html = data.getData("text/html");
       const parsed = new DOMParser().parseFromString(html, "text/html");
       const fragment = deserialize(parsed.body);
       if (fragment !== null && Array.isArray(fragment)) {
@@ -99,5 +110,5 @@ function withPasteHtml(editor) {
   return editor;
 }
 
-export { withPasteHtml };
-//# sourceMappingURL=paste-html.mjs.map
+export { withPaste };
+//# sourceMappingURL=paste.mjs.map

package/dist/slate/plugins/paste.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste.mjs","sources":["../../../src/slate/plugins/paste.ts"],"sourcesContent":["import type { Descendant, Editor, Element, Node as SlateNode } from \"slate\";\nimport { Transforms } from \"slate\";\nimport { jsx } from \"slate-hyperscript\";\n\nimport type {\n  ComposerBodyAutoLink,\n  ComposerBodyBlockElement,\n  ComposerBodyCustomLink,\n  ComposerBodyInlineElement,\n  ComposerBodyParagraph,\n  ComposerBodyText,\n} from \"../../types\";\nimport { getFiles } from \"../../utils/data-transfer\";\n\n// Based on: https://github.com/ianstormtaylor/slate/blob/main/site/examples/paste-html.tsx\n\ntype OmitTextChildren<T> = Omit<T, \"text\" | \"children\">;\n\ntype ComposerBodyElementTag = OmitTextChildren<\n  ComposerBodyBlockElement | ComposerBodyInlineElement\n>;\ntype ComposerBodyTextTag = OmitTextChildren<ComposerBodyText>;\n\ntype DeserializedNode =\n  | string\n  | null\n  | Element\n  | Descendant[]\n  | ComposerBodyText[]\n  | DeserializedNode[];\n\nfunction areUrlsEqual(a: string, b: string) {\n  try {\n    const urlA = new URL(a);\n    const urlB = new URL(b);\n\n    return urlA.origin === urlB.origin && urlA.pathname === urlB.pathname;\n  } catch {\n    return false;\n  }\n}\n\nconst createParagraphElement = (): OmitTextChildren<ComposerBodyParagraph> => ({\n  type: \"paragraph\",\n});\n\nconst ELEMENT_TAGS = {\n  A: (\n    element\n  ): OmitTextChildren<ComposerBodyCustomLink | ComposerBodyAutoLink> => {\n    const href = element.getAttribute(\"href\");\n    const innerText = element.innerText;\n\n    return {\n      type: href && areUrlsEqual(href, innerText) ? \"auto-link\" : \"custom-link\",\n      url: href ?? \"\",\n    };\n  },\n  P: createParagraphElement,\n  // Falling back to paragraphs for unsupported elements\n  BLOCKQUOTE: createParagraphElement,\n  H1: createParagraphElement,\n  H2: createParagraphElement,\n  H3: createParagraphElement,\n  H4: createParagraphElement,\n  H5: createParagraphElement,\n  H6: createParagraphElement,\n  LI: createParagraphElement,\n} as Record<string, (node: HTMLElement) => ComposerBodyElementTag>;\n\nconst TEXT_TAGS = {\n  CODE: (): ComposerBodyTextTag => ({ code: true }),\n  DEL: (): ComposerBodyTextTag => ({ strikethrough: true }),\n  EM: (): ComposerBodyTextTag => ({ italic: true }),\n  I: (): ComposerBodyTextTag => ({ italic: true }),\n  S: (): ComposerBodyTextTag => ({ strikethrough: true }),\n  STRONG: (): ComposerBodyTextTag => ({ bold: true }),\n  // `B` is omitted because Google Docs uses `<b>` in weird ways\n  // B: (): ComposerBodyTextTag => ({ bold: true }),\n} as Record<string, (node: HTMLElement) => ComposerBodyTextTag>;\n\nfunction flattenListItems(node: HTMLElement): HTMLElement[] {\n  const listItems: HTMLElement[] = [];\n\n  if (node.nodeName === \"LI\") {\n    listItems.push(node);\n  }\n\n  node.childNodes.forEach((child) => {\n    if (child.nodeType === 1) {\n      listItems.push(...flattenListItems(child as HTMLElement));\n    }\n  });\n\n  return listItems;\n}\n\nfunction deserialize(node: Node): DeserializedNode {\n  if (node.nodeType === 3) {\n    return node.textContent;\n  } else if (node.nodeType !== 1) {\n    return null;\n  } else if (node.nodeName === \"BR\") {\n    return \"\\n\";\n  }\n\n  const childNodes = Array.from(node.childNodes);\n  let children = childNodes.map(deserialize).flat();\n\n  // Lists aren't supported (yet), so we flatten them into paragraphs\n  if (node.nodeName === \"UL\" || node.nodeName === \"OL\") {\n    const listItems = flattenListItems(node as HTMLElement);\n\n    children = listItems.map((li) => deserialize(li)).flat();\n  }\n\n  if (children.length === 0) {\n    children = [{ text: \"\" }];\n  }\n\n  if (node.nodeName === \"BODY\") {\n    return jsx(\"fragment\", {}, children);\n  }\n\n  if (ELEMENT_TAGS[node.nodeName]) {\n    const attrs = ELEMENT_TAGS[node.nodeName](node as HTMLElement);\n\n    return jsx(\"element\", attrs, children);\n  }\n\n  if (TEXT_TAGS[node.nodeName]) {\n    const attrs = TEXT_TAGS[node.nodeName](node as HTMLElement);\n\n    return children.map((child) => jsx(\"text\", attrs, child));\n  }\n\n  return children as DeserializedNode;\n}\n\nexport function withPaste(\n  editor: Editor,\n  {\n    createAttachments,\n    pasteFilesAsAttachments,\n  }: {\n    createAttachments: (files: File[]) => void;\n    pasteFilesAsAttachments?: boolean;\n  }\n) {\n  const { insertData } = editor;\n\n  editor.insertData = (data) => {\n    // Create attachments from files when pasting\n    if (data.types.includes(\"Files\") && pasteFilesAsAttachments) {\n      const files = getFiles(data);\n\n      if (files.length > 0) {\n        createAttachments(files);\n\n        return;\n      }\n    }\n\n    // Deserialize rich text from HTML when pasting\n    if (data.types.includes(\"text/html\")) {\n      const html = data.getData(\"text/html\");\n      const parsed = new DOMParser().parseFromString(html, \"text/html\");\n      const fragment = deserialize(parsed.body);\n\n      if (fragment !== null && Array.isArray(fragment)) {\n        Transforms.insertFragment(editor, fragment as SlateNode[]);\n\n        return;\n      }\n    }\n\n    insertData(data);\n  };\n\n  return editor;\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/data-transfer.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var exists = require('./exists.js');
+
+function getFiles(dataTransfer) {
+  if (!dataTransfer.types.includes("Files")) {
+    return [];
+  }
+  let files = Array.from(dataTransfer.items).map((item) => {
+    const entry = item.webkitGetAsEntry();
+    return entry && entry.isFile ? item.getAsFile() : null;
+  }).filter(exists.exists);
+  if (!files.length) {
+    files = Array.from(dataTransfer.files).filter((file) => file.type !== "");
+  }
+  return files;
+}
+
+exports.getFiles = getFiles;
+//# sourceMappingURL=data-transfer.js.map

package/dist/utils/data-transfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-transfer.js","sources":["../../src/utils/data-transfer.ts"],"sourcesContent":["import { exists } from \"./exists\";\n\nexport function getFiles(dataTransfer: DataTransfer) {\n  if (!dataTransfer.types.includes(\"Files\")) {\n    return [];\n  }\n\n  // We start by attempting to get files with `webkitGetAsEntry` as\n  // it allows us to filter out directories.\n  //\n  // Example: Copying a local file\n  let files = Array.from(dataTransfer.items)\n    .map((item) => {\n      const entry = item.webkitGetAsEntry();\n\n      return entry && entry.isFile ? item.getAsFile() : null;\n    })\n    .filter(exists);\n\n  // Then, since `dataTransfer.types` specifies that there are files\n  // but we couldn't get any with `webkitGetAsEntry`, we try to get\n  // them with `files`\n  //\n  // Example: Copying an image from a website\n  if (!files.length) {\n    files = Array.from(dataTransfer.files).filter((file) => file.type !== \"\");\n  }\n\n  return files;\n}\n"],"names":["exists"],"mappings":";;;;AAEO,SAAS,SAAS,YAA4B,EAAA;AACnD,EAAA,IAAI,CAAC,YAAA,CAAa,KAAM,CAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AACzC,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAMA,EAAI,IAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CACtC,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACb,IAAM,MAAA,KAAA,GAAQ,KAAK,gBAAiB,EAAA,CAAA;AAEpC,IAAA,OAAO,KAAS,IAAA,KAAA,CAAM,MAAS,GAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAA;AAAA,GACnD,CACA,CAAA,MAAA,CAAOA,aAAM,CAAA,CAAA;AAOhB,EAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,IAAQ,KAAA,GAAA,KAAA,CAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CAAA,CAAE,OAAO,CAAC,IAAA,KAAS,IAAK,CAAA,IAAA,KAAS,EAAE,CAAA,CAAA;AAAA,GAC1E;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/utils/data-transfer.mjs

@@ -0,0 +1,18 @@
+import { exists } from './exists.mjs';
+
+function getFiles(dataTransfer) {
+  if (!dataTransfer.types.includes("Files")) {
+    return [];
+  }
+  let files = Array.from(dataTransfer.items).map((item) => {
+    const entry = item.webkitGetAsEntry();
+    return entry && entry.isFile ? item.getAsFile() : null;
+  }).filter(exists);
+  if (!files.length) {
+    files = Array.from(dataTransfer.files).filter((file) => file.type !== "");
+  }
+  return files;
+}
+
+export { getFiles };
+//# sourceMappingURL=data-transfer.mjs.map

package/dist/utils/data-transfer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-transfer.mjs","sources":["../../src/utils/data-transfer.ts"],"sourcesContent":["import { exists } from \"./exists\";\n\nexport function getFiles(dataTransfer: DataTransfer) {\n  if (!dataTransfer.types.includes(\"Files\")) {\n    return [];\n  }\n\n  // We start by attempting to get files with `webkitGetAsEntry` as\n  // it allows us to filter out directories.\n  //\n  // Example: Copying a local file\n  let files = Array.from(dataTransfer.items)\n    .map((item) => {\n      const entry = item.webkitGetAsEntry();\n\n      return entry && entry.isFile ? item.getAsFile() : null;\n    })\n    .filter(exists);\n\n  // Then, since `dataTransfer.types` specifies that there are files\n  // but we couldn't get any with `webkitGetAsEntry`, we try to get\n  // them with `files`\n  //\n  // Example: Copying an image from a website\n  if (!files.length) {\n    files = Array.from(dataTransfer.files).filter((file) => file.type !== \"\");\n  }\n\n  return files;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,SAAS,YAA4B,EAAA;AACnD,EAAA,IAAI,CAAC,YAAA,CAAa,KAAM,CAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AACzC,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAMA,EAAI,IAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CACtC,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACb,IAAM,MAAA,KAAA,GAAQ,KAAK,gBAAiB,EAAA,CAAA;AAEpC,IAAA,OAAO,KAAS,IAAA,KAAA,CAAM,MAAS,GAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAA;AAAA,GACnD,CACA,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAOhB,EAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,IAAQ,KAAA,GAAA,KAAA,CAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CAAA,CAAE,OAAO,CAAC,IAAA,KAAS,IAAK,CAAA,IAAA,KAAS,EAAE,CAAA,CAAA;AAAA,GAC1E;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/utils/download.js

@@ -0,0 +1,14 @@
+'use strict';
+
+function download(url, name) {
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+
+exports.download = download;
+//# sourceMappingURL=download.js.map

package/dist/utils/download.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.js","sources":["../../src/utils/download.ts"],"sourcesContent":["export function download(url: string, name: string) {\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.style.display = \"none\";\n\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,QAAA,CAAS,KAAa,IAAc,EAAA;AAClD,EAAM,MAAA,CAAA,GAAI,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA,CAAA;AACpC,EAAA,CAAA,CAAE,IAAO,GAAA,GAAA,CAAA;AACT,EAAA,CAAA,CAAE,QAAW,GAAA,IAAA,CAAA;AACb,EAAA,CAAA,CAAE,MAAM,OAAU,GAAA,MAAA,CAAA;AAElB,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC3B,EAAA,CAAA,CAAE,KAAM,EAAA,CAAA;AACR,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC7B;;;;"}

package/dist/utils/download.mjs

@@ -0,0 +1,12 @@
+function download(url, name) {
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+
+export { download };
+//# sourceMappingURL=download.mjs.map

package/dist/utils/download.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.mjs","sources":["../../src/utils/download.ts"],"sourcesContent":["export function download(url: string, name: string) {\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.style.display = \"none\";\n\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"names":[],"mappings":"AAAgB,SAAA,QAAA,CAAS,KAAa,IAAc,EAAA;AAClD,EAAM,MAAA,CAAA,GAAI,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA,CAAA;AACpC,EAAA,CAAA,CAAE,IAAO,GAAA,GAAA,CAAA;AACT,EAAA,CAAA,CAAE,QAAW,GAAA,IAAA,CAAA;AACb,EAAA,CAAA,CAAE,MAAM,OAAU,GAAA,MAAA,CAAA;AAElB,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC3B,EAAA,CAAA,CAAE,KAAM,EAAA,CAAA;AACR,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC7B;;;;"}

package/dist/utils/format-file-size.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var intl = require('./intl.js');
+
+const BASE = 1e3;
+const UNITS = ["B", "KB", "MB", "GB"];
+function formatFileSize(bytes, locale) {
+  if (bytes === 0) {
+    return `0 ${UNITS[1]}`;
+  }
+  let unit;
+  if (bytes === 0) {
+    unit = 1;
+  } else {
+    unit = Math.max(
+      1,
+      Math.min(
+        Math.floor(Math.log(Math.abs(bytes)) / Math.log(BASE)),
+        UNITS.length - 1
+      )
+    );
+  }
+  let value = bytes / BASE ** unit;
+  let maximumDecimals = 1;
+  if (unit === 1) {
+    if (value >= 10) {
+      maximumDecimals = 0;
+    }
+    if (value < 0.1 && value > 0) {
+      maximumDecimals = 2;
+    }
+    if (value < 0.01) {
+      value = 0.01;
+    }
+  }
+  const formattedUnit = UNITS[unit];
+  const formattedValue = intl.numberFormat(locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: maximumDecimals
+  }).format(value);
+  return `${formattedValue} ${formattedUnit}`;
+}
+
+exports.formatFileSize = formatFileSize;
+//# sourceMappingURL=format-file-size.js.map

package/dist/utils/format-file-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-file-size.js","sources":["../../src/utils/format-file-size.ts"],"sourcesContent":["import { numberFormat } from \"./intl\";\n\nconst BASE = 1000;\nconst UNITS = [\"B\", \"KB\", \"MB\", \"GB\"] as const;\n\nexport function formatFileSize(bytes: number, locale?: string) {\n  if (bytes === 0) {\n    return `0 ${UNITS[1]}`;\n  }\n\n  let unit: number;\n\n  if (bytes === 0) {\n    unit = 1;\n  } else {\n    unit = Math.max(\n      1,\n      Math.min(\n        Math.floor(Math.log(Math.abs(bytes)) / Math.log(BASE)),\n        UNITS.length - 1\n      )\n    );\n  }\n\n  let value = bytes / BASE ** unit;\n  let maximumDecimals = 1;\n\n  if (unit === 1) {\n    // Hide decimals for KB values above 10\n    if (value >= 10) {\n      maximumDecimals = 0;\n    }\n\n    // Allow 2 decimals instead of 1 for KB values below 0.1\n    if (value < 0.1 && value > 0) {\n      maximumDecimals = 2;\n    }\n\n    // Display tiny KB values as 0.01 KB instead of 0 KB\n    if (value < 0.01) {\n      value = 0.01;\n    }\n  }\n\n  const formattedUnit = UNITS[unit];\n  const formattedValue = numberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: maximumDecimals,\n  }).format(value);\n\n  return `${formattedValue} ${formattedUnit}`;\n}\n"],"names":["numberFormat"],"mappings":";;;;AAEA,MAAM,IAAO,GAAA,GAAA,CAAA;AACb,MAAM,KAAQ,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AAEpB,SAAA,cAAA,CAAe,OAAe,MAAiB,EAAA;AAC7D,EAAA,IAAI,UAAU,CAAG,EAAA;AACf,IAAA,OAAO,KAAK,KAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACpB;AAEA,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,IAAI,UAAU,CAAG,EAAA;AACf,IAAO,IAAA,GAAA,CAAA,CAAA;AAAA,GACF,MAAA;AACL,IAAA,IAAA,GAAO,IAAK,CAAA,GAAA;AAAA,MACV,CAAA;AAAA,MACA,IAAK,CAAA,GAAA;AAAA,QACH,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,IAAK,CAAA,GAAA,CAAI,KAAK,CAAC,CAAI,GAAA,IAAA,CAAK,GAAI,CAAA,IAAI,CAAC,CAAA;AAAA,QACrD,MAAM,MAAS,GAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAI,IAAA,KAAA,GAAQ,QAAQ,IAAQ,IAAA,IAAA,CAAA;AAC5B,EAAA,IAAI,eAAkB,GAAA,CAAA,CAAA;AAEtB,EAAA,IAAI,SAAS,CAAG,EAAA;AAEd,IAAA,IAAI,SAAS,EAAI,EAAA;AACf,MAAkB,eAAA,GAAA,CAAA,CAAA;AAAA,KACpB;AAGA,IAAI,IAAA,KAAA,GAAQ,GAAO,IAAA,KAAA,GAAQ,CAAG,EAAA;AAC5B,MAAkB,eAAA,GAAA,CAAA,CAAA;AAAA,KACpB;AAGA,IAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,MAAQ,KAAA,GAAA,IAAA,CAAA;AAAA,KACV;AAAA,GACF;AAEA,EAAA,MAAM,gBAAgB,KAAM,CAAA,IAAA,CAAA,CAAA;AAC5B,EAAM,MAAA,cAAA,GAAiBA,kBAAa,MAAQ,EAAA;AAAA,IAC1C,qBAAuB,EAAA,CAAA;AAAA,IACvB,qBAAuB,EAAA,eAAA;AAAA,GACxB,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAEf,EAAA,OAAO,GAAG,cAAkB,CAAA,CAAA,EAAA,aAAA,CAAA,CAAA,CAAA;AAC9B;;;;"}

package/dist/utils/format-file-size.mjs

@@ -0,0 +1,43 @@
+import { numberFormat } from './intl.mjs';
+
+const BASE = 1e3;
+const UNITS = ["B", "KB", "MB", "GB"];
+function formatFileSize(bytes, locale) {
+  if (bytes === 0) {
+    return `0 ${UNITS[1]}`;
+  }
+  let unit;
+  if (bytes === 0) {
+    unit = 1;
+  } else {
+    unit = Math.max(
+      1,
+      Math.min(
+        Math.floor(Math.log(Math.abs(bytes)) / Math.log(BASE)),
+        UNITS.length - 1
+      )
+    );
+  }
+  let value = bytes / BASE ** unit;
+  let maximumDecimals = 1;
+  if (unit === 1) {
+    if (value >= 10) {
+      maximumDecimals = 0;
+    }
+    if (value < 0.1 && value > 0) {
+      maximumDecimals = 2;
+    }
+    if (value < 0.01) {
+      value = 0.01;
+    }
+  }
+  const formattedUnit = UNITS[unit];
+  const formattedValue = numberFormat(locale, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: maximumDecimals
+  }).format(value);
+  return `${formattedValue} ${formattedUnit}`;
+}
+
+export { formatFileSize };
+//# sourceMappingURL=format-file-size.mjs.map

package/dist/utils/format-file-size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-file-size.mjs","sources":["../../src/utils/format-file-size.ts"],"sourcesContent":["import { numberFormat } from \"./intl\";\n\nconst BASE = 1000;\nconst UNITS = [\"B\", \"KB\", \"MB\", \"GB\"] as const;\n\nexport function formatFileSize(bytes: number, locale?: string) {\n  if (bytes === 0) {\n    return `0 ${UNITS[1]}`;\n  }\n\n  let unit: number;\n\n  if (bytes === 0) {\n    unit = 1;\n  } else {\n    unit = Math.max(\n      1,\n      Math.min(\n        Math.floor(Math.log(Math.abs(bytes)) / Math.log(BASE)),\n        UNITS.length - 1\n      )\n    );\n  }\n\n  let value = bytes / BASE ** unit;\n  let maximumDecimals = 1;\n\n  if (unit === 1) {\n    // Hide decimals for KB values above 10\n    if (value >= 10) {\n      maximumDecimals = 0;\n    }\n\n    // Allow 2 decimals instead of 1 for KB values below 0.1\n    if (value < 0.1 && value > 0) {\n      maximumDecimals = 2;\n    }\n\n    // Display tiny KB values as 0.01 KB instead of 0 KB\n    if (value < 0.01) {\n      value = 0.01;\n    }\n  }\n\n  const formattedUnit = UNITS[unit];\n  const formattedValue = numberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: maximumDecimals,\n  }).format(value);\n\n  return `${formattedValue} ${formattedUnit}`;\n}\n"],"names":[],"mappings":";;AAEA,MAAM,IAAO,GAAA,GAAA,CAAA;AACb,MAAM,KAAQ,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AAEpB,SAAA,cAAA,CAAe,OAAe,MAAiB,EAAA;AAC7D,EAAA,IAAI,UAAU,CAAG,EAAA;AACf,IAAA,OAAO,KAAK,KAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GACpB;AAEA,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,IAAI,UAAU,CAAG,EAAA;AACf,IAAO,IAAA,GAAA,CAAA,CAAA;AAAA,GACF,MAAA;AACL,IAAA,IAAA,GAAO,IAAK,CAAA,GAAA;AAAA,MACV,CAAA;AAAA,MACA,IAAK,CAAA,GAAA;AAAA,QACH,IAAK,CAAA,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,IAAK,CAAA,GAAA,CAAI,KAAK,CAAC,CAAI,GAAA,IAAA,CAAK,GAAI,CAAA,IAAI,CAAC,CAAA;AAAA,QACrD,MAAM,MAAS,GAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAI,IAAA,KAAA,GAAQ,QAAQ,IAAQ,IAAA,IAAA,CAAA;AAC5B,EAAA,IAAI,eAAkB,GAAA,CAAA,CAAA;AAEtB,EAAA,IAAI,SAAS,CAAG,EAAA;AAEd,IAAA,IAAI,SAAS,EAAI,EAAA;AACf,MAAkB,eAAA,GAAA,CAAA,CAAA;AAAA,KACpB;AAGA,IAAI,IAAA,KAAA,GAAQ,GAAO,IAAA,KAAA,GAAQ,CAAG,EAAA;AAC5B,MAAkB,eAAA,GAAA,CAAA,CAAA;AAAA,KACpB;AAGA,IAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,MAAQ,KAAA,GAAA,IAAA,CAAA;AAAA,KACV;AAAA,GACF;AAEA,EAAA,MAAM,gBAAgB,KAAM,CAAA,IAAA,CAAA,CAAA;AAC5B,EAAM,MAAA,cAAA,GAAiB,aAAa,MAAQ,EAAA;AAAA,IAC1C,qBAAuB,EAAA,CAAA;AAAA,IACvB,qBAAuB,EAAA,eAAA;AAAA,GACxB,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAEf,EAAA,OAAO,GAAG,cAAkB,CAAA,CAAA,EAAA,aAAA,CAAA,CAAA,CAAA;AAC9B;;;;"}

package/dist/utils/intl.js

@@ -17,8 +17,14 @@ const listFormat = memoize.memoize(
     return new Intl.ListFormat(...args);
   }
 );
+const numberFormat = memoize.memoize(
+  (...args) => {
+    return new Intl.NumberFormat(...args);
+  }
+);
 
 exports.dateTimeFormat = dateTimeFormat;
 exports.listFormat = listFormat;
+exports.numberFormat = numberFormat;
 exports.relativeTimeFormat = relativeTimeFormat;
 //# sourceMappingURL=intl.js.map

package/dist/utils/intl.js.map

@@ -1 +1 @@
-{"version":3,"file":"intl.js","sources":["../../src/utils/intl.ts"],"sourcesContent":["import { memoize } from \"./memoize\";\n\n// Avoid creating Intl formatters on every invocation.\n\nexport const dateTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"DateTimeFormat\"]>) => {\n    return new Intl.DateTimeFormat(...args);\n  }\n);\n\nexport const relativeTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"RelativeTimeFormat\"]>) => {\n    return new Intl.RelativeTimeFormat(...args);\n  }\n);\n\nexport const listFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"ListFormat\"]>) => {\n    return new Intl.ListFormat(...args);\n  }\n);\n"],"names":["memoize"],"mappings":";;;;AAIO,MAAM,cAAiB,GAAAA,eAAA;AAAA,EAC5B,IAAI,IAAiE,KAAA;AACnE,IAAA,OAAO,IAAI,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAAA,eAAA;AAAA,EAChC,IAAI,IAAqE,KAAA;AACvE,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAmB,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,UAAa,GAAAA,eAAA;AAAA,EACxB,IAAI,IAA6D,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,UAAW,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACpC;AACF;;;;;;"}
+{"version":3,"file":"intl.js","sources":["../../src/utils/intl.ts"],"sourcesContent":["import { memoize } from \"./memoize\";\n\n// Avoid creating Intl formatters on every invocation.\n\nexport const dateTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"DateTimeFormat\"]>) => {\n    return new Intl.DateTimeFormat(...args);\n  }\n);\n\nexport const relativeTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"RelativeTimeFormat\"]>) => {\n    return new Intl.RelativeTimeFormat(...args);\n  }\n);\n\nexport const listFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"ListFormat\"]>) => {\n    return new Intl.ListFormat(...args);\n  }\n);\n\nexport const numberFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"NumberFormat\"]>) => {\n    return new Intl.NumberFormat(...args);\n  }\n);\n"],"names":["memoize"],"mappings":";;;;AAIO,MAAM,cAAiB,GAAAA,eAAA;AAAA,EAC5B,IAAI,IAAiE,KAAA;AACnE,IAAA,OAAO,IAAI,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAAA,eAAA;AAAA,EAChC,IAAI,IAAqE,KAAA;AACvE,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAmB,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,UAAa,GAAAA,eAAA;AAAA,EACxB,IAAI,IAA6D,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,UAAW,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACpC;AACF,EAAA;AAEO,MAAM,YAAe,GAAAA,eAAA;AAAA,EAC1B,IAAI,IAA+D,KAAA;AACjE,IAAA,OAAO,IAAI,IAAA,CAAK,YAAa,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACtC;AACF;;;;;;;"}

package/dist/utils/intl.mjs

@@ -15,6 +15,11 @@ const listFormat = memoize(
     return new Intl.ListFormat(...args);
   }
 );
+const numberFormat = memoize(
+  (...args) => {
+    return new Intl.NumberFormat(...args);
+  }
+);
 
-export { dateTimeFormat, listFormat, relativeTimeFormat };
+export { dateTimeFormat, listFormat, numberFormat, relativeTimeFormat };
 //# sourceMappingURL=intl.mjs.map

package/dist/utils/intl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"intl.mjs","sources":["../../src/utils/intl.ts"],"sourcesContent":["import { memoize } from \"./memoize\";\n\n// Avoid creating Intl formatters on every invocation.\n\nexport const dateTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"DateTimeFormat\"]>) => {\n    return new Intl.DateTimeFormat(...args);\n  }\n);\n\nexport const relativeTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"RelativeTimeFormat\"]>) => {\n    return new Intl.RelativeTimeFormat(...args);\n  }\n);\n\nexport const listFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"ListFormat\"]>) => {\n    return new Intl.ListFormat(...args);\n  }\n);\n"],"names":[],"mappings":";;AAIO,MAAM,cAAiB,GAAA,OAAA;AAAA,EAC5B,IAAI,IAAiE,KAAA;AACnE,IAAA,OAAO,IAAI,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAA,OAAA;AAAA,EAChC,IAAI,IAAqE,KAAA;AACvE,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAmB,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,UAAa,GAAA,OAAA;AAAA,EACxB,IAAI,IAA6D,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,UAAW,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACpC;AACF;;;;"}
+{"version":3,"file":"intl.mjs","sources":["../../src/utils/intl.ts"],"sourcesContent":["import { memoize } from \"./memoize\";\n\n// Avoid creating Intl formatters on every invocation.\n\nexport const dateTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"DateTimeFormat\"]>) => {\n    return new Intl.DateTimeFormat(...args);\n  }\n);\n\nexport const relativeTimeFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"RelativeTimeFormat\"]>) => {\n    return new Intl.RelativeTimeFormat(...args);\n  }\n);\n\nexport const listFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"ListFormat\"]>) => {\n    return new Intl.ListFormat(...args);\n  }\n);\n\nexport const numberFormat = memoize(\n  (...args: ConstructorParameters<(typeof Intl)[\"NumberFormat\"]>) => {\n    return new Intl.NumberFormat(...args);\n  }\n);\n"],"names":[],"mappings":";;AAIO,MAAM,cAAiB,GAAA,OAAA;AAAA,EAC5B,IAAI,IAAiE,KAAA;AACnE,IAAA,OAAO,IAAI,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,EAAA;AAEO,MAAM,kBAAqB,GAAA,OAAA;AAAA,EAChC,IAAI,IAAqE,KAAA;AACvE,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAmB,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GAC5C;AACF,EAAA;AAEO,MAAM,UAAa,GAAA,OAAA;AAAA,EACxB,IAAI,IAA6D,KAAA;AAC/D,IAAA,OAAO,IAAI,IAAA,CAAK,UAAW,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACpC;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,OAAA;AAAA,EAC1B,IAAI,IAA+D,KAAA;AACjE,IAAA,OAAO,IAAI,IAAA,CAAK,YAAa,CAAA,GAAG,IAAI,CAAA,CAAA;AAAA,GACtC;AACF;;;;"}

package/dist/utils/use-initial.js

@@ -3,7 +3,8 @@
 var React = require('react');
 
 function useInitial(value) {
-  return React.useRef(value instanceof Function ? value() : value).current;
+  const [initialValue] = React.useState(value);
+  return initialValue;
 }
 
 exports.useInitial = useInitial;

package/dist/utils/use-initial.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-initial.js","sources":["../../src/utils/use-initial.ts"],"sourcesContent":["import { useRef } from \"react\";\n\n/**\n * \"Freezes\" a given value, so that it will return the same value/instance on\n * each subsequent render. This can be used to freeze \"initial\" values for\n * custom hooks, much like how `useState(initialState)` or\n * `useRef(initialValue)` works.\n */\nexport function useInitial<T>(value: T | (() => T)): T {\n  return useRef(value instanceof Function ? value() : value).current;\n}\n"],"names":["useRef"],"mappings":";;;;AAQO,SAAS,WAAc,KAAyB,EAAA;AACrD,EAAA,OAAOA,aAAO,KAAiB,YAAA,QAAA,GAAW,KAAM,EAAA,GAAI,KAAK,CAAE,CAAA,OAAA,CAAA;AAC7D;;;;"}
+{"version":3,"file":"use-initial.js","sources":["../../src/utils/use-initial.ts"],"sourcesContent":["import { useState } from \"react\";\n\n/**\n * \"Freezes\" a given value, so that it will return the same value/instance on\n * each subsequent render. This can be used to freeze \"initial\" values for\n * custom hooks, much like how `useState(initialState)` or\n * `useRef(initialValue)` works.\n */\nexport function useInitial<T>(value: T | (() => T)): T {\n  const [initialValue] = useState(value);\n\n  return initialValue;\n}\n"],"names":["useState"],"mappings":";;;;AAQO,SAAS,WAAc,KAAyB,EAAA;AACrD,EAAA,MAAM,CAAC,YAAY,CAAI,GAAAA,cAAA,CAAS,KAAK,CAAA,CAAA;AAErC,EAAO,OAAA,YAAA,CAAA;AACT;;;;"}

package/dist/utils/use-initial.mjs

@@ -1,7 +1,8 @@
-import { useRef } from 'react';
+import { useState } from 'react';
 
 function useInitial(value) {
-  return useRef(value instanceof Function ? value() : value).current;
+  const [initialValue] = useState(value);
+  return initialValue;
 }
 
 export { useInitial };

package/dist/utils/use-initial.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-initial.mjs","sources":["../../src/utils/use-initial.ts"],"sourcesContent":["import { useRef } from \"react\";\n\n/**\n * \"Freezes\" a given value, so that it will return the same value/instance on\n * each subsequent render. This can be used to freeze \"initial\" values for\n * custom hooks, much like how `useState(initialState)` or\n * `useRef(initialValue)` works.\n */\nexport function useInitial<T>(value: T | (() => T)): T {\n  return useRef(value instanceof Function ? value() : value).current;\n}\n"],"names":[],"mappings":";;AAQO,SAAS,WAAc,KAAyB,EAAA;AACrD,EAAA,OAAO,OAAO,KAAiB,YAAA,QAAA,GAAW,KAAM,EAAA,GAAI,KAAK,CAAE,CAAA,OAAA,CAAA;AAC7D;;;;"}
+{"version":3,"file":"use-initial.mjs","sources":["../../src/utils/use-initial.ts"],"sourcesContent":["import { useState } from \"react\";\n\n/**\n * \"Freezes\" a given value, so that it will return the same value/instance on\n * each subsequent render. This can be used to freeze \"initial\" values for\n * custom hooks, much like how `useState(initialState)` or\n * `useRef(initialValue)` works.\n */\nexport function useInitial<T>(value: T | (() => T)): T {\n  const [initialValue] = useState(value);\n\n  return initialValue;\n}\n"],"names":[],"mappings":";;AAQO,SAAS,WAAc,KAAyB,EAAA;AACrD,EAAA,MAAM,CAAC,YAAY,CAAI,GAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAErC,EAAO,OAAA,YAAA,CAAA;AACT;;;;"}

package/dist/utils/use-latest.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-latest.js","sources":["../../src/utils/use-latest.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nexport function useLatest<T>(value: T) {\n  const ref: MutableRefObject<T> = useRef(value);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;AAGO,SAAS,UAAa,KAAU,EAAA;AACrC,EAAM,MAAA,GAAA,GAA2BA,aAAO,KAAK,CAAA,CAAA;AAE7C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"use-latest.js","sources":["../../src/utils/use-latest.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Keeps a ref in sync with a given value that may or may not change on\n * every render.\n *\n * The purpose of this hook is to return a stable ref that can be passed\n * to a callback function so the callback can be registered but still can\n * access the latest value at a later point in time.\n */\nexport function useLatest<T>(value: T): MutableRefObject<T> {\n  const ref = useRef(value);\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;AAWO,SAAS,UAAa,KAA+B,EAAA;AAC1D,EAAM,MAAA,GAAA,GAAMA,aAAO,KAAK,CAAA,CAAA;AACxB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AACV,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}

package/dist/utils/use-latest.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-latest.mjs","sources":["../../src/utils/use-latest.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nexport function useLatest<T>(value: T) {\n  const ref: MutableRefObject<T> = useRef(value);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref;\n}\n"],"names":[],"mappings":";;AAGO,SAAS,UAAa,KAAU,EAAA;AACrC,EAAM,MAAA,GAAA,GAA2B,OAAO,KAAK,CAAA,CAAA;AAE7C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"use-latest.mjs","sources":["../../src/utils/use-latest.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Keeps a ref in sync with a given value that may or may not change on\n * every render.\n *\n * The purpose of this hook is to return a stable ref that can be passed\n * to a callback function so the callback can be registered but still can\n * access the latest value at a later point in time.\n */\nexport function useLatest<T>(value: T): MutableRefObject<T> {\n  const ref = useRef(value);\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref;\n}\n"],"names":[],"mappings":";;AAWO,SAAS,UAAa,KAA+B,EAAA;AAC1D,EAAM,MAAA,GAAA,GAAM,OAAO,KAAK,CAAA,CAAA;AACxB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AACV,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}

package/dist/version.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = "2.7.2";
+const PKG_VERSION = "2.8.0-beta2";
 const PKG_FORMAT = "cjs";
 
 exports.PKG_FORMAT = PKG_FORMAT;