@box/threaded-annotations 1.95.2 → 1.96.1

package/dist/types/lib/components/v2/message-editor/message-editor.types.d.ts

@@ -6,6 +6,19 @@ export declare enum MessageEditorVariant {
     EDIT_MESSAGE = "EDIT_MESSAGE"
 }
 type MessageActionCallback = (content: JSONContent | null) => Promise<TextMessageType | void> | TextMessageType | void;
+/**
+ * Opt-in config for the editor-footer timestamp toggle. Pressed state is
+ * controlled by the host; this component does not modify the editor document
+ * to record the toggle.
+ */
+export interface VideoTimestampOptions {
+    /** Display-formatted timestamp (e.g. "00:43") shown in the toggle. May change as playback progresses. */
+    formattedTimestamp: string;
+    /** Pressed state of the timestamp toggle. */
+    isPressed: boolean;
+    /** Called when the user toggles the timestamp pill. */
+    onPressedChange: (pressed: boolean) => void;
+}
 interface BaseMessageEditorProps {
     disableComponent?: boolean;
     /** When true (create mode only), editor does not expand to full width. Defaults to false. */
@@ -21,6 +34,8 @@ interface BaseMessageEditorProps {
     maxCharacterCount?: number;
     /** Properties for the user selector component from blueprint-web. */
     userSelectorProps: Omit<HeadlessUserSelectorProps, 'inputElementRef' | 'onSelectedUserChange' | 'open' | 'rootElement' | 'value'>;
+    /** When provided, renders the timestamp toggle in the editor footer. */
+    videoTimestamp?: VideoTimestampOptions;
 }
 export interface CreateMessageEditorProps extends BaseMessageEditorProps {
     /**

package/dist/types/lib/components/v2/message-editor/messages.d.ts

@@ -54,5 +54,10 @@ declare const messages: {
         description: string;
         id: string;
     };
+    timestampToggleLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

package/dist/types/lib/components/v2/message-editor/stories/shared.d.ts

@@ -4,5 +4,5 @@ export declare const defaultUserSelectorProps: Omit<import('@box/user-selector')
 type DefaultMessageEditorProps = MessageEditorProps & {
     fetchCollaboratorState?: (user: UserContactType) => Promise<boolean>;
 };
-export declare const DefaultMessageEditor: ({ fetchCollaboratorState, ...props }: DefaultMessageEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultMessageEditor: ({ fetchCollaboratorState, videoTimestamp, ...props }: DefaultMessageEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/v2/message-editor/subcomponents/timestamp-toggle.d.ts

@@ -0,0 +1,9 @@
+export interface TimestampToggleProps {
+    className?: string;
+    disabled?: boolean;
+    formattedTimestamp: string;
+    isPressed: boolean;
+    /** Synchronous; throws propagate to the React error boundary. */
+    onChange: (isPressed: boolean) => void;
+}
+export declare const TimestampToggle: ({ className, disabled, formattedTimestamp, isPressed, onChange, }: TimestampToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/v2/test-utils/test-selectors.d.ts

@@ -10,4 +10,5 @@ export declare const TEST_SELECTORS: {
     EDIT_MENU_ITEM: string;
     RESOLVE_MENU_ITEM: string;
     UNRESOLVE_MENU_ITEM: string;
+    TIMESTAMP_TOGGLE: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "1.95.2",
+    "version": "1.96.1",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@tanstack/react-virtual": "^3.10.8",
@@ -16,23 +16,23 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^15.5.3",
-        "@box/blueprint-web-assets": "^4.123.1",
-        "@box/collaboration-popover": "^1.63.12",
-        "@box/readable-time": "^1.42.12",
-        "@box/user-selector": "^1.77.12",
+        "@box/blueprint-web": "^15.6.0",
+        "@box/blueprint-web-assets": "^4.123.2",
+        "@box/collaboration-popover": "^1.63.13",
+        "@box/readable-time": "^1.42.13",
+        "@box/user-selector": "^1.77.13",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^15.5.3",
-        "@box/blueprint-web-assets": "^4.123.1",
+        "@box/blueprint-web": "^15.6.0",
+        "@box/blueprint-web-assets": "^4.123.2",
         "@box/eslint-plugin-blueprint": "1.2.5",
-        "@box/readable-time": "^1.42.12",
-        "@box/storybook-utils": "^0.20.11",
-        "@box/user-selector": "^1.77.12",
+        "@box/readable-time": "^1.42.13",
+        "@box/storybook-utils": "^0.20.12",
+        "@box/user-selector": "^1.77.13",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },