@nordicsemiconductor/pc-nrfconnect-shared 230.0.0 → 232.0.0

package/scripts/nordic-publish.ts

@@ -37,17 +37,17 @@ let client: Client;
 abstract class Client {
     abstract sourceUrl: string;
 
-    initialise(options: Options): Promise<void> | void {} // eslint-disable-line @typescript-eslint/no-unused-vars
+    initialise(options: Options): Promise<void> | void {} // eslint-disable-line no-empty-function,@typescript-eslint/no-unused-vars
     abstract end(): void;
 
     abstract download(filename: string): Promise<string>;
     abstract uploadContent(
-        content: Buffer,
-        remoteFilename: string
+        content: Buffer<ArrayBuffer>,
+        remoteFilename: string,
     ): Promise<void>;
     abstract uploadLocalFile(
         localFilename: string,
-        remoteFilename: string
+        remoteFilename: string,
     ): Promise<void>;
 }
 
@@ -89,7 +89,7 @@ class FtpClient extends Client {
     connect = () =>
         new Promise<void>((resolve, reject) => {
             console.log(
-                `Connecting to ftp://${this.user}@${this.host}:${this.port}`
+                `Connecting to ftp://${this.user}@${this.host}:${this.port}`,
             );
             this.ftpClient.once('error', err => {
                 this.ftpClient.removeAllListeners('ready');
@@ -115,8 +115,8 @@ class FtpClient extends Client {
                     reject(
                         new Error(
                             '\nError: Failed to change to directory. ' +
-                                'Check whether it exists on the FTP server.'
-                        )
+                                'Check whether it exists on the FTP server.',
+                        ),
                     );
                 } else {
                     resolve();
@@ -145,12 +145,12 @@ class FtpClient extends Client {
 
     upload = (
         contentOrLocalFilename: string | Buffer,
-        remoteFilename: string
+        remoteFilename: string,
     ) =>
         new Promise<void>((resolve, reject) => {
             console.log(`Uploading file ${remoteFilename}`);
             this.ftpClient.put(contentOrLocalFilename, remoteFilename, err =>
-                err ? reject(err) : resolve()
+                err ? reject(err) : resolve(),
             );
         });
 
@@ -176,7 +176,7 @@ class ArtifactoryClient extends Client {
 
         if (this.token == null) {
             throw new Error(
-                'The environment variable ARTIFACTORY_TOKEN must be set.'
+                'The environment variable ARTIFACTORY_TOKEN must be set.',
             );
         }
 
@@ -220,11 +220,11 @@ class ArtifactoryClient extends Client {
         if (res.ok || res.status === 404) return;
 
         this.filesWhereCacheZappingFailed.push(
-            `${this.folderName}/${filename}`
+            `${this.folderName}/${filename}`,
         );
     };
 
-    upload = async (content: Buffer, remoteFilename: string) => {
+    upload = async (content: Buffer<ArrayBuffer>, remoteFilename: string) => {
         const url = `${this.uploadUrl}/${remoteFilename}`;
         const res = await fetch(url, {
             method: 'PUT',
@@ -239,7 +239,7 @@ class ArtifactoryClient extends Client {
         await this.zapCache(remoteFilename);
     };
 
-    uploadContent = (content: Buffer, remoteFilename: string) => {
+    uploadContent = (content: Buffer<ArrayBuffer>, remoteFilename: string) => {
         console.log(`Uploading content for ${remoteFilename}`);
 
         return this.upload(content, remoteFilename);
@@ -247,7 +247,7 @@ class ArtifactoryClient extends Client {
 
     uploadLocalFile = (localFilename: string, remoteFilename: string) => {
         console.log(
-            `Uploading local file ${localFilename} as ${remoteFilename}`
+            `Uploading local file ${localFilename} as ${remoteFilename}`,
         );
 
         return this.upload(fs.readFileSync(localFilename), remoteFilename);
@@ -256,14 +256,14 @@ class ArtifactoryClient extends Client {
     end = () => {
         if (this.filesWhereCacheZappingFailed.length > 0) {
             console.warn(
-                `\nCache zapping failed for these files, probably because your Artifactory token lacks permission for it:`
+                `\nCache zapping failed for these files, probably because your Artifactory token lacks permission for it:`,
             );
             this.filesWhereCacheZappingFailed.forEach(file => {
                 console.warn(`- ${file}`);
             });
 
             console.warn(
-                '\nGo to https://github.com/NordicSemiconductor/pc-nrfconnect-shared/actions/workflows/zap-cache.yml, run the workflow and paste this string as the list of paths to zap them manually:'
+                '\nGo to https://github.com/NordicSemiconductor/pc-nrfconnect-shared/actions/workflows/zap-cache.yml, run the workflow and paste this string as the list of paths to zap them manually:',
             );
             console.warn('  ', this.filesWhereCacheZappingFailed.join(', '));
         }
@@ -290,7 +290,7 @@ const isAccessLevel = (value: string): value is AccessLevel =>
 
 const splitSourceAndAccessLevel = (sourceAndMaybeAccessLevel: string) => {
     const match = sourceAndMaybeAccessLevel.match(
-        /(?<source>.*?)\s*\((?<accessLevel>.*)\)/
+        /(?<source>.*?)\s*\((?<accessLevel>.*)\)/,
     );
 
     if (match == null) {
@@ -302,8 +302,8 @@ const splitSourceAndAccessLevel = (sourceAndMaybeAccessLevel: string) => {
     if (!isAccessLevel(accessLevel)) {
         throw new Error(
             `The specified access level "${accessLevel}" must be one of ${validAccessLevels.join(
-                ', '
-            )}.`
+                ', ',
+            )}.`,
         );
     }
 
@@ -326,19 +326,19 @@ const parseOptions = (): Options => {
             '-s, --source <source>',
             'Specify the source to publish (e.g. "official" or "releast-test"). ' +
                 'When publishing to Artifactory, an access level can be ' +
-                'specified at the end in parantheses (e.g. "official (external)").'
+                'specified at the end in parantheses (e.g. "official (external)").',
         )
         .addOption(
             new Option(
                 '-d, --destination <ftp|artifactory>',
-                'Specify where to publish.'
+                'Specify where to publish.',
             )
                 .choices(['ftp', 'artifactory'])
-                .makeOptionMandatory()
+                .makeOptionMandatory(),
         )
         .option(
             '-n, --no-pack',
-            'Publish existing .tgz file at the root directory without npm pack.'
+            'Publish existing .tgz file at the root directory without npm pack.',
         )
         .parse();
 
@@ -377,8 +377,8 @@ const getShasum = (filePath: string) => {
     } catch (error) {
         throw new Error(
             `Unable to read file when verifying shasum: ${filePath}. \nError: ${errorAsString(
-                error
-            )}`
+                error,
+            )}`,
         );
     }
 };
@@ -413,14 +413,14 @@ const packOrReadPackage = (options: Options): App => {
 
 const assertAppVersionIsValid = (
     latestAppVersion: string | undefined,
-    app: App
+    app: App,
 ) => {
     if (latestAppVersion != null) {
         console.log(`Latest published version ${latestAppVersion}`);
 
         if (semver.lte(app.version, latestAppVersion) && app.isOfficial) {
             throw new Error(
-                'Current package version cannot be published, bump it higher'
+                'Current package version cannot be published, bump it higher',
             );
         }
     }
@@ -438,7 +438,7 @@ const downloadSourceJson = async () => {
             (sourceJson.apps !== undefined && !Array.isArray(sourceJson.apps))
         ) {
             throw new Error(
-                '`source.json` does not have the expected content.'
+                '`source.json` does not have the expected content.',
             );
         }
 
@@ -461,21 +461,21 @@ const getUpdatedSourceJson = async (app: App): Promise<SourceJson> => {
         ...sourceJson,
         apps: [
             ...new Set(sourceJson.apps).add(
-                `${app.sourceUrl}/${app.appInfoName}`
+                `${app.sourceUrl}/${app.appInfoName}`,
             ),
         ].sort(),
     };
 };
 
 const downloadExistingAppInfo = async (
-    app: App
+    app: App,
 ): Promise<Partial<Pick<AppInfo, 'latestVersion' | 'versions'>>> => {
     try {
         const appInfoContent = await client.download(app.appInfoName);
         return JSON.parse(appInfoContent) as AppInfo;
     } catch (error) {
         console.log(
-            `No previous app versions found due to: ${errorAsString(error)}`
+            `No previous app versions found due to: ${errorAsString(error)}`,
         );
 
         return {};
@@ -484,7 +484,7 @@ const downloadExistingAppInfo = async (
 
 const failBecauseOfMissingProperty = () => {
     throw new Error(
-        'This must never happen, because the properties were already checked before'
+        'This must never happen, because the properties were already checked before',
     );
 };
 
@@ -529,13 +529,13 @@ const getUpdatedAppInfo = async (app: App): Promise<AppInfo> => {
 const uploadSourceJson = (sourceJson: SourceJson) =>
     client.uploadContent(
         Buffer.from(JSON.stringify(sourceJson, undefined, 2)),
-        'source.json'
+        'source.json',
     );
 
 const uploadAppInfo = (app: App, appInfo: AppInfo) =>
     client.uploadContent(
         Buffer.from(JSON.stringify(appInfo, undefined, 2)),
-        app.appInfoName
+        app.appInfoName,
     );
 
 const uploadPackage = (app: App) =>

package/scripts/nrfconnect-license.ts

@@ -106,7 +106,7 @@ const asRegexp = (string: string) =>
             .replace(SPECIAL_REGEXP_CHARACTERS, '\\$1')
             .replace(LINE_ENDINGS, '\\r?\\n') // Because reference string and input string could have different EOLs
             .replace('__YEAR__', '\\d{4}')
-            .replace('__YEARS__', '(?<oldStartingYear>\\d{4})( - \\d{4})?')}`
+            .replace('__YEARS__', '(?<oldStartingYear>\\d{4})( - \\d{4})?')}`,
     );
 
 const checkLicense = () => {
@@ -153,7 +153,7 @@ const allSourceFiles = () =>
                 '.git',
             ],
             baseNameMatch: true,
-        }
+        },
     );
 
 const missesCorrectHeader = (file: string) =>
@@ -178,7 +178,7 @@ const checkHeaders = () => {
 
         fail(
             `These files do not contain the correct license, try fixing this` +
-                ` with running 'npx ${nrfconnectLicenseScript}':\n${listOfFiles}`
+                ` with running 'npx ${nrfconnectLicenseScript}':\n${listOfFiles}`,
         );
     }
 };
@@ -242,7 +242,7 @@ const updateHeader = (file: string) => {
     const COMMENT_START = '/*';
     if (!hadOutdatedLicense && remainingContent.startsWith(COMMENT_START)) {
         console.warn(
-            `The file '${file}' has a comment at the beginning which is not a known outdated license. Not touching this file.`
+            `The file '${file}' has a comment at the beginning which is not a known outdated license. Not touching this file.`,
         );
         return;
     }
@@ -254,12 +254,12 @@ const updateHeader = (file: string) => {
 
     writeFileSync(
         file,
-        shebangLine + newHeader + lineEnding + lineEnding + remainingContent
+        shebangLine + newHeader + lineEnding + lineEnding + remainingContent,
     );
     console.log(
         `${
             hadOutdatedLicense ? 'Updated' : 'Added'
-        } license header in file '${file}'`
+        } license header in file '${file}'`,
     );
 };
 

package/scripts/prepare-shared-release.ts

@@ -38,14 +38,14 @@ const updatePackageJson = (nextReleaseNumber: number) => {
 
     if (nextVersionString === currentVersion) {
         console.log(
-            `- The version in \`package.json\` is already \`${currentVersion}\`, no need to change it.`
+            `- The version in \`package.json\` is already \`${currentVersion}\`, no need to change it.`,
         );
         return false;
     }
 
     npm('pkg', 'set', `version=${nextVersionString}`);
     console.log(
-        `- Updated the version in \`package.json\` to \`${nextVersionString}\`.`
+        `- Updated the version in \`package.json\` to \`${nextVersionString}\`.`,
     );
 
     return true;
@@ -57,12 +57,12 @@ const updateChangelog = (nextReleaseNumber: string) => {
     const changelog = readFileSync('Changelog.md', { encoding: 'utf-8' });
 
     const match = changelog.match(
-        /(?<beginning>.*?)^## (?<header>.*?)$(?<ending>.*)/ms
+        /(?<beginning>.*?)^## (?<header>.*?)$(?<ending>.*)/ms,
     );
 
     if (match?.groups == null) {
         console.error(
-            'x Unable to correctly parse `Changelog.md`, to play it safe I am not changing it.'
+            'x Unable to correctly parse `Changelog.md`, to play it safe I am not changing it.',
         );
         return { updated: false, error: true };
     }
@@ -72,7 +72,7 @@ const updateChangelog = (nextReleaseNumber: string) => {
     const correctHeader = `${nextReleaseNumber} - ${withoutTime(new Date())}`;
     if (header === correctHeader) {
         console.log(
-            `- The latest entry in \`Changelog.md\` already has the header \`${header}\`, no need to change it.`
+            `- The latest entry in \`Changelog.md\` already has the header \`${header}\`, no need to change it.`,
         );
         return { updated: false, error: false };
     }
@@ -84,17 +84,17 @@ const updateChangelog = (nextReleaseNumber: string) => {
         writeFileSync(
             'Changelog.md',
             `${beginning}## ${correctHeader}${ending}`,
-            { encoding: 'utf-8' }
+            { encoding: 'utf-8' },
         );
         console.log(
-            `- Updated the header of the latest entry in \`Changelog.md\` to \`${correctHeader}\`.`
+            `- Updated the header of the latest entry in \`Changelog.md\` to \`${correctHeader}\`.`,
         );
 
         return { updated: true, error: false };
     }
 
     console.error(
-        `x The latest entry in \`Changelog.md\` is not named \`Unreleased\` or \`${nextReleaseNumber} - Unreleased\`, to play it safe I am not changing it.`
+        `x The latest entry in \`Changelog.md\` is not named \`Unreleased\` or \`${nextReleaseNumber} - Unreleased\`, to play it safe I am not changing it.`,
     );
 
     return { updated: false, error: true };
@@ -104,12 +104,12 @@ const main = () => {
     const releaseNumbers = getReleaseNumbers();
 
     console.log(
-        `The currently released version is ${releaseNumbers.latest}, so the next one will be ${releaseNumbers.next}.\n`
+        `The currently released version is ${releaseNumbers.latest}, so the next one will be ${releaseNumbers.next}.\n`,
     );
 
     const updatedPackageJson = updatePackageJson(releaseNumbers.next);
     const { updated: updatedChangelog, error } = updateChangelog(
-        `${releaseNumbers.next}.0.0`
+        `${releaseNumbers.next}.0.0`,
     );
 
     if (!updatedPackageJson && !updatedChangelog) {

package/src/About/Feedback.tsx

@@ -67,7 +67,7 @@ const FeedbackDialog = ({
                                 handleFormData(
                                     feedback,
                                     setSayThankYou,
-                                    selectedCategory?.value
+                                    selectedCategory?.value,
                                 ).then(() => setSendingFeedback(false));
                             }}
                             disabled={feedback === '' || sendingFeedback}
@@ -136,7 +136,7 @@ const FeedbackDialog = ({
 const handleFormData = async (
     feedback: string,
     setResponse: (response: boolean) => void,
-    category?: string
+    category?: string,
 ) => {
     try {
         await sendFeedback(feedback, category);
@@ -144,7 +144,7 @@ const handleFormData = async (
         setResponse(true);
     } catch (error: unknown) {
         logger.error(
-            `FeedbackForm: Could not send feedback. ${describeError(error)}`
+            `FeedbackForm: Could not send feedback. ${describeError(error)}`,
         );
     }
 };

package/src/About/SupportCard.tsx

@@ -54,7 +54,7 @@ export default ({ feedbackCategories }: { feedbackCategories?: string[] }) => {
                             systemReport(
                                 [...devices.values()],
                                 currentSerialNumber as string,
-                                currentDevice
+                                currentDevice,
                             )
                         }
                         label="Create system report"

package/src/App/App.test.tsx

@@ -43,7 +43,7 @@ const renderApp = (panes: Pane[]) => {
             deviceSelect={dummyNode}
             sidePanel={dummyNode}
             panes={panes}
-        />
+        />,
     );
 };
 

package/src/App/App.tsx

@@ -146,7 +146,7 @@ const ConnectedApp: FC<ConnectedAppProps> = ({
                 <div
                     className={classNames(
                         'core19-side-panel-container',
-                        isSidePanelVisible || 'hidden'
+                        isSidePanelVisible || 'hidden',
                     )}
                 >
                     {currentSidePanel}
@@ -171,7 +171,7 @@ const ConnectedApp: FC<ConnectedAppProps> = ({
                     <div
                         className={classNames(
                             'core19-log-viewer',
-                            isLogVisible || 'hidden'
+                            isLogVisible || 'hidden',
                         )}
                     >
                         <LogViewer />
@@ -229,7 +229,7 @@ const usePersistedPane = () => {
 const useAllPanes = (
     panes: Pane[],
     documentation: ReactNode[] | undefined,
-    feedbackCategories?: string[]
+    feedbackCategories?: string[],
 ) => {
     const dispatch = useDispatch();
 

package/src/App/VisibilityBar.tsx

@@ -51,7 +51,7 @@ export default ({ isSidePanelEnabled }: { isSidePanelEnabled: boolean }) => {
             isGlobal: true,
             action: () => dispatch(setLogVisible(!isLogVisible)),
         },
-        [isLogVisible]
+        [isLogVisible],
     );
 
     return (

package/src/App/appLayout.ts

@@ -76,43 +76,43 @@ const slice = createSlice({
             if (
                 !state.currentPane ||
                 !getValidPanes(state.panes).find(
-                    p => p.name === state.currentPane
+                    p => p.name === state.currentPane,
                 )
             ) {
                 setCurrentPaneInState(
                     getValidPanes(state.panes)[0].name,
-                    state
+                    state,
                 );
             }
         },
         switchToNextPane: state => {
             const validPanes = getValidPanes(state.panes);
             const currentPaneIndex = state.panes.findIndex(
-                pane => pane.name === state.currentPane
+                pane => pane.name === state.currentPane,
             );
             setCurrentPaneInState(
                 validPanes[(currentPaneIndex + 1) % validPanes.length].name,
-                state
+                state,
             );
         },
         switchToPreviousPane: state => {
             const currentPaneIndex = state.panes.findIndex(
-                pane => pane.name === state.currentPane
+                pane => pane.name === state.currentPane,
             );
             setCurrentPaneInState(
                 getValidPanes(state.panes)[Math.max(0, currentPaneIndex - 1)]
                     .name,
-                state
+                state,
             );
         },
         setPaneHidden: (
             state,
-            action: PayloadAction<{ name: string; hidden: boolean }>
+            action: PayloadAction<{ name: string; hidden: boolean }>,
         ) => {
             state.panes = state.panes.map(pane =>
                 pane.name === action.payload.name
                     ? { ...pane, hidden: action.payload.hidden }
-                    : pane
+                    : pane,
             );
 
             if (
@@ -121,18 +121,18 @@ const slice = createSlice({
             ) {
                 setCurrentPaneInState(
                     getValidPanes(state.panes)[0].name,
-                    state
+                    state,
                 );
             }
         },
         setPaneDisabled: (
             state,
-            action: PayloadAction<{ name: string; disabled: boolean }>
+            action: PayloadAction<{ name: string; disabled: boolean }>,
         ) => {
             state.panes = state.panes.map(pane =>
                 pane.name === action.payload.name
                     ? { ...pane, disabled: action.payload.disabled }
-                    : pane
+                    : pane,
             );
 
             if (
@@ -141,7 +141,7 @@ const slice = createSlice({
             ) {
                 setCurrentPaneInState(
                     getValidPanes(state.panes)[0].name,
-                    state
+                    state,
                 );
             }
         },

package/src/Button/Button.tsx

@@ -61,7 +61,7 @@ const Button: React.FC<ButtonProps> = ({
                 'tw-bg-red tw-text-white active:enabled:tw-bg-red-700',
             variant === 'link-button' &&
                 'tw-border tw-border-nordicBlue tw-bg-white tw-text-nordicBlue active:enabled:tw-bg-gray-50',
-            className
+            className,
         )}`}
         disabled={disabled}
         onClick={onClick}

package/src/ConfirmBeforeClose/ConfirmCloseDialog.tsx

@@ -75,7 +75,7 @@ export default () => {
                 getCurrentWindow().emit('restart-cancelled');
                 dispatch(setShowCloseDialog(false));
                 confirmedDialogs.forEach(confirmedDialog =>
-                    dispatch(addConfirmBeforeClose(confirmedDialog))
+                    dispatch(addConfirmBeforeClose(confirmedDialog)),
                 );
                 setConfirmedDialogs([]);
             }}

package/src/ConfirmBeforeClose/confirmBeforeCloseSlice.ts

@@ -40,10 +40,10 @@ const slice = createSlice({
     reducers: {
         addConfirmBeforeClose(
             state,
-            action: PayloadAction<ConfirmBeforeCloseOptionalTitle>
+            action: PayloadAction<ConfirmBeforeCloseOptionalTitle>,
         ) {
             const index = state.confirmCloseApp.findIndex(
-                confirmCloseApp => confirmCloseApp.id === action.payload.id
+                confirmCloseApp => confirmCloseApp.id === action.payload.id,
             );
 
             const dialog = {
@@ -59,7 +59,7 @@ const slice = createSlice({
         },
         clearConfirmBeforeClose(state, action: PayloadAction<string>) {
             state.confirmCloseApp = state.confirmCloseApp.filter(
-                confirmCloseApp => confirmCloseApp.id !== action.payload
+                confirmCloseApp => confirmCloseApp.id !== action.payload,
             );
         },
         setShowCloseDialog(state, action: PayloadAction<boolean>) {
@@ -89,7 +89,7 @@ export const preventAppCloseUntilComplete =
     (
         dialogInfo: Omit<ConfirmBeforeCloseOptionalTitle, 'id'>,
         promise: Promise<unknown>,
-        abortController?: AbortController
+        abortController?: AbortController,
     ): AppThunk =>
     dispatch => {
         const id = uuid();
@@ -101,7 +101,7 @@ export const preventAppCloseUntilComplete =
                     dialogInfo.onClose?.();
                     abortController?.abort();
                 },
-            })
+            }),
         );
         promise.finally(() => dispatch(clearConfirmBeforeClose(id)));
     };

package/src/Device/DeviceSelector/DeviceList/Device.tsx

@@ -24,7 +24,7 @@ const ShowMoreInfo = ({
     <PseudoButton
         className={classNames(
             isVisible ? 'tw-visible' : 'tw-invisible  group-hover:tw-visible',
-            `mdi mdi-chevron-${isVisible ? 'up' : 'down'}`
+            `mdi mdi-chevron-${isVisible ? 'up' : 'down'}`,
         )}
         testId="show-more-device-info"
         onClick={toggleVisible}
@@ -55,7 +55,7 @@ export default ({ device, doSelectDevice, allowMoreInfoVisible }: Props) => {
             className={classNames(
                 'tw-flex tw-flex-col tw-gap-2 tw-py-3 tw-font-light group-hover:tw-bg-white',
                 moreVisible && 'tw-bg-white',
-                moreVisible && device.serialNumber && 'tw-pb-0'
+                moreVisible && device.serialNumber && 'tw-pb-0',
             )}
             onClick={() => doSelectDevice(device, false)}
         >

package/src/Device/DeviceSelector/DeviceList/DeviceList.tsx

@@ -73,12 +73,12 @@ const DeviceList: FC<Props> = ({
 
     const sortedDevices = useMemo(
         () => sorted([...devices.values()]),
-        [devices]
+        [devices],
     );
 
     const filteredDevices = useMemo(
         () => sortedDevices.filter(deviceFilter),
-        [deviceFilter, sortedDevices]
+        [deviceFilter, sortedDevices],
     );
 
     const canUseAutoReconnect =
@@ -88,7 +88,7 @@ const DeviceList: FC<Props> = ({
         <div
             className={classNames(
                 'device-list-container',
-                isVisible || 'hidden'
+                isVisible || 'hidden',
             )}
         >
             <div className="tw-flex tw-h-full tw-flex-col tw-overflow-y-hidden">

package/src/Device/DeviceSelector/DeviceList/VirtualDevices.tsx

@@ -58,7 +58,7 @@ export default ({
             <div
                 className={classNames(
                     'device-list tw-transform tw-duration-200 tw-ease-in-out',
-                    !deviceListVisible && 'tw-h-0 tw-translate-y-full'
+                    !deviceListVisible && 'tw-h-0 tw-translate-y-full',
                 )}
             >
                 {virtualDevices.map(virtualDevice => (
@@ -82,7 +82,7 @@ export default ({
                 <img
                     className={classNames(
                         'tw-transform tw-duration-100 tw-ease-linear',
-                        !deviceListVisible && 'tw-rotate-180'
+                        !deviceListVisible && 'tw-rotate-180',
                     )}
                     src={chevron}
                     alt=""