chore: update classnames to 2.3.1 (flyteorg#283)

Signed-off-by: Nastya Rusina <[email protected]>

package.json

@@ -93,7 +93,6 @@
     "@testing-library/jest-dom": "^5.5.0",
     "@testing-library/react": "^10.0.3",
     "@types/cheerio": "^0.22.2",
-    "@types/classnames": "^2.2.0",
     "@types/compression-webpack-plugin": "^2.0.1",
     "@types/d3-shape": "^1.2.6",
     "@types/debug": "^0.0.30",
@@ -141,7 +140,7 @@
     "babel-jest": "^26.0.0",
     "babel-loader": "^8.0.0-beta.2",
     "camelcase-keys": "^6.1.1",
-    "classnames": "^2.2.6",
+    "classnames": "^2.3.1",
     "compression-webpack-plugin": "^3.0.1",
     "contrast": "^1.0.1",
     "copy-to-clipboard": "^3.0.8",

src/components/Entities/EntityDescription.tsx

@@ -1,6 +1,6 @@
 import { Typography } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import { WaitForData } from 'components/common/WaitForData';
 import { useNamedEntity } from 'components/hooks/useNamedEntity';

src/components/Entities/EntityDetailsHeader.tsx

@@ -1,7 +1,7 @@
 import { Button, Dialog } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import ArrowBack from '@material-ui/icons/ArrowBack';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import { ResourceIdentifier, ResourceType } from 'models/Common/types';
 import { Project } from 'models/Project/types';

src/components/Executions/ExecutionDetails/ExecutionDetails.tsx

@@ -1,7 +1,7 @@
 import { Collapse, IconButton } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import ExpandMore from '@material-ui/icons/ExpandMore';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { LargeLoadingSpinner } from 'components/common/LoadingSpinner';
 import { WaitForQuery } from 'components/common/WaitForQuery';
 import { withRouteParams } from 'components/common/withRouteParams';

src/components/Executions/ExecutionDetails/ExecutionDetailsAppBarContent.tsx

@@ -1,7 +1,7 @@
 import { Button, Dialog, Link, Typography } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import ArrowBack from '@material-ui/icons/ArrowBack';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { navbarGridHeight } from 'common/layout';
 import { ButtonCircularProgress } from 'components/common/ButtonCircularProgress';
 import { MoreOptionsMenu } from 'components/common/MoreOptionsMenu';

src/components/Executions/ExecutionDetails/ExecutionMetadata.tsx

@@ -1,6 +1,6 @@
 import { Typography } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { dashedValueString } from 'common/constants';
 import { formatDateUTC, protobufDurationToHMS } from 'common/formatters';
 import { timestampToDate } from 'common/utils';

src/components/Executions/ExecutionDetails/ExecutionMetadataExtra.tsx

@@ -1,6 +1,6 @@
 import { Typography } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import { Execution } from 'models/Execution/types';
 import * as React from 'react';

src/components/Executions/ExecutionDetails/NodeExecutionDetailsPanelContent.tsx

@@ -4,7 +4,7 @@ import { makeStyles, Theme } from '@material-ui/core/styles';
 import Tab from '@material-ui/core/Tab';
 import Tabs from '@material-ui/core/Tabs';
 import Close from '@material-ui/icons/Close';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import { InfoIcon } from 'components/common/Icons/InfoIcon';
 import { bodyFontFamily, smallFontSize } from 'components/Theme/constants';

src/components/Executions/ExecutionStatusBadge.tsx

@@ -1,5 +1,5 @@
 import { makeStyles, Theme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import {
     bodyFontFamily,
     smallFontSize,

src/components/Executions/NodeExecutionCacheStatus.tsx

@@ -3,7 +3,7 @@ import { makeStyles, Theme } from '@material-ui/core/styles';
 import CachedOutlined from '@material-ui/icons/CachedOutlined';
 import ErrorOutlined from '@material-ui/icons/ErrorOutlined';
 import InfoOutlined from '@material-ui/icons/InfoOutlined';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { assertNever } from 'common/utils';
 import { PublishedWithChangesOutlined } from 'components/common/PublishedWithChanges';
 import { useCommonStyles } from 'components/common/styles';

src/components/Executions/Tables/ExecutionsTableHeader.tsx

@@ -1,5 +1,5 @@
 import { Typography } from '@material-ui/core';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { isFunction } from 'common/typeCheckers';
 import * as React from 'react';
 import { useExecutionTableStyles } from './styles';

src/components/Executions/Tables/NodeExecutionChildren.tsx

@@ -1,6 +1,6 @@
 import { Button, Typography } from '@material-ui/core';
 import { Theme, makeStyles } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { getCacheKey } from 'components/Cache/utils';
 import { useTheme } from 'components/Theme/useTheme';
 import { Admin } from 'flyteidl';

src/components/Executions/Tables/NodeExecutionRow.tsx

@@ -1,7 +1,7 @@
 import { CircularProgress, IconButton } from '@material-ui/core';
 import { Admin } from 'flyteidl';
 import ErrorOutline from '@material-ui/icons/ErrorOutline';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useTheme } from 'components/Theme/useTheme';
 import { isEqual } from 'lodash';
 import { NodeExecution } from 'models/Execution/types';

src/components/Executions/Tables/NodeExecutionsTable.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { Admin } from 'flyteidl';
 import { getCacheKey } from 'components/Cache/utils';
 import { DetailsPanel } from 'components/common/DetailsPanel';

src/components/Executions/Tables/WorkflowExecutionLink.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import { WorkflowExecutionIdentifier } from 'models/Execution/types';
 import * as React from 'react';

src/components/Executions/Tables/WorkflowExecutionsTable.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import * as React from 'react';
 import { ListRowRenderer } from 'react-virtualized';
 import { noExecutionsFoundString } from 'common/constants';

src/components/Executions/Tables/WorkflowVersionsTable.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { noWorkflowVersionsFoundString } from 'common/constants';
 import { useCommonStyles } from 'components/common/styles';
 import { ListProps } from 'components/common/types';

src/components/Executions/Tables/__mocks__/WorkflowExecutionsTable.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import * as React from 'react';
 import { ExecutionsTableHeader } from '../ExecutionsTableHeader';

src/components/Executions/TaskExecutionDetails/TaskExecutionDetailsAppBarContent.tsx

@@ -1,7 +1,7 @@
 import { Typography } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import ArrowBack from '@material-ui/icons/ArrowBack';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { formatDateUTC, protobufDurationToHMS } from 'common/formatters';
 import { timestampToDate } from 'common/utils';
 import { useCommonStyles } from 'components/common/styles';

src/components/Executions/TaskExecutionsList/TaskExecutionsListItem.tsx

@@ -1,6 +1,6 @@
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import { TaskExecutionPhase } from 'models/Execution/enums';
 import { TaskExecution } from 'models/Execution/types';

src/components/Launch/LaunchForm/NoInputsNeeded.tsx

@@ -1,6 +1,6 @@
 import { Typography } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import * as React from 'react';
 import { taskNoInputsString, workflowNoInputsString } from './constants';

src/components/Literals/LiteralMapViewer.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { sortedObjectEntries } from 'common/utils';
 import { useCommonStyles } from 'components/common/styles';
 import { Literal, LiteralMap } from 'models/Common/types';

src/components/Literals/PrintList.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import * as React from 'react';
 import { htmlEntities } from './constants';

src/components/Literals/Scalar/ProtobufStructValue.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { sortedObjectEntries } from 'common/utils';
 import { useCommonStyles } from 'components/common/styles';
 import {

src/components/Navigation/DefaultAppBarContent.tsx

@@ -1,5 +1,5 @@
 import { makeStyles, Theme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { FlyteLogo } from 'components/common/FlyteLogo';
 import { useCommonStyles } from 'components/common/styles';
 import * as React from 'react';

src/components/Navigation/ProjectNavigation.tsx

@@ -4,7 +4,7 @@ import ChevronRight from '@material-ui/icons/ChevronRight';
 import DeviceHub from '@material-ui/icons/DeviceHub';
 import LinearScale from '@material-ui/icons/LinearScale';
 import TrendingFlat from '@material-ui/icons/TrendingFlat';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import { withRouteParams } from 'components/common/withRouteParams';
 import { useProject, useProjects } from 'components/hooks/useProjects';

src/components/Navigation/ProjectSelector.tsx

@@ -1,7 +1,7 @@
 import ButtonBase from '@material-ui/core/ButtonBase';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import ExpandMore from '@material-ui/icons/ExpandMore';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { KeyCodes } from 'common/constants';
 import { useCommonStyles } from 'components/common/styles';
 import { listhoverColor } from 'components/Theme/constants';

src/components/Navigation/SearchableProjectList.tsx

@@ -1,6 +1,6 @@
 import { Fade, Tooltip, Typography } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { SearchableList, SearchResult } from 'components/common/SearchableList';
 import { useCommonStyles } from 'components/common/styles';
 import { defaultProjectDescription } from 'components/SelectProject/constants';

src/components/Tables/DataList.tsx

@@ -1,6 +1,6 @@
 import { ListProps, Typography } from '@material-ui/core';
 import { makeStyles, Theme, useTheme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import { tablePlaceholderColor } from 'components/Theme/constants';
 import * as React from 'react';

src/components/Tables/filters/FilterPopoverButton.tsx

@@ -2,7 +2,7 @@ import { Button, Popover } from '@material-ui/core';
 import { fade, makeStyles, Theme } from '@material-ui/core/styles';
 import Close from '@material-ui/icons/Close';
 import ExpandMore from '@material-ui/icons/ExpandMore';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import {
     buttonHoverColor,
     interactiveTextBackgroundColor,

src/components/Task/SearchableTaskNameList.tsx

@@ -2,7 +2,7 @@ import { Typography } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import ChevronRight from '@material-ui/icons/ChevronRight';
 import ErrorOutline from '@material-ui/icons/ErrorOutline';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { noDescriptionString } from 'common/constants';
 import { SearchResult } from 'components/common/SearchableList';
 import {

src/components/common/ContentContainer.tsx

@@ -1,5 +1,5 @@
 import { makeStyles, Theme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { contentContainerId } from 'common/constants';
 import {
     contentMarginGridUnits,

src/components/common/DetailsGroup.tsx

@@ -1,5 +1,5 @@
 import { makeStyles, Theme, useTheme } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import * as React from 'react';
 

src/components/common/DropDownWindowButton.tsx

@@ -1,6 +1,6 @@
 import Button, { ButtonProps } from '@material-ui/core/Button';
 import Popover from '@material-ui/core/Popover';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import * as React from 'react';
 const { useRef, useState } = React;

src/components/common/ErrorBoundary.tsx

@@ -2,7 +2,7 @@ import { CardContent } from '@material-ui/core';
 import Card from '@material-ui/core/Card';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import ErrorOutline from '@material-ui/icons/ErrorOutline';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { log } from 'common/log';
 import { useCommonStyles } from 'components/common/styles';
 import { NotFound } from 'components/NotFound/NotFound';

src/components/common/ExpandableMonospaceText.tsx

@@ -1,7 +1,7 @@
 import { Button, ButtonBase } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import FileCopy from '@material-ui/icons/FileCopy';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import {
     bodyFontFamily,
     errorBackgroundColor,

src/components/common/LoadingSpinner.tsx

@@ -1,6 +1,6 @@
 import { CircularProgress } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useDelayedValue } from 'components/hooks/useDelayedValue';
 import * as React from 'react';
 import { loadingSpinnerDelayMs } from './constants';

src/components/common/NewTargetLink.tsx

@@ -1,7 +1,7 @@
 import Link, { LinkProps } from '@material-ui/core/Link';
 import { makeStyles } from '@material-ui/core/styles';
 import OpenInNew from '@material-ui/icons/OpenInNew';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import { useCommonStyles } from 'components/common/styles';
 import * as React from 'react';
 

yarn.lock

@@ -3446,11 +3446,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/classnames@^2.2.0":
-  version "2.2.11"
-  resolved "https://registry.yarnpkg.com/@types/classnames/-/classnames-2.2.11.tgz#2521cc86f69d15c5b90664e4829d84566052c1cf"
-  integrity sha512-2koNhpWm3DgWRp5tpkiJ8JGc1xTn2q0l+jUNUE7oMKXUf5NpI9AIdC4kbjGNFBdHtcxBD18LAksoudAVhFKCjw==
-
 "@types/clean-css@*":
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/@types/clean-css/-/clean-css-4.2.2.tgz#99fd79f6939c2b325938a1c569712e07dd97d709"
@@ -6344,11 +6339,16 @@ classcat@^5.0.3:
   resolved "https://registry.yarnpkg.com/classcat/-/classcat-5.0.3.tgz#38eaa0ec6eb1b10faf101bbcef2afb319c23c17b"
   integrity sha512-6dK2ke4VEJZOFx2ZfdDAl5OhEL8lvkl6EHF92IfRePfHxQTqir5NlcNVUv+2idjDqCX2NDc8m8YSAI5NI975ZQ==
 
-classnames@^2.2.5, classnames@^2.2.6:
+classnames@^2.2.5:
   version "2.2.6"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
   integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==
 
+classnames@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e"
+  integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==
+
 [email protected], clean-css@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"