refactor: rename placeholderOnEmpty to showPlaceholderOnEmpty across editor components

Author: iam-vipin

apps/web/core/components/editor/lite-text/editor.tsx

@@ -72,6 +72,7 @@ export const LiteTextEditor = React.forwardRef(function LiteTextEditor(
     placeholder = t("issue.comments.placeholder"),
     disabledExtensions: additionalDisabledExtensions = [],
     editorClassName = "",
+    showPlaceholderOnEmpty = true,
     ...rest
   } = props;
   // states
@@ -154,7 +155,7 @@ export const LiteTextEditor = React.forwardRef(function LiteTextEditor(
               }),
             }}
             placeholder={placeholder}
-            placeholderOnEmpty={true}
+            showPlaceholderOnEmpty={showPlaceholderOnEmpty}
             containerClassName={cn(containerClassName, "relative", {
               "p-2": !editable,
             })}

packages/editor/src/core/components/editors/editor-wrapper.tsx

@@ -41,7 +41,7 @@ export function EditorWrapper(props: Props) {
     handleEditorReady,
     autofocus,
     placeholder,
-    placeholderOnEmpty,
+    showPlaceholderOnEmpty,
     tabIndex,
     value,
   } = props;
@@ -68,7 +68,7 @@ export function EditorWrapper(props: Props) {
     handleEditorReady,
     autofocus,
     placeholder,
-    placeholderOnEmpty,
+    showPlaceholderOnEmpty,
     tabIndex,
     value,
   });

packages/editor/src/core/extensions/extensions.ts

@@ -47,7 +47,7 @@ type TArguments = Pick<
   | "isTouchDevice"
   | "mentionHandler"
   | "placeholder"
-  | "placeholderOnEmpty"
+  | "showPlaceholderOnEmpty"
   | "tabIndex"
   | "extendedEditorProps"
 > & {
@@ -66,7 +66,7 @@ export const CoreEditorExtensions = (args: TArguments): Extensions => {
     isTouchDevice = false,
     mentionHandler,
     placeholder,
-    placeholderOnEmpty,
+    showPlaceholderOnEmpty,
     tabIndex,
     editable,
     extendedEditorProps,
@@ -110,7 +110,7 @@ export const CoreEditorExtensions = (args: TArguments): Extensions => {
     TableCell,
     TableRow,
     CustomMentionExtension(mentionHandler),
-    CustomPlaceholderExtension({ placeholder, placeholderOnEmpty }),
+    CustomPlaceholderExtension({ placeholder, showPlaceholderOnEmpty }),
     CharacterCount,
     CustomColorExtension,
     CustomTextAlignExtension,

packages/editor/src/core/extensions/placeholder.ts

@@ -6,11 +6,11 @@ import type { IEditorProps } from "@/types";
 
 type TArgs = {
   placeholder: IEditorProps["placeholder"];
-  placeholderOnEmpty: IEditorProps["placeholderOnEmpty"];
+  showPlaceholderOnEmpty: IEditorProps["showPlaceholderOnEmpty"];
 };
 
 export const CustomPlaceholderExtension = (args: TArgs) => {
-  const { placeholder, placeholderOnEmpty } = args;
+  const { placeholder, showPlaceholderOnEmpty } = args;
 
   return Placeholder.configure({
     placeholder: ({ editor, node }) => {
@@ -30,7 +30,7 @@ export const CustomPlaceholderExtension = (args: TArgs) => {
 
       if (shouldHidePlaceholder) return "";
 
-      if (placeholderOnEmpty) {
+      if (showPlaceholderOnEmpty) {
         const isDocumentEmpty = editor.state.doc.textContent.length === 0;
         if (!isDocumentEmpty) {
           return "";

packages/editor/src/core/hooks/use-collaborative-editor.ts

@@ -33,7 +33,7 @@ export const useCollaborativeEditor = (props: TCollaborativeEditorHookProps) =>
     mentionHandler,
     onEditorFocus,
     placeholder,
-    placeholderOnEmpty,
+    showPlaceholderOnEmpty,
     realtimeConfig,
     serverHandler,
     tabIndex,
@@ -120,7 +120,7 @@ export const useCollaborativeEditor = (props: TCollaborativeEditorHookProps) =>
     onEditorFocus,
     onTransaction,
     placeholder,
-    placeholderOnEmpty,
+    showPlaceholderOnEmpty,
     provider,
     tabIndex,
   });

packages/editor/src/core/hooks/use-editor.ts

@@ -40,7 +40,7 @@ export const useEditor = (props: TEditorHookProps) => {
     onEditorFocus,
     onTransaction,
     placeholder,
-    placeholderOnEmpty,
+    showPlaceholderOnEmpty,
     tabIndex,
     provider,
     value,
@@ -71,7 +71,7 @@ export const useEditor = (props: TEditorHookProps) => {
           isTouchDevice,
           mentionHandler,
           placeholder,
-          placeholderOnEmpty,
+          showPlaceholderOnEmpty,
           tabIndex,
           provider,
         }),

packages/editor/src/core/types/editor.ts

@@ -164,7 +164,7 @@ export type IEditorProps = {
   onEnterKeyPress?: (e?: any) => void;
   onTransaction?: () => void;
   placeholder?: string | ((isFocused: boolean, value: string) => string);
-  placeholderOnEmpty?: boolean;
+  showPlaceholderOnEmpty?: boolean;
   tabIndex?: number;
   value?: string | null;
   extendedEditorProps: IEditorPropsExtended;

packages/editor/src/core/types/hook.ts

@@ -29,7 +29,7 @@ export type TEditorHookProps = TCoreHookProps &
     | "onChange"
     | "onTransaction"
     | "placeholder"
-    | "placeholderOnEmpty"
+    | "showPlaceholderOnEmpty"
     | "tabIndex"
     | "value"
   > & {
@@ -51,7 +51,7 @@ export type TCollaborativeEditorHookProps = TCoreHookProps &
     | "onChange"
     | "onTransaction"
     | "placeholder"
-    | "placeholderOnEmpty"
+    | "showPlaceholderOnEmpty"
     | "tabIndex"
   > &
   Pick<