@atlaskit/editor-plugin-placeholder 16.1.8 → 16.2.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-placeholder
 
+## 16.2.0
+
+### Minor Changes
+
+- [`f8494a7feeab9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f8494a7feeab9) -
+  Add animated full-sentence Library CTA placeholder prompts with Library-specific faster erase
+  timing, a static reduced-motion fallback, and screen-reader-safe presentation.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.1.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.1.8
 
 ### Patch Changes

package/dist/cjs/placeholderPlugin.js

@@ -59,7 +59,7 @@ var placeholderPlugin = exports.placeholderPlugin = function placeholderPlugin(_
         name: 'placeholder',
         plugin: function plugin(_ref5) {
           var getIntl = _ref5.getIntl;
-          return (0, _main.default)(getIntl(), options && options.placeholder, options && options.placeholderBracketHint, options && options.emptyLinePlaceholder, options && options.placeholderPrompts, options === null || options === void 0 ? void 0 : options.withEmptyParagraph, options === null || options === void 0 ? void 0 : options.isPlaceholderHidden, options && options.placeholderADF, options === null || options === void 0 ? void 0 : options.isRovoLLMEnabled, api);
+          return (0, _main.default)(getIntl(), options && options.placeholder, options && options.placeholderBracketHint, options && options.emptyLinePlaceholder, options && options.placeholderPrompts, options === null || options === void 0 ? void 0 : options.withEmptyParagraph, options === null || options === void 0 ? void 0 : options.isPlaceholderHidden, options && options.placeholderADF, options && options.placeholderPromptAnimationOptions, options === null || options === void 0 ? void 0 : options.isRovoLLMEnabled, api);
         }
       }];
     },

package/dist/cjs/pm-plugins/animation.js

@@ -7,6 +7,13 @@ exports.cycleThroughPlaceholderPrompts = void 0;
 var _constants = require("./constants");
 var cycleThroughPlaceholderPrompts = exports.cycleThroughPlaceholderPrompts = function cycleThroughPlaceholderPrompts(placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText) {
   var initialDelayWhenUserTypedAndDeleted = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var options = arguments.length > 4 ? arguments[4] : undefined;
+  var prefersReducedMotion = typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+  if (prefersReducedMotion) {
+    var _placeholderPrompts$;
+    placeholderNodeWithText.textContent = (_placeholderPrompts$ = placeholderPrompts[0]) !== null && _placeholderPrompts$ !== void 0 ? _placeholderPrompts$ : '';
+    return;
+  }
   var currentPromptIndex = 0;
   var displayedText = '';
   var animationTimeouts = [];
@@ -22,7 +29,10 @@ var cycleThroughPlaceholderPrompts = exports.cycleThroughPlaceholderPrompts = fu
     return timeoutId;
   };
   var _startAnimationCycle = function startAnimationCycle() {
+    var _options$eraseDelay, _options$pauseBeforeE;
     var currentPrompt = placeholderPrompts[currentPromptIndex];
+    var eraseDelay = (_options$eraseDelay = options === null || options === void 0 ? void 0 : options.eraseDelay) !== null && _options$eraseDelay !== void 0 ? _options$eraseDelay : _constants.TYPEWRITER_ERASE_DELAY;
+    var pauseBeforeErase = (_options$pauseBeforeE = options === null || options === void 0 ? void 0 : options.pauseBeforeErase) !== null && _options$pauseBeforeE !== void 0 ? _options$pauseBeforeE : _constants.TYPEWRITER_PAUSE_BEFORE_ERASE;
     var characterIndex = 0;
     var _typeNextCharacter = function typeNextCharacter() {
       if (characterIndex < currentPrompt.length) {
@@ -31,14 +41,14 @@ var cycleThroughPlaceholderPrompts = exports.cycleThroughPlaceholderPrompts = fu
         characterIndex++;
         scheduleTimeout(_typeNextCharacter, _constants.TYPEWRITER_TYPE_DELAY);
       } else {
-        scheduleTimeout(_eraseLastCharacter, _constants.TYPEWRITER_PAUSE_BEFORE_ERASE);
+        scheduleTimeout(_eraseLastCharacter, pauseBeforeErase);
       }
     };
     var _eraseLastCharacter = function eraseLastCharacter() {
       if (displayedText.length > 1) {
         displayedText = displayedText.substring(0, displayedText.length - 1);
         placeholderNodeWithText.textContent = displayedText;
-        scheduleTimeout(_eraseLastCharacter, _constants.TYPEWRITER_ERASE_DELAY);
+        scheduleTimeout(_eraseLastCharacter, eraseDelay);
       } else {
         displayedText = ' ';
         placeholderNodeWithText.textContent = displayedText;

package/dist/cjs/pm-plugins/decorations.js

@@ -17,6 +17,7 @@ function createPlaceholderDecoration(editorState, placeholderText, placeholderPr
   var initialDelayWhenUserTypedAndDeleted = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
   var placeholderADF = arguments.length > 6 ? arguments[6] : undefined;
   var showOnEmptyParagraph = arguments.length > 7 ? arguments[7] : undefined;
+  var placeholderPromptAnimationOptions = arguments.length > 8 ? arguments[8] : undefined;
   var browser = (0, _browser.getBrowserInfo)();
   var placeholderDecoration = document.createElement('span');
   var placeholderNodeWithText = placeholderDecoration;
@@ -73,7 +74,7 @@ function createPlaceholderDecoration(editorState, placeholderText, placeholderPr
       });
     }
   } else if (placeholderPrompts) {
-    (0, _animation.cycleThroughPlaceholderPrompts)(placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText, initialDelayWhenUserTypedAndDeleted);
+    (0, _animation.cycleThroughPlaceholderPrompts)(placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText, initialDelayWhenUserTypedAndDeleted, placeholderPromptAnimationOptions);
   }
 
   // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard

package/dist/cjs/pm-plugins/main.js

@@ -10,7 +10,7 @@ var _placeholderPlugin = require("../placeholderPlugin");
 var _constants = require("./constants");
 var _decorations = require("./decorations");
 var _utils = require("./utils");
-function createPlugin(intl, defaultPlaceholderText, bracketPlaceholderText, emptyLinePlaceholder, placeholderPrompts, withEmptyParagraph, initialIsPlaceholderHidden, placeholderADF, isRovoLLMEnabled, api) {
+function createPlugin(intl, defaultPlaceholderText, bracketPlaceholderText, emptyLinePlaceholder, placeholderPrompts, withEmptyParagraph, initialIsPlaceholderHidden, placeholderADF, placeholderPromptAnimationOptions, isRovoLLMEnabled, api) {
   if (!defaultPlaceholderText && !placeholderPrompts && !bracketPlaceholderText && !placeholderADF) {
     return;
   }
@@ -118,7 +118,7 @@ function createPlugin(intl, defaultPlaceholderText, bracketPlaceholderText, empt
           var initialDelayWhenUserTypedAndDeleted = typedAndDeleted ? _constants.TYPEWRITER_TYPED_AND_DELETED_DELAY : 0;
           // contextPlaceholderADF takes precedence over the global placeholderADF
           var placeholderAdfToUse = contextPlaceholderADF || placeholderADF;
-          return (0, _decorations.createPlaceholderDecoration)(editorState, placeholderText !== null && placeholderText !== void 0 ? placeholderText : '', placeholderPrompts, activeTypewriterTimeouts, pos, initialDelayWhenUserTypedAndDeleted, placeholderAdfToUse, showOnEmptyParagraph);
+          return (0, _decorations.createPlaceholderDecoration)(editorState, placeholderText !== null && placeholderText !== void 0 ? placeholderText : '', placeholderPrompts, activeTypewriterTimeouts, pos, initialDelayWhenUserTypedAndDeleted, placeholderAdfToUse, showOnEmptyParagraph, placeholderPromptAnimationOptions);
         }
         return;
       }

package/dist/es2019/placeholderPlugin.js

@@ -50,7 +50,7 @@ export const placeholderPlugin = ({
         name: 'placeholder',
         plugin: ({
           getIntl
-        }) => createPlugin(getIntl(), options && options.placeholder, options && options.placeholderBracketHint, options && options.emptyLinePlaceholder, options && options.placeholderPrompts, options === null || options === void 0 ? void 0 : options.withEmptyParagraph, options === null || options === void 0 ? void 0 : options.isPlaceholderHidden, options && options.placeholderADF, options === null || options === void 0 ? void 0 : options.isRovoLLMEnabled, api)
+        }) => createPlugin(getIntl(), options && options.placeholder, options && options.placeholderBracketHint, options && options.emptyLinePlaceholder, options && options.placeholderPrompts, options === null || options === void 0 ? void 0 : options.withEmptyParagraph, options === null || options === void 0 ? void 0 : options.isPlaceholderHidden, options && options.placeholderADF, options && options.placeholderPromptAnimationOptions, options === null || options === void 0 ? void 0 : options.isRovoLLMEnabled, api)
       }];
     },
     contentComponent: params => {

package/dist/es2019/pm-plugins/animation.js

@@ -1,5 +1,11 @@
 import { TYPEWRITER_CYCLE_DELAY, TYPEWRITER_ERASE_DELAY, TYPEWRITER_PAUSE_BEFORE_ERASE, TYPEWRITER_TYPE_DELAY } from './constants';
-export const cycleThroughPlaceholderPrompts = (placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText, initialDelayWhenUserTypedAndDeleted = 0) => {
+export const cycleThroughPlaceholderPrompts = (placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText, initialDelayWhenUserTypedAndDeleted = 0, options) => {
+  const prefersReducedMotion = typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+  if (prefersReducedMotion) {
+    var _placeholderPrompts$;
+    placeholderNodeWithText.textContent = (_placeholderPrompts$ = placeholderPrompts[0]) !== null && _placeholderPrompts$ !== void 0 ? _placeholderPrompts$ : '';
+    return;
+  }
   let currentPromptIndex = 0;
   let displayedText = '';
   let animationTimeouts = [];
@@ -13,7 +19,10 @@ export const cycleThroughPlaceholderPrompts = (placeholderPrompts, activeTypewri
     return timeoutId;
   };
   const startAnimationCycle = () => {
+    var _options$eraseDelay, _options$pauseBeforeE;
     const currentPrompt = placeholderPrompts[currentPromptIndex];
+    const eraseDelay = (_options$eraseDelay = options === null || options === void 0 ? void 0 : options.eraseDelay) !== null && _options$eraseDelay !== void 0 ? _options$eraseDelay : TYPEWRITER_ERASE_DELAY;
+    const pauseBeforeErase = (_options$pauseBeforeE = options === null || options === void 0 ? void 0 : options.pauseBeforeErase) !== null && _options$pauseBeforeE !== void 0 ? _options$pauseBeforeE : TYPEWRITER_PAUSE_BEFORE_ERASE;
     let characterIndex = 0;
     const typeNextCharacter = () => {
       if (characterIndex < currentPrompt.length) {
@@ -22,14 +31,14 @@ export const cycleThroughPlaceholderPrompts = (placeholderPrompts, activeTypewri
         characterIndex++;
         scheduleTimeout(typeNextCharacter, TYPEWRITER_TYPE_DELAY);
       } else {
-        scheduleTimeout(eraseLastCharacter, TYPEWRITER_PAUSE_BEFORE_ERASE);
+        scheduleTimeout(eraseLastCharacter, pauseBeforeErase);
       }
     };
     const eraseLastCharacter = () => {
       if (displayedText.length > 1) {
         displayedText = displayedText.substring(0, displayedText.length - 1);
         placeholderNodeWithText.textContent = displayedText;
-        scheduleTimeout(eraseLastCharacter, TYPEWRITER_ERASE_DELAY);
+        scheduleTimeout(eraseLastCharacter, eraseDelay);
       } else {
         displayedText = ' ';
         placeholderNodeWithText.textContent = displayedText;

package/dist/es2019/pm-plugins/decorations.js

@@ -6,7 +6,7 @@ import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { cycleThroughPlaceholderPrompts } from './animation';
 import { placeholderTestId } from './constants';
-export function createPlaceholderDecoration(editorState, placeholderText, placeholderPrompts, activeTypewriterTimeouts, pos = 1, initialDelayWhenUserTypedAndDeleted = 0, placeholderADF, showOnEmptyParagraph) {
+export function createPlaceholderDecoration(editorState, placeholderText, placeholderPrompts, activeTypewriterTimeouts, pos = 1, initialDelayWhenUserTypedAndDeleted = 0, placeholderADF, showOnEmptyParagraph, placeholderPromptAnimationOptions) {
   const browser = getBrowserInfo();
   const placeholderDecoration = document.createElement('span');
   let placeholderNodeWithText = placeholderDecoration;
@@ -63,7 +63,7 @@ export function createPlaceholderDecoration(editorState, placeholderText, placeh
       });
     }
   } else if (placeholderPrompts) {
-    cycleThroughPlaceholderPrompts(placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText, initialDelayWhenUserTypedAndDeleted);
+    cycleThroughPlaceholderPrompts(placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText, initialDelayWhenUserTypedAndDeleted, placeholderPromptAnimationOptions);
   }
 
   // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard

package/dist/es2019/pm-plugins/main.js

@@ -4,7 +4,7 @@ import { EMPTY_PARAGRAPH_TIMEOUT_DELAY, pluginKey } from '../placeholderPlugin';
 import { TYPEWRITER_TYPED_AND_DELETED_DELAY } from './constants';
 import { createPlaceholderDecoration } from './decorations';
 import { calculateUserInteractionState, createPlaceHolderStateFrom, getPlaceholderState } from './utils';
-export default function createPlugin(intl, defaultPlaceholderText, bracketPlaceholderText, emptyLinePlaceholder, placeholderPrompts, withEmptyParagraph, initialIsPlaceholderHidden, placeholderADF, isRovoLLMEnabled, api) {
+export default function createPlugin(intl, defaultPlaceholderText, bracketPlaceholderText, emptyLinePlaceholder, placeholderPrompts, withEmptyParagraph, initialIsPlaceholderHidden, placeholderADF, placeholderPromptAnimationOptions, isRovoLLMEnabled, api) {
   if (!defaultPlaceholderText && !placeholderPrompts && !bracketPlaceholderText && !placeholderADF) {
     return;
   }
@@ -112,7 +112,7 @@ export default function createPlugin(intl, defaultPlaceholderText, bracketPlaceh
           const initialDelayWhenUserTypedAndDeleted = typedAndDeleted ? TYPEWRITER_TYPED_AND_DELETED_DELAY : 0;
           // contextPlaceholderADF takes precedence over the global placeholderADF
           const placeholderAdfToUse = contextPlaceholderADF || placeholderADF;
-          return createPlaceholderDecoration(editorState, placeholderText !== null && placeholderText !== void 0 ? placeholderText : '', placeholderPrompts, activeTypewriterTimeouts, pos, initialDelayWhenUserTypedAndDeleted, placeholderAdfToUse, showOnEmptyParagraph);
+          return createPlaceholderDecoration(editorState, placeholderText !== null && placeholderText !== void 0 ? placeholderText : '', placeholderPrompts, activeTypewriterTimeouts, pos, initialDelayWhenUserTypedAndDeleted, placeholderAdfToUse, showOnEmptyParagraph, placeholderPromptAnimationOptions);
         }
         return;
       }

package/dist/esm/placeholderPlugin.js

@@ -52,7 +52,7 @@ export var placeholderPlugin = function placeholderPlugin(_ref) {
         name: 'placeholder',
         plugin: function plugin(_ref5) {
           var getIntl = _ref5.getIntl;
-          return createPlugin(getIntl(), options && options.placeholder, options && options.placeholderBracketHint, options && options.emptyLinePlaceholder, options && options.placeholderPrompts, options === null || options === void 0 ? void 0 : options.withEmptyParagraph, options === null || options === void 0 ? void 0 : options.isPlaceholderHidden, options && options.placeholderADF, options === null || options === void 0 ? void 0 : options.isRovoLLMEnabled, api);
+          return createPlugin(getIntl(), options && options.placeholder, options && options.placeholderBracketHint, options && options.emptyLinePlaceholder, options && options.placeholderPrompts, options === null || options === void 0 ? void 0 : options.withEmptyParagraph, options === null || options === void 0 ? void 0 : options.isPlaceholderHidden, options && options.placeholderADF, options && options.placeholderPromptAnimationOptions, options === null || options === void 0 ? void 0 : options.isRovoLLMEnabled, api);
         }
       }];
     },

package/dist/esm/pm-plugins/animation.js

@@ -1,6 +1,13 @@
 import { TYPEWRITER_CYCLE_DELAY, TYPEWRITER_ERASE_DELAY, TYPEWRITER_PAUSE_BEFORE_ERASE, TYPEWRITER_TYPE_DELAY } from './constants';
 export var cycleThroughPlaceholderPrompts = function cycleThroughPlaceholderPrompts(placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText) {
   var initialDelayWhenUserTypedAndDeleted = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var options = arguments.length > 4 ? arguments[4] : undefined;
+  var prefersReducedMotion = typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+  if (prefersReducedMotion) {
+    var _placeholderPrompts$;
+    placeholderNodeWithText.textContent = (_placeholderPrompts$ = placeholderPrompts[0]) !== null && _placeholderPrompts$ !== void 0 ? _placeholderPrompts$ : '';
+    return;
+  }
   var currentPromptIndex = 0;
   var displayedText = '';
   var animationTimeouts = [];
@@ -16,7 +23,10 @@ export var cycleThroughPlaceholderPrompts = function cycleThroughPlaceholderProm
     return timeoutId;
   };
   var _startAnimationCycle = function startAnimationCycle() {
+    var _options$eraseDelay, _options$pauseBeforeE;
     var currentPrompt = placeholderPrompts[currentPromptIndex];
+    var eraseDelay = (_options$eraseDelay = options === null || options === void 0 ? void 0 : options.eraseDelay) !== null && _options$eraseDelay !== void 0 ? _options$eraseDelay : TYPEWRITER_ERASE_DELAY;
+    var pauseBeforeErase = (_options$pauseBeforeE = options === null || options === void 0 ? void 0 : options.pauseBeforeErase) !== null && _options$pauseBeforeE !== void 0 ? _options$pauseBeforeE : TYPEWRITER_PAUSE_BEFORE_ERASE;
     var characterIndex = 0;
     var _typeNextCharacter = function typeNextCharacter() {
       if (characterIndex < currentPrompt.length) {
@@ -25,14 +35,14 @@ export var cycleThroughPlaceholderPrompts = function cycleThroughPlaceholderProm
         characterIndex++;
         scheduleTimeout(_typeNextCharacter, TYPEWRITER_TYPE_DELAY);
       } else {
-        scheduleTimeout(_eraseLastCharacter, TYPEWRITER_PAUSE_BEFORE_ERASE);
+        scheduleTimeout(_eraseLastCharacter, pauseBeforeErase);
       }
     };
     var _eraseLastCharacter = function eraseLastCharacter() {
       if (displayedText.length > 1) {
         displayedText = displayedText.substring(0, displayedText.length - 1);
         placeholderNodeWithText.textContent = displayedText;
-        scheduleTimeout(_eraseLastCharacter, TYPEWRITER_ERASE_DELAY);
+        scheduleTimeout(_eraseLastCharacter, eraseDelay);
       } else {
         displayedText = ' ';
         placeholderNodeWithText.textContent = displayedText;

package/dist/esm/pm-plugins/decorations.js

@@ -11,6 +11,7 @@ export function createPlaceholderDecoration(editorState, placeholderText, placeh
   var initialDelayWhenUserTypedAndDeleted = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
   var placeholderADF = arguments.length > 6 ? arguments[6] : undefined;
   var showOnEmptyParagraph = arguments.length > 7 ? arguments[7] : undefined;
+  var placeholderPromptAnimationOptions = arguments.length > 8 ? arguments[8] : undefined;
   var browser = getBrowserInfo();
   var placeholderDecoration = document.createElement('span');
   var placeholderNodeWithText = placeholderDecoration;
@@ -67,7 +68,7 @@ export function createPlaceholderDecoration(editorState, placeholderText, placeh
       });
     }
   } else if (placeholderPrompts) {
-    cycleThroughPlaceholderPrompts(placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText, initialDelayWhenUserTypedAndDeleted);
+    cycleThroughPlaceholderPrompts(placeholderPrompts, activeTypewriterTimeouts, placeholderNodeWithText, initialDelayWhenUserTypedAndDeleted, placeholderPromptAnimationOptions);
   }
 
   // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard

package/dist/esm/pm-plugins/main.js

@@ -4,7 +4,7 @@ import { EMPTY_PARAGRAPH_TIMEOUT_DELAY, pluginKey } from '../placeholderPlugin';
 import { TYPEWRITER_TYPED_AND_DELETED_DELAY } from './constants';
 import { createPlaceholderDecoration } from './decorations';
 import { calculateUserInteractionState, createPlaceHolderStateFrom, getPlaceholderState } from './utils';
-export default function createPlugin(intl, defaultPlaceholderText, bracketPlaceholderText, emptyLinePlaceholder, placeholderPrompts, withEmptyParagraph, initialIsPlaceholderHidden, placeholderADF, isRovoLLMEnabled, api) {
+export default function createPlugin(intl, defaultPlaceholderText, bracketPlaceholderText, emptyLinePlaceholder, placeholderPrompts, withEmptyParagraph, initialIsPlaceholderHidden, placeholderADF, placeholderPromptAnimationOptions, isRovoLLMEnabled, api) {
   if (!defaultPlaceholderText && !placeholderPrompts && !bracketPlaceholderText && !placeholderADF) {
     return;
   }
@@ -112,7 +112,7 @@ export default function createPlugin(intl, defaultPlaceholderText, bracketPlaceh
           var initialDelayWhenUserTypedAndDeleted = typedAndDeleted ? TYPEWRITER_TYPED_AND_DELETED_DELAY : 0;
           // contextPlaceholderADF takes precedence over the global placeholderADF
           var placeholderAdfToUse = contextPlaceholderADF || placeholderADF;
-          return createPlaceholderDecoration(editorState, placeholderText !== null && placeholderText !== void 0 ? placeholderText : '', placeholderPrompts, activeTypewriterTimeouts, pos, initialDelayWhenUserTypedAndDeleted, placeholderAdfToUse, showOnEmptyParagraph);
+          return createPlaceholderDecoration(editorState, placeholderText !== null && placeholderText !== void 0 ? placeholderText : '', placeholderPrompts, activeTypewriterTimeouts, pos, initialDelayWhenUserTypedAndDeleted, placeholderAdfToUse, showOnEmptyParagraph, placeholderPromptAnimationOptions);
         }
         return;
       }

package/dist/types/placeholderPluginType.d.ts

@@ -4,6 +4,7 @@ import type { CompositionPlugin } from '@atlaskit/editor-plugin-composition';
 import type { FocusPlugin } from '@atlaskit/editor-plugin-focus';
 import type { ShowDiffPlugin } from '@atlaskit/editor-plugin-show-diff';
 import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+import type { PlaceholderPromptAnimationOptions } from './pm-plugins/types';
 export interface PlaceholderPluginOptions {
     emptyLinePlaceholder?: string;
     enableLoadingSpinner?: boolean;
@@ -12,6 +13,7 @@ export interface PlaceholderPluginOptions {
     placeholder?: string;
     placeholderADF?: DocNode;
     placeholderBracketHint?: string;
+    placeholderPromptAnimationOptions?: PlaceholderPromptAnimationOptions;
     placeholderPrompts?: string[];
     withEmptyParagraph?: boolean;
 }

package/dist/types/pm-plugins/animation.d.ts

@@ -1 +1,2 @@
-export declare const cycleThroughPlaceholderPrompts: (placeholderPrompts: string[], activeTypewriterTimeouts: (() => void)[] | undefined, placeholderNodeWithText: HTMLElement, initialDelayWhenUserTypedAndDeleted?: number) => void;
+import type { PlaceholderPromptAnimationOptions } from './types';
+export declare const cycleThroughPlaceholderPrompts: (placeholderPrompts: string[], activeTypewriterTimeouts: (() => void)[] | undefined, placeholderNodeWithText: HTMLElement, initialDelayWhenUserTypedAndDeleted?: number, options?: PlaceholderPromptAnimationOptions) => void;

package/dist/types/pm-plugins/decorations.d.ts

@@ -1,4 +1,5 @@
 import type { DocNode } from '@atlaskit/adf-schema/doc';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-export declare function createPlaceholderDecoration(editorState: EditorState, placeholderText: string, placeholderPrompts?: string[], activeTypewriterTimeouts?: (() => void)[], pos?: number, initialDelayWhenUserTypedAndDeleted?: number, placeholderADF?: DocNode, showOnEmptyParagraph?: boolean): DecorationSet;
+import type { PlaceholderPromptAnimationOptions } from './types';
+export declare function createPlaceholderDecoration(editorState: EditorState, placeholderText: string, placeholderPrompts?: string[], activeTypewriterTimeouts?: (() => void)[], pos?: number, initialDelayWhenUserTypedAndDeleted?: number, placeholderADF?: DocNode, showOnEmptyParagraph?: boolean, placeholderPromptAnimationOptions?: PlaceholderPromptAnimationOptions): DecorationSet;

package/dist/types/pm-plugins/main.d.ts

@@ -2,5 +2,5 @@ import type { IntlShape } from 'react-intl';
 import type { DocNode } from '@atlaskit/adf-schema/doc';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { PlaceholderPlugin } from '../placeholderPluginType';
-export default function createPlugin(intl: IntlShape, defaultPlaceholderText?: string, bracketPlaceholderText?: string, emptyLinePlaceholder?: string, placeholderPrompts?: string[], withEmptyParagraph?: boolean, initialIsPlaceholderHidden?: boolean, placeholderADF?: DocNode, isRovoLLMEnabled?: boolean, api?: ExtractInjectionAPI<PlaceholderPlugin>): SafePlugin | undefined;
+import type { PlaceholderPlugin, PlaceholderPluginOptions } from '../placeholderPluginType';
+export default function createPlugin(intl: IntlShape, defaultPlaceholderText?: string, bracketPlaceholderText?: string, emptyLinePlaceholder?: string, placeholderPrompts?: string[], withEmptyParagraph?: boolean, initialIsPlaceholderHidden?: boolean, placeholderADF?: DocNode, placeholderPromptAnimationOptions?: PlaceholderPluginOptions['placeholderPromptAnimationOptions'], isRovoLLMEnabled?: boolean, api?: ExtractInjectionAPI<PlaceholderPlugin>): SafePlugin | undefined;

package/dist/types/pm-plugins/types.d.ts

@@ -30,6 +30,10 @@ export type CreatePlaceholderStateProps = {
     userHadTyped?: boolean;
     withEmptyParagraph?: boolean;
 };
+export type PlaceholderPromptAnimationOptions = {
+    eraseDelay?: number;
+    pauseBeforeErase?: number;
+};
 export type UserInteractionState = {
     newEditorState: EditorState;
     oldEditorState?: EditorState;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-placeholder",
-	"version": "16.1.8",
+	"version": "16.2.0",
 	"description": "Placeholder plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -24,13 +24,13 @@
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/editor-plugin-composition": "^15.1.0",
 		"@atlaskit/editor-plugin-focus": "^15.1.0",
-		"@atlaskit/editor-plugin-show-diff": "^14.4.0",
+		"@atlaskit/editor-plugin-show-diff": "^14.5.0",
 		"@atlaskit/editor-plugin-type-ahead": "^17.1.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/spinner": "^20.4.0",
-		"@atlaskit/tmp-editor-statsig": "^176.0.0",
+		"@atlaskit/tmp-editor-statsig": "^177.0.0",
 		"@atlaskit/tokens": "^16.11.0",
 		"@babel/runtime": "^7.0.0"
 	},