tektoncd · tekton-robot · Apr 29, 2024 · Apr 26, 2024 · Apr 26, 2024
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -20,7 +20,8 @@ module.exports = {
     'airbnb',
     'plugin:prettier/recommended',
     'plugin:cypress/recommended',
-    'plugin:storybook/recommended'
+    'plugin:storybook/recommended',
+    'plugin:react/jsx-runtime'
   ],
   globals: {
     afterAll: true,
@@ -90,7 +91,7 @@ module.exports = {
     'react/forbid-prop-types': 'off',
     'react/function-component-definition': 'off',
     'react/jsx-curly-newline': 'off',
-    'react/jsx-filename-extension': 'off',
+    'react/jsx-filename-extension': ['error', { allow: 'as-needed' }],
     'react/jsx-no-bind': 'off',
     'react/jsx-props-no-spreading': 'off',
     'react/no-unstable-nested-components': 'off',

diff --git a/.storybook/Container.jsx b/.storybook/Container.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
+import { StrictMode } from 'react';
 import { IntlProvider } from 'react-intl';
 import { createMemoryHistory } from 'history';
 import { Router, Switch } from 'react-router-dom';
@@ -35,9 +35,9 @@ export default function Container({
           <CompatRouter>
             <Switch>
               <CompatRoute path={path}>
-                <React.StrictMode>
+                <StrictMode>
                   <Story />
-                </React.StrictMode>
+                </StrictMode>
               </CompatRoute>
             </Switch>
           </CompatRouter>

diff --git a/.storybook/main.js b/.storybook/main.js
@@ -46,9 +46,9 @@ const config = {
   },
   stories: (_config, { configType }) => ([
     { directory: '.', files: 'Welcome.mdx' },
-    configType === 'DEVELOPMENT' ? { directory: '../src', files: '**/*.stories.jsx', titlePrefix: 'Containers' } : null,
-    { directory: '../packages/components', files: '**/*.stories.jsx', titlePrefix: 'Components' },
-    { directory: '../packages/graph', files: '**/*.stories.jsx', titlePrefix: 'Experimental/Graph' }
+    configType === 'DEVELOPMENT' ? { directory: '../src', files: '**/*.stories.@(js|jsx)', titlePrefix: 'Containers' } : null,
+    { directory: '../packages/components', files: '**/*.stories.@(js|jsx)', titlePrefix: 'Components' },
+    { directory: '../packages/graph', files: '**/*.stories.@(js|jsx)', titlePrefix: 'Experimental/Graph' }
   ].filter(Boolean)),
   async viteFinal(config, { configType }) {
     // fallback to default to resolve issue with MDX rendering

diff --git a/.storybook/preview.jsx b/.storybook/preview.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2020-2023 The Tekton Authors
+Copyright 2020-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { withThemeByClassName } from '@storybook/addon-themes';
 
 import Container from './Container';

diff --git a/index.jsx b/index.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -12,7 +12,7 @@ limitations under the License.
 */
 /* istanbul ignore file */
 
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
@@ -39,9 +39,9 @@ const enableReactQueryDevTools =
 
 ReactDOM.render(
   <QueryClientProvider client={queryClient}>
-    <React.StrictMode>
+    <StrictMode>
       <App lang={getLocale(navigator.language)} />
-    </React.StrictMode>
+    </StrictMode>
     {enableReactQueryDevTools && <ReactQueryDevtools initialIsOpen={false} />}
   </QueryClientProvider>,
   document.getElementById('root')

diff --git a/packages/components/src/components/Actions/Actions.jsx b/packages/components/src/components/Actions/Actions.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { injectIntl } from 'react-intl';
 import {
   Button,

diff --git a/packages/components/src/components/Actions/Actions.stories.jsx b/packages/components/src/components/Actions/Actions.stories.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { TrashCan16 } from '@carbon/icons-react';
 
 import Actions from './Actions';

diff --git a/packages/components/src/components/Actions/Actions.test.jsx b/packages/components/src/components/Actions/Actions.test.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { fireEvent, waitFor } from '@testing-library/react';
 import { render } from '../../utils/test';
 import Actions from './Actions';

diff --git a/packages/components/src/components/DataTableSkeleton/DataTableSkeleton.jsx b/packages/components/src/components/DataTableSkeleton/DataTableSkeleton.jsx
@@ -17,7 +17,6 @@ limitations under the License.
 /* eslint-disable jsx-a11y/control-has-associated-label */
 
 import PropTypes from 'prop-types';
-import React from 'react';
 import { getCarbonPrefix } from '@tektoncd/dashboard-utils';
 
 const carbonPrefix = getCarbonPrefix();

diff --git a/...bleSkeleton/DataTableSkeleton.stories.jsx → ...ableSkeleton/DataTableSkeleton.stories.js b/...bleSkeleton/DataTableSkeleton.stories.jsx → ...ableSkeleton/DataTableSkeleton.stories.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2020-2023 The Tekton Authors
+Copyright 2020-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

diff --git a/packages/components/src/components/DeleteModal/DeleteModal.jsx b/packages/components/src/components/DeleteModal/DeleteModal.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2021-2023 The Tekton Authors
+Copyright 2021-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -12,7 +12,6 @@ limitations under the License.
 */
 /* istanbul ignore file */
 
-import React from 'react';
 import { useIntl } from 'react-intl';
 
 import Modal from '../Modal';

diff --git a/...nents/DeleteModal/DeleteModal.stories.jsx → ...onents/DeleteModal/DeleteModal.stories.js b/...nents/DeleteModal/DeleteModal.stories.jsx → ...onents/DeleteModal/DeleteModal.stories.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2021-2023 The Tekton Authors
+Copyright 2021-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

diff --git a/packages/components/src/components/DetailsHeader/DetailsHeader.jsx b/packages/components/src/components/DetailsHeader/DetailsHeader.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { Pending24 as DefaultIcon } from '@carbon/icons-react';
 import { injectIntl } from 'react-intl';
 import { getStatus } from '@tektoncd/dashboard-utils';

diff --git a/...s/DetailsHeader/DetailsHeader.stories.jsx → ...ts/DetailsHeader/DetailsHeader.stories.js b/...s/DetailsHeader/DetailsHeader.stories.jsx → ...ts/DetailsHeader/DetailsHeader.stories.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

diff --git a/packages/components/src/components/DetailsHeader/DetailsHeader.test.jsx b/packages/components/src/components/DetailsHeader/DetailsHeader.test.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,8 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
-
 import DetailsHeader from './DetailsHeader';
 import { render } from '../../utils/test';
 

diff --git a/packages/components/src/components/DotSpinner/DotSpinner.jsx b/packages/components/src/components/DotSpinner/DotSpinner.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2021-2023 The Tekton Authors
+Copyright 2021-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { classNames } from '@tektoncd/dashboard-utils';
 
 export default function Spinner({ className }) {

diff --git a/...ponents/DotSpinner/DotSpinner.stories.jsx → ...mponents/DotSpinner/DotSpinner.stories.js b/...ponents/DotSpinner/DotSpinner.stories.jsx → ...mponents/DotSpinner/DotSpinner.stories.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2021-2023 The Tekton Authors
+Copyright 2021-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

diff --git a/packages/components/src/components/ErrorBoundary/ErrorBoundary.jsx b/packages/components/src/components/ErrorBoundary/ErrorBoundary.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,12 +11,12 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
+import { Component } from 'react';
 import { InlineNotification } from 'carbon-components-react';
 import { getErrorMessage } from '@tektoncd/dashboard-utils';
 import { injectIntl } from 'react-intl';
 
-class ErrorBoundary extends React.Component {
+class ErrorBoundary extends Component {
   state = { error: null };
 
   static getDerivedStateFromError(error) {

diff --git a/packages/components/src/components/ErrorBoundary/ErrorBoundary.test.jsx b/packages/components/src/components/ErrorBoundary/ErrorBoundary.test.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { render } from '../../utils/test';
 
 import ErrorBoundary from './ErrorBoundary';

diff --git a/packages/components/src/components/FormattedDate/FormattedDate.jsx b/packages/components/src/components/FormattedDate/FormattedDate.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { FormattedDate, FormattedRelativeTime, useIntl } from 'react-intl';
 
 const FormattedDateWrapper = ({

diff --git a/...s/FormattedDate/FormattedDate.stories.jsx → ...ts/FormattedDate/FormattedDate.stories.js b/...s/FormattedDate/FormattedDate.stories.jsx → ...ts/FormattedDate/FormattedDate.stories.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

diff --git a/packages/components/src/components/FormattedDate/FormattedDate.test.jsx b/packages/components/src/components/FormattedDate/FormattedDate.test.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { render } from '../../utils/test';
 import FormattedDate from './FormattedDate';
 

diff --git a/packages/components/src/components/FormattedDuration/FormattedDuration.jsx b/packages/components/src/components/FormattedDuration/FormattedDuration.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { defineMessages, injectIntl } from 'react-intl';
 import FormattedDuration from 'react-intl-formatted-duration';
 

diff --git a/...tedDuration/FormattedDuration.stories.jsx → ...ttedDuration/FormattedDuration.stories.js b/...tedDuration/FormattedDuration.stories.jsx → ...ttedDuration/FormattedDuration.stories.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

diff --git a/packages/components/src/components/FormattedDuration/FormattedDuration.test.jsx b/packages/components/src/components/FormattedDuration/FormattedDuration.test.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2020-2023 The Tekton Authors
+Copyright 2020-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { render } from '../../utils/test';
 import FormattedDuration from './FormattedDuration';
 

diff --git a/packages/components/src/components/Header/Header.jsx b/packages/components/src/components/Header/Header.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,7 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
 import { useIntl } from 'react-intl';
 import {
   Header as CarbonHeader,

diff --git a/packages/components/src/components/Header/Header.stories.jsx b/packages/components/src/components/Header/Header.stories.jsx
@@ -1,5 +1,5 @@
 /*
-Copyright 2019-2023 The Tekton Authors
+Copyright 2019-2024 The Tekton Authors
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
@@ -11,8 +11,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from 'react';
-
 import Header from '.';
 import LogoutButton from '../LogoutButton';