Added 'isEditorContentWithinLimit' utility function (#968)

* Added 'isEditorContentWithinLimit' utility function

* Used isNotPresent instead of custom isNilOrEmpty

---------

Co-authored-by: Roshan R <[email protected]>

src/index.js

@@ -5,7 +5,7 @@ import {
   isEmojiSuggestionsMenuActive,
 } from "components/Editor/utils";
 import { substituteVariables } from "components/EditorContent/utils";
-import { isEditorEmpty } from "utils/common";
+import { isEditorEmpty, isEditorContentWithinLimit } from "utils/common";
 
 import Attachments from "./components/Attachments";
 import Editor from "./components/Editor";
@@ -19,6 +19,7 @@ export {
   EditorContent,
   Menu,
   isEditorEmpty,
+  isEditorContentWithinLimit,
   substituteVariables,
   FormikEditor,
   Attachments,

src/utils/common.js

@@ -1,18 +1,27 @@
-import { isNil, isEmpty } from "ramda";
+import { isNotPresent } from "neetocist";
 
 import { NON_EMPTY_TAGS } from "./constants";
 
-export const isNilOrEmpty = object => isNil(object) || isEmpty(object);
-
 export const isEditorEmpty = htmlContent => {
-  if (isNilOrEmpty(htmlContent)) return true;
+  if (isNotPresent(htmlContent)) return true;
 
   if (NON_EMPTY_TAGS.some(tag => htmlContent.includes(tag))) return false;
 
   const element = document.createElement("div");
   element.innerHTML = htmlContent;
-  const editorIsEmpty = isNilOrEmpty(element.textContent?.trim());
+  const editorIsEmpty = isNotPresent(element.textContent?.trim());
   element.remove();
 
   return editorIsEmpty;
 };
+
+export const isEditorContentWithinLimit = (htmlContent, maxLength) => {
+  if (isNotPresent(htmlContent)) return true;
+
+  const element = document.createElement("div");
+  element.innerHTML = htmlContent;
+  const isLengthWithinLimit = element.textContent.length <= maxLength;
+  element.remove();
+
+  return isLengthWithinLimit;
+};

types.d.ts

@@ -163,6 +163,8 @@ export function Menu(props: MenuProps): JSX.Element;
 
 export function isEditorEmpty(htmlContent: string | null | undefined): boolean;
 
+export function isEditorContentWithinLimit(htmlContent: string | null | undefined, maxLength: number): boolean;
+
 export function isEditorOverlaysActive(): boolean;
 
 export function isEmojiSuggestionsMenuActive(): boolean;