@wordpress/media-fields 0.4.0 → 0.4.1-next.v.20260206T143.0

package/build/filename/view.cjs

@@ -38,6 +38,6 @@ function FileNameView({
   if (!fileName) {
     return "";
   }
-  return fileName.length > TRUNCATE_LENGTH ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: fileName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalTruncate, { children: fileName }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fileName });
+  return fileName.length > TRUNCATE_LENGTH ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: fileName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalTruncate, { limit: TRUNCATE_LENGTH, ellipsizeMode: "tail", children: fileName }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fileName });
 }
 //# sourceMappingURL=view.cjs.map

package/build/filename/view.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/filename/view.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tTooltip,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\nimport type { DataViewRenderFieldProps } from '@wordpress/dataviews';\n/**\n * Internal dependencies\n */\nimport type { MediaItem } from '../types';\n\n// Hard-coded truncate length to match the available area in the media sidebar.\n// Longer file names will be truncated and wrapped in a tooltip showing the full name.\nconst TRUNCATE_LENGTH = 15;\n\nexport default function FileNameView( {\n\titem,\n}: DataViewRenderFieldProps< MediaItem > ) {\n\tconst fileName = useMemo(\n\t\t() => ( item?.source_url ? getFilename( item.source_url ) : null ),\n\t\t[ item?.source_url ]\n\t);\n\n\tif ( ! fileName ) {\n\t\treturn '';\n\t}\n\n\treturn fileName.length > TRUNCATE_LENGTH ? (\n\t\t<Tooltip text={ fileName }>\n\t\t\t<Truncate>{ fileName }</Truncate>\n\t\t</Tooltip>\n\t) : (\n\t\t<>{ fileName }</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAGO;AACP,qBAAwB;AACxB,iBAA4B;AAyBzB;AAhBH,IAAM,kBAAkB;AAET,SAAR,aAA+B;AAAA,EACrC;AACD,GAA2C;AAC1C,QAAM,eAAW;AAAA,IAChB,MAAQ,MAAM,iBAAa,wBAAa,KAAK,UAAW,IAAI;AAAA,IAC5D,CAAE,MAAM,UAAW;AAAA,EACpB;AAEA,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SAAO,SAAS,SAAS,kBACxB,4CAAC,6BAAQ,MAAO,UACf,sDAAC,kBAAAA,wBAAA,EAAW,oBAAU,GACvB,IAEA,2EAAI,oBAAU;AAEhB;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tTooltip,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\nimport type { DataViewRenderFieldProps } from '@wordpress/dataviews';\n/**\n * Internal dependencies\n */\nimport type { MediaItem } from '../types';\n\n// Hard-coded truncate length to match the available area in the media sidebar.\n// Longer file names will be truncated and wrapped in a tooltip showing the full name.\nconst TRUNCATE_LENGTH = 15;\n\nexport default function FileNameView( {\n\titem,\n}: DataViewRenderFieldProps< MediaItem > ) {\n\tconst fileName = useMemo(\n\t\t() => ( item?.source_url ? getFilename( item.source_url ) : null ),\n\t\t[ item?.source_url ]\n\t);\n\n\tif ( ! fileName ) {\n\t\treturn '';\n\t}\n\n\treturn fileName.length > TRUNCATE_LENGTH ? (\n\t\t<Tooltip text={ fileName }>\n\t\t\t<Truncate limit={ TRUNCATE_LENGTH } ellipsizeMode=\"tail\">\n\t\t\t\t{ fileName }\n\t\t\t</Truncate>\n\t\t</Tooltip>\n\t) : (\n\t\t<>{ fileName }</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAGO;AACP,qBAAwB;AACxB,iBAA4B;AAyBzB;AAhBH,IAAM,kBAAkB;AAET,SAAR,aAA+B;AAAA,EACrC;AACD,GAA2C;AAC1C,QAAM,eAAW;AAAA,IAChB,MAAQ,MAAM,iBAAa,wBAAa,KAAK,UAAW,IAAI;AAAA,IAC5D,CAAE,MAAM,UAAW;AAAA,EACpB;AAEA,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SAAO,SAAS,SAAS,kBACxB,4CAAC,6BAAQ,MAAO,UACf,sDAAC,kBAAAA,wBAAA,EAAS,OAAQ,iBAAkB,eAAc,QAC/C,oBACH,GACD,IAEA,2EAAI,oBAAU;AAEhB;",
   "names": ["Truncate"]
 }

package/build-module/filename/view.mjs

@@ -17,7 +17,7 @@ function FileNameView({
   if (!fileName) {
     return "";
   }
-  return fileName.length > TRUNCATE_LENGTH ? /* @__PURE__ */ jsx(Tooltip, { text: fileName, children: /* @__PURE__ */ jsx(Truncate, { children: fileName }) }) : /* @__PURE__ */ jsx(Fragment, { children: fileName });
+  return fileName.length > TRUNCATE_LENGTH ? /* @__PURE__ */ jsx(Tooltip, { text: fileName, children: /* @__PURE__ */ jsx(Truncate, { limit: TRUNCATE_LENGTH, ellipsizeMode: "tail", children: fileName }) }) : /* @__PURE__ */ jsx(Fragment, { children: fileName });
 }
 export {
   FileNameView as default

package/build-module/filename/view.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/filename/view.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tTooltip,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\nimport type { DataViewRenderFieldProps } from '@wordpress/dataviews';\n/**\n * Internal dependencies\n */\nimport type { MediaItem } from '../types';\n\n// Hard-coded truncate length to match the available area in the media sidebar.\n// Longer file names will be truncated and wrapped in a tooltip showing the full name.\nconst TRUNCATE_LENGTH = 15;\n\nexport default function FileNameView( {\n\titem,\n}: DataViewRenderFieldProps< MediaItem > ) {\n\tconst fileName = useMemo(\n\t\t() => ( item?.source_url ? getFilename( item.source_url ) : null ),\n\t\t[ item?.source_url ]\n\t);\n\n\tif ( ! fileName ) {\n\t\treturn '';\n\t}\n\n\treturn fileName.length > TRUNCATE_LENGTH ? (\n\t\t<Tooltip text={ fileName }>\n\t\t\t<Truncate>{ fileName }</Truncate>\n\t\t</Tooltip>\n\t) : (\n\t\t<>{ fileName }</>\n\t);\n}\n"],
-  "mappings": ";AAGA;AAAA,EACC;AAAA,EACA,0BAA0B;AAAA,OACpB;AACP,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAyBzB,SAGD,UAHC;AAhBH,IAAM,kBAAkB;AAET,SAAR,aAA+B;AAAA,EACrC;AACD,GAA2C;AAC1C,QAAM,WAAW;AAAA,IAChB,MAAQ,MAAM,aAAa,YAAa,KAAK,UAAW,IAAI;AAAA,IAC5D,CAAE,MAAM,UAAW;AAAA,EACpB;AAEA,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SAAO,SAAS,SAAS,kBACxB,oBAAC,WAAQ,MAAO,UACf,8BAAC,YAAW,oBAAU,GACvB,IAEA,gCAAI,oBAAU;AAEhB;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tTooltip,\n\t__experimentalTruncate as Truncate,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\nimport type { DataViewRenderFieldProps } from '@wordpress/dataviews';\n/**\n * Internal dependencies\n */\nimport type { MediaItem } from '../types';\n\n// Hard-coded truncate length to match the available area in the media sidebar.\n// Longer file names will be truncated and wrapped in a tooltip showing the full name.\nconst TRUNCATE_LENGTH = 15;\n\nexport default function FileNameView( {\n\titem,\n}: DataViewRenderFieldProps< MediaItem > ) {\n\tconst fileName = useMemo(\n\t\t() => ( item?.source_url ? getFilename( item.source_url ) : null ),\n\t\t[ item?.source_url ]\n\t);\n\n\tif ( ! fileName ) {\n\t\treturn '';\n\t}\n\n\treturn fileName.length > TRUNCATE_LENGTH ? (\n\t\t<Tooltip text={ fileName }>\n\t\t\t<Truncate limit={ TRUNCATE_LENGTH } ellipsizeMode=\"tail\">\n\t\t\t\t{ fileName }\n\t\t\t</Truncate>\n\t\t</Tooltip>\n\t) : (\n\t\t<>{ fileName }</>\n\t);\n}\n"],
+  "mappings": ";AAGA;AAAA,EACC;AAAA,EACA,0BAA0B;AAAA,OACpB;AACP,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAyBzB,SAKD,UALC;AAhBH,IAAM,kBAAkB;AAET,SAAR,aAA+B;AAAA,EACrC;AACD,GAA2C;AAC1C,QAAM,WAAW;AAAA,IAChB,MAAQ,MAAM,aAAa,YAAa,KAAK,UAAW,IAAI;AAAA,IAC5D,CAAE,MAAM,UAAW;AAAA,EACpB;AAEA,MAAK,CAAE,UAAW;AACjB,WAAO;AAAA,EACR;AAEA,SAAO,SAAS,SAAS,kBACxB,oBAAC,WAAQ,MAAO,UACf,8BAAC,YAAS,OAAQ,iBAAkB,eAAc,QAC/C,oBACH,GACD,IAEA,gCAAI,oBAAU;AAEhB;",
   "names": []
 }

package/build-types/filename/view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/filename/view.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAM1C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,IAAI,GACJ,EAAE,wBAAwB,CAAE,SAAS,CAAE,oCAiBvC"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/filename/view.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAM1C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,IAAI,GACJ,EAAE,wBAAwB,CAAE,SAAS,CAAE,oCAmBvC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/media-fields",
-	"version": "0.4.0",
+	"version": "0.4.1-next.v.20260206T143.0+81f8de885",
 	"description": "Reusable field definitions for displaying and editing media attachment properties in WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -49,18 +49,18 @@
 		"src/**/*.scss"
 	],
 	"dependencies": {
-		"@wordpress/base-styles": "^6.15.0",
-		"@wordpress/components": "^32.1.0",
-		"@wordpress/compose": "^7.39.0",
-		"@wordpress/core-data": "^7.39.0",
-		"@wordpress/data": "^10.39.0",
-		"@wordpress/dataviews": "^11.3.0",
-		"@wordpress/date": "^5.39.0",
-		"@wordpress/element": "^6.39.0",
-		"@wordpress/i18n": "^6.12.0",
-		"@wordpress/icons": "^11.6.0",
-		"@wordpress/primitives": "^4.39.0",
-		"@wordpress/url": "^4.39.0",
+		"@wordpress/base-styles": "^6.15.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/components": "^32.2.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/compose": "^7.39.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/core-data": "^7.39.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/data": "^10.39.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/dataviews": "^12.0.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/date": "^5.39.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/element": "^6.39.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/i18n": "^6.12.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/icons": "^11.6.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/primitives": "^4.39.1-next.v.20260206T143.0+81f8de885",
+		"@wordpress/url": "^4.39.1-next.v.20260206T143.0+81f8de885",
 		"clsx": "2.1.1"
 	},
 	"devDependencies": {
@@ -73,5 +73,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "eee1cfb1472f11183e40fb77465a5f13145df7ad"
+	"gitHead": "6ae3fbb907e6c309ff6a0685e5e5ff0c2ee23b15"
 }

package/src/filename/test/view.test.tsx

@@ -49,7 +49,9 @@ describe( 'FileNameView', () => {
 
 			// Verify the full filename text is accessible to users
 			// (the component handles truncation via Truncate/Tooltip, but the text is still present)
-			expect( screen.getByText( longFilename ) ).toBeInTheDocument();
+			expect(
+				screen.getByText( longFilename.slice( 0, 15 ) + '…' )
+			).toBeInTheDocument();
 		} );
 	} );
 

package/src/filename/view.tsx

@@ -31,7 +31,9 @@ export default function FileNameView( {
 
 	return fileName.length > TRUNCATE_LENGTH ? (
 		<Tooltip text={ fileName }>
-			<Truncate>{ fileName }</Truncate>
+			<Truncate limit={ TRUNCATE_LENGTH } ellipsizeMode="tail">
+				{ fileName }
+			</Truncate>
 		</Tooltip>
 	) : (
 		<>{ fileName }</>