@wordpress/icons 10.31.1-next.f56bd8138.0 → 11.0.1-next.47f435fc9.0

package/build-types/library/title.d.ts

@@ -1,3 +1,3 @@
-declare const title: import("react").JSX.Element;
-export default title;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=title.d.ts.map

package/build-types/library/title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/library/title.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK,6BAIV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/library/title.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/tool.d.ts

@@ -1,3 +1,3 @@
-declare const tool: import("react").JSX.Element;
-export default tool;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=tool.d.ts.map

package/build-types/library/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/library/tool.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,IAAI,6BAIT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/library/tool.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/trash.d.ts

@@ -1,3 +1,3 @@
-declare const trash: import("react").JSX.Element;
-export default trash;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=trash.d.ts.map

package/build-types/library/trash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trash.d.ts","sourceRoot":"","sources":["../../src/library/trash.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK,6BAQV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"trash.d.ts","sourceRoot":"","sources":["../../src/library/trash.tsx"],"names":[],"mappings":";AAMA,wBAOE"}

package/build-types/library/trending-down.d.ts

@@ -1,3 +1,3 @@
-declare const trendingDown: import("react").JSX.Element;
-export default trendingDown;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=trending-down.d.ts.map

package/build-types/library/trending-down.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trending-down.d.ts","sourceRoot":"","sources":["../../src/library/trending-down.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,YAAY,6BAIjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"trending-down.d.ts","sourceRoot":"","sources":["../../src/library/trending-down.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/trending-up.d.ts

@@ -1,3 +1,3 @@
-declare const trendingUp: import("react").JSX.Element;
-export default trendingUp;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=trending-up.d.ts.map

package/build-types/library/trending-up.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trending-up.d.ts","sourceRoot":"","sources":["../../src/library/trending-up.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,UAAU,6BAIf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"trending-up.d.ts","sourceRoot":"","sources":["../../src/library/trending-up.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/typography.d.ts

@@ -1,3 +1,3 @@
-declare const typography: import("react").JSX.Element;
-export default typography;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=typography.d.ts.map

package/build-types/library/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/library/typography.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,UAAU,6BAIf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/library/typography.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/undo.d.ts

@@ -1,3 +1,3 @@
-declare const undo: import("react").JSX.Element;
-export default undo;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=undo.d.ts.map

package/build-types/library/undo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"undo.d.ts","sourceRoot":"","sources":["../../src/library/undo.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,IAAI,6BAIT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"undo.d.ts","sourceRoot":"","sources":["../../src/library/undo.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/ungroup.d.ts

@@ -1,3 +1,3 @@
-declare const ungroup: import("react").JSX.Element;
-export default ungroup;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=ungroup.d.ts.map

package/build-types/library/ungroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ungroup.d.ts","sourceRoot":"","sources":["../../src/library/ungroup.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,OAAO,6BAIZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"ungroup.d.ts","sourceRoot":"","sources":["../../src/library/ungroup.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/unlock.d.ts

@@ -1,3 +1,3 @@
-declare const unlock: import("react").JSX.Element;
-export default unlock;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=unlock.d.ts.map

package/build-types/library/unlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unlock.d.ts","sourceRoot":"","sources":["../../src/library/unlock.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,6BAIX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"unlock.d.ts","sourceRoot":"","sources":["../../src/library/unlock.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/unseen.d.ts

@@ -1,3 +1,3 @@
-declare const unseen: import("react").JSX.Element;
-export default unseen;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=unseen.d.ts.map

package/build-types/library/unseen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unseen.d.ts","sourceRoot":"","sources":["../../src/library/unseen.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,6BAIX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"unseen.d.ts","sourceRoot":"","sources":["../../src/library/unseen.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/update.d.ts

@@ -1,3 +1,3 @@
-declare const update: import("react").JSX.Element;
-export default update;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=update.d.ts.map

package/build-types/library/update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/library/update.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,6BAIX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../src/library/update.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/upload.d.ts

@@ -1,3 +1,3 @@
-declare const upload: import("react").JSX.Element;
-export default upload;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=upload.d.ts.map

package/build-types/library/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/library/upload.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,6BAIX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/library/upload.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/verse.d.ts

@@ -1,3 +1,3 @@
-declare const verse: import("react").JSX.Element;
-export default verse;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=verse.d.ts.map

package/build-types/library/verse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"verse.d.ts","sourceRoot":"","sources":["../../src/library/verse.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK,6BAIV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"verse.d.ts","sourceRoot":"","sources":["../../src/library/verse.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/video.d.ts

@@ -1,3 +1,3 @@
-declare const video: import("react").JSX.Element;
-export default video;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=video.d.ts.map

package/build-types/library/video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/library/video.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,KAAK,6BAIV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/library/video.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/widget.d.ts

@@ -1,3 +1,3 @@
-declare const widget: import("react").JSX.Element;
-export default widget;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=widget.d.ts.map

package/build-types/library/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../src/library/widget.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,6BAIX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../src/library/widget.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/word-count.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("react").JSX.Element;
+export default _default;
+//# sourceMappingURL=word-count.d.ts.map

package/build-types/library/word-count.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"word-count.d.ts","sourceRoot":"","sources":["../../src/library/word-count.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/build-types/library/wordpress.d.ts

@@ -1,3 +1,3 @@
-declare const wordpress: import("react").JSX.Element;
-export default wordpress;
+declare const _default: import("react").JSX.Element;
+export default _default;
 //# sourceMappingURL=wordpress.d.ts.map

package/build-types/library/wordpress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wordpress.d.ts","sourceRoot":"","sources":["../../src/library/wordpress.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,SAAS,6BAId,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"wordpress.d.ts","sourceRoot":"","sources":["../../src/library/wordpress.tsx"],"names":[],"mappings":";AAMA,wBAIE"}

package/lib/build-worker-utils.js

@@ -0,0 +1,49 @@
+/**
+ * External dependencies
+ */
+const path = require( 'path' );
+const { promisify } = require( 'util' );
+const execFile = promisify( require( 'child_process' ).execFile );
+
+/**
+ * Internal dependencies
+ */
+const { generateTsxFiles } = require( './generate-library' );
+
+const ICON_LIBRARY_DIR = path.join( __dirname, '..', 'src', 'library' );
+
+/**
+ * A build-worker task to be used by the monorepo's watcher-builder.
+ *
+ * @see bin/packages/build-worker.js
+ *
+ * @param {string} file File to build.
+ */
+async function buildSVG( file ) {
+	if ( path.dirname( file ) !== ICON_LIBRARY_DIR ) {
+		return false;
+	}
+
+	const FgRed = '\x1b[31m';
+	const Reset = '\x1b[0m';
+
+	try {
+		await execFile( 'git', [ 'ls-files', '--error-unmatch', file ] );
+	} catch {
+		throw new Error(
+			`${ FgRed }Cannot generate icon from untracked SVG file '${ path.basename(
+				file
+			) }'.${ Reset }
+${ FgRed }Please add it to Git, then restart:${ Reset }
+
+${ FgRed }	git add ${ path.relative( '', file ) }${ Reset }
+${ FgRed }	npm run dev${ Reset }
+`
+		);
+	}
+
+	await generateTsxFiles( [ path.basename( file ) ] );
+	return true;
+}
+
+module.exports = { buildSVG };

package/lib/generate-library.js

@@ -0,0 +1,202 @@
+/**
+ * External dependencies
+ */
+const path = require( 'path' );
+const { readdir, readFile, writeFile } = require( 'fs' ).promises;
+const { execFile } = require( 'child_process' );
+const { promisify } = require( 'util' );
+
+const execFileAsync = promisify( execFile );
+
+const ICON_LIBRARY_DIR = path.join( __dirname, '..', 'src', 'library' );
+
+// - Find *.svg files in ./library
+// - For each, generate a sibling .tsx file
+// - Build an index of these at ./library/index.ts
+//
+// Note that the generated files are ignored by Git.
+
+// The SOURCE OF TRUTH for this package's library of icons consists of the SVG
+// files found under `src/library`. We must thus first generate the TSX files
+// corresponding to each SVG file, as well as an index of imports at
+// `src/library/index.ts`.
+async function main() {
+	await ensureSvgFilesTracked();
+	await cleanup();
+	await generateTsxFiles();
+	await generateIndex();
+}
+
+// Before automatically generating TSX files from SVG ones, ensure that all
+// SVGs found are intended to be processed. If they aren't under version
+// control, there is a chance that their presence is accidental, so halt.
+async function ensureSvgFilesTracked() {
+	let untrackedFiles;
+	try {
+		// Avoid invoking `ls-files` with a wildcard (`*.svg`) due to the
+		// variability of wildcard behaviour across shells.
+		const { stdout } = await execFileAsync( 'git', [
+			'ls-files',
+			'-o',
+			'--full-name',
+			ICON_LIBRARY_DIR,
+		] );
+
+		// Filtering with `grep` in a single `exec` call was tempting, but this
+		// manual filtering avoids any shell escaping weirdness.
+		untrackedFiles = stdout
+			.trim()
+			.split( '\n' )
+			.filter( ( f ) => f.endsWith( '.svg' ) );
+	} catch {
+		return;
+	}
+
+	if ( untrackedFiles.length > 0 ) {
+		throw new Error(
+			`The following SVG files are not under version control:\n\n${ untrackedFiles
+				.map( ( file ) => `  - ${ file }` )
+				.join(
+					'\n'
+				) }\n\nPlease either delete them or add them to Git first:\n\n\tgit add ${ untrackedFiles.join(
+				' '
+			) }\n`
+		);
+	}
+}
+
+async function cleanup() {
+	await execFileAsync( 'git', [ 'clean', '-Xfq', ICON_LIBRARY_DIR ] );
+}
+
+// Generate src/library/*.tsx based on the available SVG files.
+async function generateTsxFiles( svgFiles ) {
+	if ( svgFiles ) {
+		// Argument passed by caller at ./build-worker-utils.js
+	} else {
+		svgFiles = ( await readdir( ICON_LIBRARY_DIR ) ).filter( ( file ) =>
+			// Stricter than just checking for SVG suffix, thereby avoiding hidden
+			// files and characters that would get in the way of camel-casing.
+			file.match( /^[a-z0-9--]+\.svg$/ )
+		);
+	}
+
+	await Promise.all(
+		svgFiles.map( async ( svgFile ) => {
+			const svgPath = path.join( ICON_LIBRARY_DIR, svgFile );
+			const svgContent = await readFile( svgPath, 'utf8' );
+
+			const componentContent = svgToTsx( svgContent );
+			if ( ! componentContent ) {
+				throw new Error(
+					`Could not generate icon element from ${ svgPath }`
+				);
+			}
+
+			const tsxPath = svgPath.replace( /\.svg$/, '.tsx' );
+			await writeFile( tsxPath, componentContent );
+		} )
+	);
+}
+
+// Generate src/library/index.ts as a list of exports of the library's modules.
+async function generateIndex() {
+	const tsxFiles = ( await readdir( ICON_LIBRARY_DIR ) ).filter( ( file ) =>
+		file.endsWith( '.tsx' )
+	);
+
+	let indexTemplate = tsxFiles
+		.map( ( file ) => {
+			const importPath = path.basename( file, '.tsx' );
+
+			// Camel case, but retaining 'RTL' acronym in uppercase
+			const identifier = importPath
+				.replace( /-([0-9A-Za-z])/g, ( _, c ) => c.toUpperCase() )
+				.replace( /Rtl\b/, 'RTL' );
+
+			return `export { default as ${ identifier } } from './${ importPath }';`;
+		} )
+		.join( '\n' );
+
+	// Trailing newlines make ESLint happy
+	indexTemplate += '\n';
+
+	await writeFile( path.join( ICON_LIBRARY_DIR, 'index.ts' ), indexTemplate );
+}
+
+// "Transform" to TSX by interpolating the SVG source into a simple TS module
+// with a single default export.
+//
+// Detect SVG tags like `<circle>` and promote them to WordPress primitives
+// like `<Circle />`, taking care of importing those primitives first.
+function svgToTsx( svgContent ) {
+	let jsxContent = svgContent.trim();
+
+	jsxContent = jsxContent.replace( /\sclass=/g, ' className=' );
+
+	// Tags that ought to be converted to WordPress primitives when converting
+	// SVGs to React elements
+	const primitives = {
+		circle: 'Circle',
+		clippath: 'ClipPath',
+		defs: 'Defs',
+		ellipse: 'Ellipse',
+		g: 'G',
+		line: 'Line',
+		path: 'Path',
+		polygon: 'Polygon',
+		polyline: 'Polyline',
+		rect: 'Rect',
+		svg: 'SVG',
+	};
+
+	// Prepare regular expressions to match opening tags and closing tags to
+	// transform to primitives: <circle ...>, </circle>, etc.
+	const tagsRe = Object.keys( primitives ).join( '|' );
+	const openRe = new RegExp( `<(${ tagsRe })\\b`, 'g' );
+	const closeRe = new RegExp( `<\/(${ tagsRe })>`, 'g' );
+
+	// Keep track of primitives used in the SVG body to later generate the
+	// imports statement
+	const usedPrimitives = new Set();
+
+	// Transform from <circle> to <Circle>, etc.
+	jsxContent = jsxContent
+		.replace( openRe, ( _, tagName ) => {
+			const primitive = primitives[ tagName ];
+			usedPrimitives.add( primitive );
+			return `<${ primitive }`;
+		} )
+		.replace( closeRe, ( _, tagName ) => {
+			const primitive = primitives[ tagName ];
+			return `</${ primitive }>`;
+		} );
+
+	// Indent by one level
+	jsxContent = jsxContent
+		.split( '\n' )
+		.map( ( line ) => '\t' + line )
+		.join( '\n' );
+
+	return `/* eslint-disable prettier/prettier */
+/**
+ * WordPress dependencies
+ */
+import { ${ Array.from( usedPrimitives )
+		.sort()
+		.join( ', ' ) } } from '@wordpress/primitives';
+
+export default (
+${ jsxContent }
+);
+/* eslint-enable */
+`;
+}
+
+if ( module === require.main ) {
+	main();
+}
+
+module.exports = {
+	generateTsxFiles,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/icons",
-	"version": "10.31.1-next.f56bd8138.0",
+	"version": "11.0.1-next.47f435fc9.0",
 	"description": "WordPress Icons package, based on dashicon.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -25,17 +25,28 @@
 	},
 	"main": "build/index.js",
 	"module": "build-module/index.js",
+	"exports": {
+		".": {
+			"types": "./build-types/index.d.ts",
+			"import": "./build-module/index.js",
+			"require": "./build/index.js"
+		},
+		"./package.json": "./package.json"
+	},
 	"react-native": "src/index",
-	"wpScript": true,
 	"types": "build-types",
 	"sideEffects": false,
 	"dependencies": {
-		"@babel/runtime": "7.25.7",
-		"@wordpress/element": "^6.31.1-next.f56bd8138.0",
-		"@wordpress/primitives": "^4.31.1-next.f56bd8138.0"
+		"@wordpress/element": "^6.32.1-next.47f435fc9.0",
+		"@wordpress/primitives": "^4.32.1-next.47f435fc9.0"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ea4a281fd857f48338877590de8c8eb9b9a8cef4"
+	"scripts": {
+		"prelint": "npm run build",
+		"prepare": "npm run build",
+		"build": "node lib/generate-library"
+	},
+	"gitHead": "9720f22c138771d2ed1a0522725c3cdf1c242953"
 }

package/src/icon/stories/index.story.tsx

@@ -16,14 +16,7 @@ import keywords from './keywords';
  */
 import type { ReactElement } from 'react';
 
-const {
-	Icon: _Icon,
-
-	// Deprecated aliases
-	warning: _warning,
-
-	...availableIcons
-} = icons;
+const { Icon: _Icon, ...availableIcons } = icons;
 
 const meta = {
 	component: Icon,