diff --git a/.github/ISSUE_TEMPLATE/1.bug.md b/.github/ISSUE_TEMPLATE/1.bug.md index 3f8bec69f7ceac..2736492a851fc1 100644 --- a/.github/ISSUE_TEMPLATE/1.bug.md +++ b/.github/ISSUE_TEMPLATE/1.bug.md @@ -55,7 +55,7 @@ Steps: | Tech | Version | diff --git a/docs/public/static/images/showcase/builderbook.jpg b/docs/public/static/images/showcase/builderbook.jpg index 22101b6882c621..84494c28498734 100644 Binary files a/docs/public/static/images/showcase/builderbook.jpg and b/docs/public/static/images/showcase/builderbook.jpg differ diff --git a/docs/public/static/images/showcase/cinemaplus.jpg b/docs/public/static/images/showcase/cinemaplus.jpg index 845e564cb34d42..3e0185df9abae6 100644 Binary files a/docs/public/static/images/showcase/cinemaplus.jpg and b/docs/public/static/images/showcase/cinemaplus.jpg differ diff --git a/docs/public/static/images/showcase/dcide.jpg b/docs/public/static/images/showcase/dcide.jpg index f2df4244b2d6a1..f21a867051d97d 100644 Binary files a/docs/public/static/images/showcase/dcide.jpg and b/docs/public/static/images/showcase/dcide.jpg differ diff --git a/docs/public/static/images/showcase/googlekeepclone.jpg b/docs/public/static/images/showcase/googlekeepclone.jpg index c671372e2988b7..a95656dd2b5aba 100644 Binary files a/docs/public/static/images/showcase/googlekeepclone.jpg and b/docs/public/static/images/showcase/googlekeepclone.jpg differ diff --git a/docs/scripts/formattedTSDemos.js b/docs/scripts/formattedTSDemos.js index c245693505abb0..990f073297d433 100644 --- a/docs/scripts/formattedTSDemos.js +++ b/docs/scripts/formattedTSDemos.js @@ -174,7 +174,7 @@ async function main(argv) { yargs .command({ command: '$0', - description: 'transpile typescript demos', + description: 'transpile TypeScript demos', builder: (command) => { return command .option('watch', { diff --git a/docs/src/pages/discover-more/related-projects/related-projects.md b/docs/src/pages/discover-more/related-projects/related-projects.md index b044557ff8e1f8..00b05bb8ac41ed 100644 --- a/docs/src/pages/discover-more/related-projects/related-projects.md +++ b/docs/src/pages/discover-more/related-projects/related-projects.md @@ -18,6 +18,7 @@ You didn't find the design assets your team is looking for? [Let us know!](mailt - [Unsplash](https://unsplash.com): 📷 A great resource for finding beautiful, high-resolution, free photos that you can use in your projects. - [unDraw](https://undraw.co/): 📐 Like Unsplash but for amazing vector illustrations. +- [Simple Icons](https://simpleicons.org/): Over 1000 Free SVG icons for popular brands. ## IDE Tools diff --git a/docs/src/pages/discover-more/roadmap/roadmap.md b/docs/src/pages/discover-more/roadmap/roadmap.md index 01923d345331d8..e50eee4f042789 100644 --- a/docs/src/pages/discover-more/roadmap/roadmap.md +++ b/docs/src/pages/discover-more/roadmap/roadmap.md @@ -6,18 +6,17 @@ Material-UI is community driven – issues that resonate most with the community get the most attention. Please **upvote** (👍) on GitHub the issues you are most interested in. -Thank you for participating [in the developer survey](https://material-ui.com/blog/2019-developer-survey-results/). +Thank you for participating [in the developer survey](https://material-ui.com/blog/2020-developer-survey-results/). ## Priorities Here are the top priorities: - 1.0 - **More components**. 🧰 This is challenging to address, as developing a fully-fledged component takes a considerable amount of time. - We are going to try the following strategy: - - Identify frequently needed components. There are many resources we can leverage for this: the developer survey answers, GitHub issue upvotes, Algolia search volume, Google search volume, documentation usage, npm downloads, etc. + We apply the following strategy: + - Identify frequently needed components. There are many resources we leverage for this: the developer survey answers, GitHub issue upvotes, Algolia search volume, Google search volume, documentation usage, npm downloads, etc. - Prioritize the creation of frequently needed components. - Encourage the usage of third-party components if they already exist and are well maintained. - - Offer an option to the highly used and well maintained components to move to the official organization: mui-org/x on GitHub, @material-ui/x on npm and x.material-ui.com for the documentation. - 0.5 - **Better customization.** 💅 We want to make our component customization intuitive, no matter if you are using global CSS or styled-components: - Use styled-components by default: [#6115](https://github.com/mui-org/material-ui/issues/6115). - Allow the use of the Box props in all the core components: [#15561](https://github.com/mui-org/material-ui/issues/15561). @@ -29,12 +28,7 @@ Here are the top priorities: - Page documentation rating 🥇🥈🥉. We will integrate a rating module in all our documentation pages. This way, we can collect high-quality data points and prioritize the pages that need the most to be improved. - Templates. They get people started really quickly, we need more of them! - Beginner tutorials & Video lessons. -- 0.3 - **TypeScript.** 📏 There are two dimensions to this problem: - - The documentation. We want to provide a TypeScript variant of most of our demos. - You can help us out in [#14897](https://github.com/mui-org/material-ui/issues/14897), we have already covered +90% of them. - - The definitions. We are **continuously** improving them. For instance, we are working on moving the props descriptions to TypeScript, so you can access them directly from your IDE. - The codebase is written in JavaScript, we don't plan on migrating it to TypeScript in the near future. Upvote [#15984](https://github.com/mui-org/material-ui/issues/15984) if you want us to rewrite the core in a future version. -- 0.3 - **Performance.** 🚀 React abstraction has a cost. The more components you render, the slower your page will be. You will notice stark differences when rendering a large table or list. +- 0.2 - **Performance.** 🚀 React abstraction has a cost. The more components you render, the slower your page will be. You will notice stark differences when rendering a large table or list. Performance is all about doing less work. We can leverage the following: - Make the core faster. - Avoid re-rendering. It's the responsibility of the user to prune the React rendering tree efficiently, @@ -44,57 +38,65 @@ Here are the top priorities: - 0.2 - **Bundle size.** 📦 You can keep track of our progress [following bundlephobia.com report](https://bundlephobia.com/result?p=@material-ui/core). It's a continuous effort – v4 was [18% smaller](https://bundlephobia.com/result?p=@material-ui/core@3.9.2) than v3, while adding new features. We are eager to find new bundle size reduction opportunities. We hope we can leverage these two in the future: - - A JSS to styled-component migration should help. Compare [JSS v10.0.0-alpha.24](https://bundlephobia.com/result?p=react-jss@10.0.0-alpha.24) with [styled-components v5.0.0-beta.8](https://bundlephobia.com/result?p=styled-components@5.0.0-beta.8). We could save ~6 kB gzipped. - - Popper.js is working [on a smaller v2](https://bundlephobia.com/result?p=popper.js@2.0.0-next.4) version. We could save ~4 kB gzipped. +- 0.2 - **TypeScript.** 📏 There are two dimensions to this problem: + - The definitions. We are **continuously** improving them. For instance, we are working on moving the props descriptions to TypeScript, so you can access them directly from your IDE. + The codebase is written in JavaScript, we don't plan on migrating it to TypeScript in the near future. Upvote [#15984](https://github.com/mui-org/material-ui/issues/15984) if you want us to rewrite the core in a future version. - 0.2 - **Accessibility.** ♿️ We have relatively [few accessibility issues](https://darekkay.com/blog/accessible-ui-frameworks/), but we are eager to address them all. We would appreciate the help of accessibility experts. - 0.2 - **Material Design Update.** 🎀 We are relatively up-to-date but the material design specification [is evolving](https://material.io/whats-new/), so should we. ## New components -Here are the components we will work on being supported in the Material-UI ecosystem, no matter if they are from @material-ui/core, a third-party project or a paid source: +Here are the components we will work on being supported in the Material-UI ecosystem, no matter if they are part of the [community edition](https://github.com/mui-org/material-ui) (MIT license) or [Material-UI X](https://github.com/mui-org/material-ui-x), a paid extension for enterprises: -- 🧪 In the lab, in progress to move into the core -- 🛠 Work in progress, will likely land in the lab +- 🧪 Close to becoming stable, already released as unstable +- 🛠 Work in progress, will be or already released as unstable - ⏳ Planning to build -- ⭐️ We will consider making some of the features paid (non MIT) +- ⭐️ We will make some of the features available in [Material-UI X](https://github.com/mui-org/material-ui-x) (non-MIT) -| Name | Status | -| ----------------------- | ------ | -| Rating | 🧪 | -| Skeleton | 🧪 | -| Speed Dial | 🧪 | -| Toggle Button | 🧪 | -| Tree View | 🧪 | -| Autocomplete | 🧪 | -| Combo Box | 🧪 | -| Multiselect | 🧪 | -| Alert | 🧪 | -| Pagination | 🧪 | -| Date Picker (& range) | 🛠 | -| Data Table | 🛠⭐️ | -| Carousel | ⏳ | -| Dropdown | ⏳ | -| Dropzone | ⏳ | -| File Upload | ⏳ | -| Image | ⏳ | -| Navbar | ⏳ | -| Nested Menu | ⏳ | -| Numeric Input | ⏳ | -| Scrollspy | ⏳ | -| TopLayout | ⏳ | -| Big Calendar | ⏳⭐️ | -| Charts | ⏳⭐️ | -| Sparkline | ⏳⭐️ | -| Color Picker | ⏳⭐️ | -| Gantt Chart | ⏳⭐️ | -| Gauge | ⏳⭐️ | -| Masonry | ⏳⭐️ | -| Pivot Grid | ⏳⭐️ | -| Rich Text Editor | ⏳⭐️ | -| Scheduler | ⏳⭐️ | -| Splitter | ⏳⭐️ | -| Tree View - Checkbox | ⏳⭐️ | -| Tree View - Drag & Drop | ⏳⭐️ | -| TreeSelect | ⏳⭐️ | +| Name | Status | +| :------------------------- | ------ | +| Rating | 🧪 | +| Skeleton | 🧪 | +| Speed Dial | 🧪 | +| Toggle Button | 🧪 | +| Autocomplete | 🧪 | +| Combo Box | 🧪 | +| Multiselect | 🧪 | +| Alert | 🧪 | +| Pagination | 🧪 | +| Timeline | 🧪 | +| Date Picker | 🛠 | +| Date Range Picker | 🛠⭐ | +| Data Grid | 🛠⭐️ | +| Data Grid - Column pinning | ⏳⭐️ | +| Data Grid - Nested row | ⏳⭐️ | +| Tree View | 🛠 | +| Tree View - Multiselect | 🛠⭐️ | +| Tree View - Checkbox | ⏳⭐️ | +| Tree View - Drag & Drop | ⏳⭐️ | +| Tree View - Virtualization | ⏳⭐️ | +| Carousel | ⏳ | +| Dropdown | ⏳ | +| Dropzone | ⏳ | +| File Upload | ⏳ | +| Image | ⏳ | +| Stack | ⏳ | +| Navbar | ⏳ | +| NProgress | ⏳ | +| Nested Menu | ⏳ | +| Numeric Input | ⏳ | +| Scrollspy | ⏳ | +| TopLayout | ⏳ | +| Splitter | ⏳⭐️ | +| Masonry | ⏳⭐️ | +| Pivot Grid | ⏳⭐️ | +| Big Calendar | ⏳⭐️ | +| Sparkline | ⏳⭐️ | +| Gauge | ⏳⭐️ | +| Charts | ⏳⭐️ | +| TreeSelect | ⏳⭐️ | +| Rich Text Editor | ⏳⭐️ | +| Gantt Chart | ⏳⭐️ | +| Color Picker | ⏳⭐️ | -> ⚠️ **Disclaimer**: We operate in a dynamic environment, and things are subject to change. The information provided is intended to outline the general framework direction. It's intended for informational purposes only. We may decide to add/remove new items at any time depending on our capability to deliver while meeting our quality standards. The development, releases and timing of any features or functionality of Material-UI remains at the sole discretion of Material-UI. The roadmap does not represent a commitment, obligation or promise to deliver at any time. +> ⚠️ **Forward looking statement.** We operate in a dynamic environment, and things are subject to change. The information provided here is intended to outline the general framework direction. It's intended for informational purposes only. We may decide to add/remove new items at any time depending on our capability to deliver while meeting our quality standards. The development, releases and timing of any features or functionality of Material-UI remains at the sole discretion of Material-UI. The roadmap does not represent a commitment, obligation or promise to deliver at any time. You should not depend on the roadmap when making technology decisions. diff --git a/docs/src/pages/guides/composition/ListRouter.tsx b/docs/src/pages/guides/composition/ListRouter.tsx index 0dcf0a488c90a1..8587398dab15d3 100644 --- a/docs/src/pages/guides/composition/ListRouter.tsx +++ b/docs/src/pages/guides/composition/ListRouter.tsx @@ -17,9 +17,9 @@ import { import { Omit } from '@material-ui/types'; interface ListItemLinkProps { - to: string; - primary: string; icon?: React.ReactElement; + primary: string; + to: string; } function ListItemLink(props: ListItemLinkProps) { diff --git a/framer/Material-UI.framerfx/README.md b/framer/Material-UI.framerfx/README.md index 7352c38f141fb5..92cc0fe321bcd1 100644 --- a/framer/Material-UI.framerfx/README.md +++ b/framer/Material-UI.framerfx/README.md @@ -2,6 +2,9 @@ This is the official resource for Material-UI React components in Framer. +[Material-UI](https://material-ui.com/) is a library of React components for faster and easier web development. +You can build your own design system, or start with Material Design. + ## Supported components The following components are currently supported: @@ -55,7 +58,7 @@ If multiple options are supplied, they take the following priority: ## Resources - [Material-UI documentation](https://material-ui.com/) -- [GitHub repo](https://github.com/mui-org/material-ui/tree/master/framer) +- [GitHub repository](https://github.com/mui-org/material-ui/tree/master/framer) ## Releases diff --git a/framer/Material-UI.framerfx/design/assets/blue_sky_blue_water-2560x1600.jpg b/framer/Material-UI.framerfx/design/assets/blue_sky_blue_water-2560x1600.jpg index 1d3e859af6de87..e8e34f8505ad9a 100644 Binary files a/framer/Material-UI.framerfx/design/assets/blue_sky_blue_water-2560x1600.jpg and b/framer/Material-UI.framerfx/design/assets/blue_sky_blue_water-2560x1600.jpg differ diff --git a/framer/Material-UI.framerfx/metadata/artwork.png b/framer/Material-UI.framerfx/metadata/artwork.png index c6fb5b56c4c7c8..363d0d613a91e7 100644 Binary files a/framer/Material-UI.framerfx/metadata/artwork.png and b/framer/Material-UI.framerfx/metadata/artwork.png differ diff --git a/package.json b/package.json index 8fc10469f742d3..d606bf91a30d0b 100644 --- a/package.json +++ b/package.json @@ -57,10 +57,10 @@ "@babel/register": "^7.10.1", "@rollup/plugin-replace": "^2.3.1", "@testing-library/dom": "^7.0.3", - "@testing-library/react-hooks": "3.4.1", "@testing-library/react": "^10.0.1", - "@types/chai-dom": "^0.0.10", + "@testing-library/react-hooks": "3.4.1", "@types/chai": "^4.2.3", + "@types/chai-dom": "^0.0.10", "@types/enzyme": "^3.10.3", "@types/fs-extra": "^9.0.0", "@types/glob": "^7.1.1", @@ -82,8 +82,8 @@ "babel-plugin-tester": "^9.0.0", "babel-plugin-transform-dev-warning": "^0.1.0", "babel-plugin-transform-react-remove-prop-types": "^0.4.21", - "chai-dom": "^1.8.1", "chai": "^4.1.2", + "chai-dom": "^1.8.1", "chalk": "^4.0.0", "compression-webpack-plugin": "^4.0.0", "confusing-browser-globals": "^1.0.9", @@ -92,8 +92,9 @@ "danger": "^10.0.0", "dom-accessibility-api": "^0.4.3", "dtslint": "^3.2.0", - "enzyme-adapter-react-16": "^1.14.0", "enzyme": "^3.9.0", + "enzyme-adapter-react-16": "^1.14.0", + "eslint": "^7.4.0", "eslint-config-airbnb-typescript": "^9.0.0", "eslint-config-prettier": "^6.11.0", "eslint-import-resolver-webpack": "^0.12.2", @@ -101,22 +102,21 @@ "eslint-plugin-import": "^2.22.0", "eslint-plugin-jsx-a11y": "^6.3.1", "eslint-plugin-mocha": "^7.0.1", - "eslint-plugin-react-hooks": "^4.0.7", "eslint-plugin-react": "^7.20.3", - "eslint": "^7.4.0", + "eslint-plugin-react-hooks": "^4.0.7", "expect-puppeteer": "^4.3.0", "format-util": "^1.0.5", "fs-extra": "^9.0.0", - "glob-gitignore": "^1.0.11", "glob": "^7.1.2", + "glob-gitignore": "^1.0.11", "jsdom": "^16.0.0", + "karma": "^5.0.1", "karma-browserstack-launcher": "~1.4.0", "karma-chrome-launcher": "^3.0.0", - "karma-mocha-reporter": "^2.2.5", "karma-mocha": "^2.0.0", + "karma-mocha-reporter": "^2.2.5", "karma-sourcemap-loader": "^0.3.7", "karma-webpack": "^4.0.2", - "karma": "^5.0.1", "lerna": "^3.16.4", "lodash": "^4.17.15", "mocha": "^8.0.1", @@ -126,18 +126,18 @@ "pretty-format-v24": "npm:pretty-format@24", "prop-types": "^15.7.2", "puppeteer": "^5.0.0", + "react": "^16.13.0", "react-dom": "^16.13.0", "react-test-renderer": "^16.13.0", - "react": "^16.13.0", "remark": "^12.0.0", "rimraf": "^3.0.0", + "rollup": "^2.10.8", "rollup-plugin-babel": "^4.3.3", "rollup-plugin-commonjs": "^10.1.0", "rollup-plugin-node-globals": "^1.4.0", "rollup-plugin-node-resolve": "^5.2.0", "rollup-plugin-size-snapshot": "^0.12.0", "rollup-plugin-terser": "^6.1.0", - "rollup": "^2.10.8", "sinon": "^9.0.0", "size-limit": "^0.21.0", "ts-node": "^8.3.0", @@ -146,8 +146,8 @@ "unist-util-visit": "^2.0.2", "url-loader": "^4.1.0", "vrtest-mui": "^0.3.3", - "webpack-cli": "^3.3.9", "webpack": "^4.41.0", + "webpack-cli": "^3.3.9", "yargs": "^15.2.0", "yarn-deduplicate": "^2.0.0" }, diff --git a/packages/material-ui-lab/src/TreeItem/TreeItem.js b/packages/material-ui-lab/src/TreeItem/TreeItem.js index 46f16a840c602c..4684798d1f246e 100644 --- a/packages/material-ui-lab/src/TreeItem/TreeItem.js +++ b/packages/material-ui-lab/src/TreeItem/TreeItem.js @@ -98,8 +98,8 @@ const TreeItem = React.forwardRef(function TreeItem(props, ref) { label, nodeId, onClick, - onLabelClick, onIconClick, + onLabelClick, onMouseDown, TransitionComponent = Collapse, TransitionProps, @@ -285,7 +285,7 @@ const TreeItem = React.forwardRef(function TreeItem(props, ref) { aria-selected={ariaSelected} ref={handleRef} id={id} - tabIndex="-1" + tabIndex={-1} {...other} > {/* Key event is handled by the TreeView */} diff --git a/packages/material-ui-lab/src/TreeView/TreeView.js b/packages/material-ui-lab/src/TreeView/TreeView.js index e50c6e8804740c..f04698bfaf8702 100644 --- a/packages/material-ui-lab/src/TreeView/TreeView.js +++ b/packages/material-ui-lab/src/TreeView/TreeView.js @@ -21,22 +21,22 @@ export const styles = { }, }; -const isPrintableCharacter = (str) => { - return str && str.length === 1 && str.match(/\S/); -}; +function isPrintableCharacter(string) { + return string && string.length === 1 && string.match(/\S/); +} -const findNextFirstChar = (firstChars, startIndex, char) => { +function findNextFirstChar(firstChars, startIndex, char) { for (let i = startIndex; i < firstChars.length; i += 1) { if (char === firstChars[i]) { return i; } } return -1; -}; +} -const noopSelection = () => { +function noopSelection() { return false; -}; +} const defaultExpandedDefault = []; const defaultSelectedDefault = []; @@ -53,15 +53,15 @@ const TreeView = React.forwardRef(function TreeView(props, ref) { defaultParentIcon, defaultSelected = defaultSelectedDefault, disableSelection = false, + expanded: expandedProp, id: idProp, multiSelect = false, - expanded: expandedProp, onBlur, onFocus, + onKeyDown, onNodeFocus, onNodeSelect, onNodeToggle, - onKeyDown, selected: selectedProp, ...other } = props; @@ -467,7 +467,6 @@ const TreeView = React.forwardRef(function TreeView(props, ref) { } lastSelectionWasRange.current = true; } - return true; }; const rangeSelectToFirst = (event, id) => { @@ -477,7 +476,7 @@ const TreeView = React.forwardRef(function TreeView(props, ref) { const start = lastSelectionWasRange.current ? lastSelectedNode.current : id; - return selectRange(event, { + selectRange(event, { start, end: getFirstNode(), }); @@ -490,13 +489,13 @@ const TreeView = React.forwardRef(function TreeView(props, ref) { const start = lastSelectionWasRange.current ? lastSelectedNode.current : id; - return selectRange(event, { + selectRange(event, { start, end: getLastNode(), }); }; - const selectNextNode = (event, id) => + const selectNextNode = (event, id) => { selectRange( event, { @@ -505,8 +504,9 @@ const TreeView = React.forwardRef(function TreeView(props, ref) { }, true, ); + }; - const selectPreviousNode = (event, id) => + const selectPreviousNode = (event, id) => { selectRange( event, { @@ -515,9 +515,11 @@ const TreeView = React.forwardRef(function TreeView(props, ref) { }, true, ); + }; - const selectAllNodes = (event) => + const selectAllNodes = (event) => { selectRange(event, { start: getFirstNode(), end: getLastNode() }); + }; /* * Mapping Helpers @@ -597,7 +599,8 @@ const TreeView = React.forwardRef(function TreeView(props, ref) { case ' ': if (!disableSelection) { if (multiSelect && event.shiftKey) { - flag = selectRange(event, { end: focusedNodeId }); + selectRange(event, { end: focusedNodeId }); + flag = true; } else if (multiSelect) { flag = selectNode(event, focusedNodeId, true); } else { @@ -660,7 +663,8 @@ const TreeView = React.forwardRef(function TreeView(props, ref) { expandAllSiblings(event, focusedNodeId); flag = true; } else if (multiSelect && ctrlPressed && key.toLowerCase() === 'a' && !disableSelection) { - flag = selectAllNodes(event); + selectAllNodes(event); + flag = true; } else if (!ctrlPressed && !event.shiftKey && isPrintableCharacter(key)) { focusByFirstCharacter(event, focusedNodeId, key); flag = true; diff --git a/packages/material-ui/test/typescript/styles.spec.tsx b/packages/material-ui/test/typescript/styles.spec.tsx index fdc313eaeb1e5b..bb6ca55356814f 100644 --- a/packages/material-ui/test/typescript/styles.spec.tsx +++ b/packages/material-ui/test/typescript/styles.spec.tsx @@ -264,7 +264,7 @@ withStyles((theme) => // allow top level media queries // https://github.com/mui-org/material-ui/issues/12277 - // typescript thinks `content` is the CSS property not a classname + // TypeScript thinks `content` is the CSS property not a classname const ambiguousStyles = createStyles({ content: { minHeight: '100vh', diff --git a/packages/typescript-to-proptypes/package.json b/packages/typescript-to-proptypes/package.json index 489f320f747f05..d30b6458de0b06 100644 --- a/packages/typescript-to-proptypes/package.json +++ b/packages/typescript-to-proptypes/package.json @@ -2,7 +2,7 @@ "name": "typescript-to-proptypes", "version": "2.0.1", "private": true, - "description": "Generate proptypes from typescript declarations", + "description": "Generate proptypes from TypeScript declarations", "main": "build/index.js", "engines": { "node": ">=10.3.0" diff --git a/scripts/copy-files.js b/scripts/copy-files.js index bd00bda2f1a9e4..e1b71d12905c62 100644 --- a/scripts/copy-files.js +++ b/scripts/copy-files.js @@ -19,7 +19,7 @@ async function includeFileInBuild(file) { * That package.json contains information about esm for bundlers so that imports * like import Typography from '@material-ui/core/Typography' are tree-shakeable. * - * It also tests that an this import can be used in typescript by checking + * It also tests that an this import can be used in TypeScript by checking * if an index.d.ts is present at that path. * * @param {string} rootDir diff --git a/test/unexpected-console-error-call.png b/test/unexpected-console-error-call.png index dcb7c303bb0942..f3724913fb63b2 100644 Binary files a/test/unexpected-console-error-call.png and b/test/unexpected-console-error-call.png differ