Fix yargs call

brijeshb42 · brijeshb42 · commit da356cadc6ff · 2025-09-08T18:38:05.000+05:30
diff --git a/docs/data/joy/components/button/InputFileUpload.js b/docs/data/joy/components/button/InputFileUpload.js
@@ -4,6 +4,7 @@ import SvgIcon from '@mui/joy/SvgIcon';
 import { styled } from '@mui/joy';
 
 const VisuallyHiddenInput = styled('input')`
+  /* stylelint-disable-next-line property-no-deprecated */
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;
diff --git a/docs/data/joy/components/button/InputFileUpload.tsx b/docs/data/joy/components/button/InputFileUpload.tsx
@@ -4,6 +4,7 @@ import SvgIcon from '@mui/joy/SvgIcon';
 import { styled } from '@mui/joy';
 
 const VisuallyHiddenInput = styled('input')`
+  /* stylelint-disable-next-line property-no-deprecated */
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;
diff --git a/docs/data/material/integrations/interoperability/StyledComponentsDeep.js b/docs/data/material/integrations/interoperability/StyledComponentsDeep.js
@@ -6,10 +6,12 @@ import Box from '@mui/material/Box';
 const CustomizedSlider = styled(Slider)`
   color: #20b2aa;
 
-  :hover {
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
+  &:hover {
     color: #2e8b57;
   }
 
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
   & .MuiSlider-thumb {
     border-radius: 1px;
   }
diff --git a/docs/data/material/integrations/interoperability/StyledComponentsDeep.tsx b/docs/data/material/integrations/interoperability/StyledComponentsDeep.tsx
@@ -6,10 +6,12 @@ import Box from '@mui/material/Box';
 const CustomizedSlider = styled(Slider)`
   color: #20b2aa;
 
-  :hover {
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
+  &:hover {
     color: #2e8b57;
   }
 
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
   & .MuiSlider-thumb {
     border-radius: 1px;
   }
diff --git a/docs/data/material/integrations/interoperability/StyledComponentsPortal.js b/docs/data/material/integrations/interoperability/StyledComponentsPortal.js
@@ -6,6 +6,7 @@ import Tooltip from '@mui/material/Tooltip';
 const StyledTooltip = styled(({ className, ...props }) => (
   <Tooltip {...props} classes={{ popper: className }} />
 ))`
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
   & .MuiTooltip-tooltip {
     background: navy;
   }
diff --git a/docs/data/material/integrations/interoperability/StyledComponentsPortal.tsx b/docs/data/material/integrations/interoperability/StyledComponentsPortal.tsx
@@ -6,6 +6,7 @@ import Tooltip, { TooltipProps } from '@mui/material/Tooltip';
 const StyledTooltip = styled(({ className, ...props }: TooltipProps) => (
   <Tooltip {...props} classes={{ popper: className }} />
 ))`
+  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
   & .MuiTooltip-tooltip {
     background: navy;
   }
diff --git a/docs/scripts/formattedTSDemos.js b/docs/scripts/formattedTSDemos.js
@@ -22,7 +22,8 @@ const {
 const {
   createTypeScriptProjectBuilder,
 } = require('@mui-internal/api-docs-builder/utils/createTypeScriptProject');
-const yargs = require('yargs');
+const { default: yargs } = require('yargs');
+const { hideBin } = require('yargs/helpers');
 const { fixBabelGeneratorIssues, fixLineEndings } = require('@mui/internal-docs-utils');
 const { default: CORE_TYPESCRIPT_PROJECTS } = require('../../scripts/coreTypeScriptProjects');
 
@@ -213,7 +214,7 @@ async function main(argv) {
   console.log('\nWatching for file changes...');
 }
 
-yargs
+yargs()
   .command({
     command: '$0',
     description: 'transpile TypeScript demos',
@@ -240,4 +241,4 @@ yargs
   .help()
   .strict(true)
   .version(false)
-  .parse();
+  .parse(hideBin(process.argv));
diff --git a/packages-internal/test-utils/package.json b/packages-internal/test-utils/package.json
@@ -66,7 +66,7 @@
   },
   "peerDependencies": {
     "@playwright/test": "^1.53.1",
-    "chai": "^4.5.0 || ^5.0.0",
+    "chai": "^4.5.0 || ^5.0.0 || ^6.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
diff --git a/packages/mui-docs/package.json b/packages/mui-docs/package.json
@@ -51,7 +51,7 @@
     "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
     "@mui/system": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "chai": "^4.5.0",
+    "chai": "^6.0.1",
     "csstype": "^3.1.3",
     "next": "^13.5.1 || ^14 || ^15.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
diff --git a/packages/mui-icons-material/builder.mjs b/packages/mui-icons-material/builder.mjs
@@ -8,6 +8,7 @@ import * as svgo from 'svgo';
 import { fileURLToPath } from 'url';
 import intersection from 'lodash/intersection.js';
 import { Queue } from '@mui/internal-waterfall';
+import { hideBin } from 'yargs/helpers';
 
 const currentDirectory = fileURLToPath(new URL('.', import.meta.url));
 
@@ -297,7 +298,7 @@ const modulePath = path.resolve(fileURLToPath(import.meta.url));
 const isRunningDirectlyViaCLI = nodePath === modulePath;
 
 if (isRunningDirectlyViaCLI) {
-  yargs(process.argv.slice(2))
+  yargs()
     .command({
       command: '$0>',
       description: "Build JSX components from SVG's.",
@@ -347,5 +348,5 @@ if (isRunningDirectlyViaCLI) {
     .help()
     .strict(true)
     .version(false)
-    .parse();
+    .parse(hideBin(process.argv));
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/scripts/build.mjs b/scripts/build.mjs
@@ -3,6 +3,7 @@ import path from 'path';
 import { promisify } from 'util';
 import yargs from 'yargs';
 import * as fs from 'fs/promises';
+import { hideBin } from 'yargs/helpers';
 import { cjsCopy } from './copyFilesUtils.mjs';
 import { getVersionEnvVariables, getWorkspaceRoot } from './utils.mjs';
 
@@ -145,7 +146,7 @@ async function run(argv) {
   }
 }
 
-yargs(process.argv.slice(2))
+yargs()
   .command({
     command: '$0 <bundle>',
     description: 'build package',
@@ -186,4 +187,4 @@ yargs(process.argv.slice(2))
   .help()
   .strict(true)
   .version(false)
-  .parse();
+  .parse(hideBin(process.argv));
diff --git a/scripts/buildLlmsDocs/index.ts b/scripts/buildLlmsDocs/index.ts
@@ -58,6 +58,7 @@
 import * as fs from 'fs';
 import * as path from 'path';
 import yargs, { ArgumentsCamelCase } from 'yargs';
+import { hideBin } from 'yargs/helpers';
 import kebabCase from 'lodash/kebabCase';
 import { processMarkdownFile, processApiFile } from '@mui/internal-scripts/generate-llms-txt';
 import { ComponentInfo, ProjectSettings } from '@mui-internal/api-docs-builder';
@@ -581,7 +582,7 @@ async function buildLlmsDocs(argv: ArgumentsCamelCase<CommandOptions>): Promise<
 /**
  * CLI setup
  */
-yargs(process.argv.slice(2))
+yargs()
   .command({
     command: '$0',
     describe: 'Generates LLM-optimized documentation for MUI components.',
@@ -609,4 +610,4 @@ yargs(process.argv.slice(2))
   .help()
   .strict(true)
   .version(false)
-  .parse();
+  .parse(hideBin(process.argv));
diff --git a/scripts/generateProptypes.ts b/scripts/generateProptypes.ts
@@ -4,7 +4,8 @@ import * as fse from 'fs-extra';
 import * as prettier from 'prettier';
 import glob from 'fast-glob';
 import * as _ from 'lodash';
-import * as yargs from 'yargs';
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
 import { LiteralType } from '@mui/internal-scripts/typescript-to-proptypes/src/models';
 import {
   fixBabelGeneratorIssues,
@@ -372,7 +373,7 @@ async function run(argv: HandlerArgv) {
   }
 }
 
-yargs
+yargs()
   .command<HandlerArgv>({
     command: '$0',
     describe: 'Generates Component.propTypes from TypeScript declarations',
@@ -388,4 +389,4 @@ yargs
   .help()
   .strict(true)
   .version(false)
-  .parse();
+  .parse(hideBin(process.argv));
diff --git a/test/cli.js b/test/cli.js
diff --git a/test/package.json b/test/package.json

Original file line number	Diff line number	Diff line change
`@@ -6,10 +6,12 @@ import Box from '@mui/material/Box';`
`6`	`6`	const CustomizedSlider = styled(Slider)`
`7`	`7`	`color: #20b2aa;`
`8`	`8`
`9`		`- :hover {`
	`9`	`+ /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */`
	`10`	`+ &:hover {`
`10`	`11`	`color: #2e8b57;`
`11`	`12`	`}`
`12`	`13`
	`14`	`+ /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */`
`13`	`15`	`& .MuiSlider-thumb {`
`14`	`16`	`border-radius: 1px;`
`15`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ import Tooltip from '@mui/material/Tooltip';`
`6`	`6`	`const StyledTooltip = styled(({ className, ...props }) => (`
`7`	`7`	`<Tooltip {...props} classes={{ popper: className }} />`
`8`	`8`	))`
	`9`	`+ /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */`
`9`	`10`	`& .MuiTooltip-tooltip {`
`10`	`11`	`background: navy;`
`11`	`12`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ import Tooltip, { TooltipProps } from '@mui/material/Tooltip';`
`6`	`6`	`const StyledTooltip = styled(({ className, ...props }: TooltipProps) => (`
`7`	`7`	`<Tooltip {...props} classes={{ popper: className }} />`
`8`	`8`	))`
	`9`	`+ /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */`
`9`	`10`	`& .MuiTooltip-tooltip {`
`10`	`11`	`background: navy;`
`11`	`12`	`}`