Merge pull request #5825 from ilzamcmed/LPD-1647

refactor(@clayui/empty-state): LPD-1647 Remove truncate text in Empty State
liferay · May 24, 2024 · 6dec9af · 6dec9af
2 parents c1ce18e + c3f8bb1
commit 6dec9af
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 53 deletions.
diff --git a/packages/clay-empty-state/src/__tests__/__snapshots__/index.tsx.snap b/packages/clay-empty-state/src/__tests__/__snapshots__/index.tsx.snap
@@ -8,14 +8,8 @@ exports[`ClayEmptyState renders with a children content 1`] = `
     <div
       class="c-empty-state-title"
     >
-      <span
-        class="text-truncate-inline"
-      >
-        <span
-          class="text-truncate"
-        >
-          No results found
-        </span>
+      <span>
+        No results found
       </span>
     </div>
     <div
@@ -58,14 +52,8 @@ exports[`ClayEmptyState renders with a reduced motion image provided 1`] = `
     <div
       class="c-empty-state-title"
     >
-      <span
-        class="text-truncate-inline"
-      >
-        <span
-          class="text-truncate"
-        >
-          No results found
-        </span>
+      <span>
+        No results found
       </span>
     </div>
     <div
@@ -98,14 +86,8 @@ exports[`ClayEmptyState renders with an image provided 1`] = `
     <div
       class="c-empty-state-title"
     >
-      <span
-        class="text-truncate-inline"
-      >
-        <span
-          class="text-truncate"
-        >
-          No results found
-        </span>
+      <span>
+        No results found
       </span>
     </div>
     <div
@@ -125,14 +107,8 @@ exports[`ClayEmptyState renders with default values 1`] = `
     <div
       class="c-empty-state-title"
     >
-      <span
-        class="text-truncate-inline"
-      >
-        <span
-          class="text-truncate"
-        >
-          No results found
-        </span>
+      <span>
+        No results found
       </span>
     </div>
     <div
@@ -165,14 +141,8 @@ exports[`ClayEmptyState renders with different image props 1`] = `
     <div
       class="c-empty-state-title"
     >
-      <span
-        class="text-truncate-inline"
-      >
-        <span
-          class="text-truncate"
-        >
-          No results found
-        </span>
+      <span>
+        No results found
       </span>
     </div>
     <div
@@ -215,14 +185,8 @@ exports[`ClayEmptyState renders with different reduced motion image props 1`] =
     <div
       class="c-empty-state-title"
     >
-      <span
-        class="text-truncate-inline"
-      >
-        <span
-          class="text-truncate"
-        >
-          No results found
-        </span>
+      <span>
+        No results found
       </span>
     </div>
     <div

diff --git a/packages/clay-empty-state/src/index.tsx b/packages/clay-empty-state/src/index.tsx
@@ -136,11 +136,7 @@ const ClayEmptyState = ({
 			)}
 
 			<div className="c-empty-state-title">
-				<span className="text-truncate-inline">
-					<span className="text-truncate">
-						{title || defaultTile}
-					</span>
-				</span>
+				<span>{title || defaultTile}</span>
 			</div>
 			<div className="c-empty-state-text">{description}</div>
 			{children && <div className="c-empty-state-footer">{children}</div>}