update: linter rules to move first prop to new line

elementor · Nov 26, 2024 · 435ab3d · 435ab3d
1 parent eb92d9e
commit 435ab3d
Show file tree

Hide file tree

Showing 26 changed files with 160 additions and 80 deletions.
diff --git a/modules/settings/assets/js/app.js b/modules/settings/assets/js/app.js
@@ -23,11 +23,13 @@ const App = () => {
 		<DirectionProvider rtl={ false /* TODO:Add RTL detection in settings */ }>
 			<ThemeProvider colorScheme="light">
 				{ ! isConnected && <ConnectModal /> }
-				<Grid display="flex"
+				<Grid
+					display="flex"
 					flexDirection="row"
 					height="100%">
 					<Sidebar />
-					<Box width="100%"
+					<Box
+						width="100%"
 						display="flex"
 						flexDirection="column"
 						justifyContent="space-between"

diff --git a/modules/settings/assets/js/components/admin-top-bar/index.js b/modules/settings/assets/js/components/admin-top-bar/index.js
@@ -14,10 +14,12 @@ export const AdminTopBar = () => {
 		borderBottom: '1px solid rgba(0, 0, 0, 0.12)' };
 	return (
 		<AppBar position="static">
-			<Toolbar direction="row"
+			<Toolbar
+				direction="row"
 				sx={ toolBarStyle }
 				padding={ 2 }>
-				<Link color="secondary"
+				<Link
+					color="secondary"
 					underline="hover"
 					href={ HELP_LINK }
 					target="_blank"

diff --git a/modules/settings/assets/js/components/alignment-matrix-control/index.js b/modules/settings/assets/js/components/alignment-matrix-control/index.js
@@ -31,7 +31,8 @@ const AlignmentMatrixControl = () => {
 					{ __( 'Default Position', 'pojo-accessibility' ) }
 				</Typography>
 			</FormLabel>
-			<Box display="flex"
+			<Box
+				display="flex"
 				justifyContent="center"
 				padding={ 2 }
 				width="100%"
@@ -53,7 +54,8 @@ const AlignmentMatrixControl = () => {
 						width: '100px',
 					} }
 				>
-					{ options.map( ( option, i ) => <FormControlLabel sx={ { margin: 0 } }
+					{ options.map( ( option, i ) => <FormControlLabel
+						sx={ { margin: 0 } }
 						key={ i }
 						value={ option.value }
 						control={ <Radio color="secondary" /> } /> ) }

diff --git a/modules/settings/assets/js/components/bottom-bar/index.js b/modules/settings/assets/js/components/bottom-bar/index.js
@@ -4,7 +4,8 @@ import { __ } from '@wordpress/i18n';
 
 export const BottomBar = () => {
 	return (
-		<Box display="flex"
+		<Box
+			display="flex"
 			justifyContent="end"
 			p={ 2 }
 			width="100%"

diff --git a/modules/settings/assets/js/components/color-picker/index.js b/modules/settings/assets/js/components/color-picker/index.js
@@ -18,7 +18,8 @@ const ColorPicker = () => {
 					{ __( 'Color', 'pojo-accessibility' ) }
 				</Typography>
 			</FormLabel>
-			<Grid padding={ 1 }
+			<Grid
+				padding={ 1 }
 				border={ 1 }
 				borderColor="divider"
 				borderRadius={ 1 }
@@ -30,11 +31,13 @@ const ColorPicker = () => {
 					className="widget-settings-color-picker"
 				/>
 				<Grid marginTop={ 2 } display="flex">
-					<Box padding={ 2 }
+					<Box
+						padding={ 2 }
 						sx={ { backgroundColor: color } }
 						borderRadius={ 1 }
 						marginRight={ 1 }></Box>
-					<HexColorInput color={ color }
+					<HexColorInput
+						color={ color }
 						onChange={ setColor }
 						style={ {
 							width: '100%',

diff --git a/modules/settings/assets/js/components/connect-modal/connect-modal-icon.js b/modules/settings/assets/js/components/connect-modal/connect-modal-icon.js
diff --git a/modules/settings/assets/js/components/connect-modal/index.js b/modules/settings/assets/js/components/connect-modal/index.js
@@ -12,7 +12,8 @@ function ConnectModal() {
 
 	return (
 		<Modal open={ isOpen }>
-			<Grid container
+			<Grid
+				container
 				gap={ 2 }
 				direction="column"
 				justifyContent="start"
@@ -32,12 +33,14 @@ function ConnectModal() {
 					borderRadius: '4px',
 				} }>
 				<Box component="div" sx={ { background: '#000', width: '100%', height: '200px' } }></Box>
-				<Typography variant="subtitle1"
+				<Typography
+					variant="subtitle1"
 					marginTop={ 5 }
 					marginBottom={ 3 }>
 					{ __( 'Connect plugin on your site!', 'pojo-accessibility' ) }
 				</Typography>
-				<Button variant="contained"
+				<Button
+					variant="contained"
 					color="info"
 					size="large"
 					onClick={ redirectToConnect }>

diff --git a/modules/settings/assets/js/components/icon-select/index.js b/modules/settings/assets/js/components/icon-select/index.js
@@ -69,7 +69,8 @@ const IconSelect = ( props ) => {
 							cursor: 'pointer',
 						} }
 					>{ option.icon }
-						<Radio value={ option.value }
+						<Radio
+							value={ option.value }
 							sx={ {
 								opacity: 0, position: 'absolute',
 							} } />

diff --git a/modules/settings/assets/js/components/my-account-menu/index.js b/modules/settings/assets/js/components/my-account-menu/index.js
@@ -49,7 +49,8 @@ const MyAccountMenu = () => {
 			>
 				<MenuItem onClick={ accountMenuState.close } sx={ { gap: 1, width: '225px' } }>
 					<Avatar>JB</Avatar>
-					<Box display="flex"
+					<Box
+						display="flex"
 						flexDirection="column"
 						gap={ 0 }>
 						<Typography variant="subtitle2" color="common.white">Jack Baueuer</Typography>

diff --git a/modules/settings/assets/js/components/notifications/index.js b/modules/settings/assets/js/components/notifications/index.js
@@ -24,7 +24,8 @@ const Notifications = ( { type, message } ) => {
 			anchorOrigin={ { vertical: 'bottom', horizontal: 'right' } }
 			sx={ { zIndex: 99999 } }
 		>
-			<Alert onClose={ () => setShowNotification( ! showNotification ) }
+			<Alert
+				onClose={ () => setShowNotification( ! showNotification ) }
 				severity={ type }
 				variant="filled" >
 				{ message }

diff --git a/modules/settings/assets/js/components/position-control/index.js b/modules/settings/assets/js/components/position-control/index.js
@@ -55,7 +55,8 @@ const PositionControl = ( { type, disabled }, props ) => {
 	const handlePositionChange = ( event ) => setPosition( event.target.value );
 
 	return (
-		<Box display="flex"
+		<Box
+			display="flex"
 			gap={ 1 }
 			marginTop={ 2 }>
 			<StyledTextField

diff --git a/modules/settings/assets/js/components/sidebar-app-bar/index.js b/modules/settings/assets/js/components/sidebar-app-bar/index.js
@@ -12,12 +12,14 @@ const SidebarAppBar = () => {
 
 	return ( <AppBar position="static" color="transparent" >
 		<Toolbar disableGutters sx={ { justifyContent: 'space-between' } } >
-			<Box display="flex"
+			<Box
+				display="flex"
 				alignItems="center"
 				justifyContent="center"
 				p={ 1 }>
 				<ElementorLogo />
-				<Typography variant="h6"
+				<Typography
+					variant="h6"
 					marginLeft={ 1 }
 					display={ ! openSidebar ? 'none' : 'inherit' }>
 					{ __( 'Accessibility', 'pojo-accessibility' ) }

diff --git a/modules/settings/assets/js/components/sidebar-menu/index.js b/modules/settings/assets/js/components/sidebar-menu/index.js
@@ -47,10 +47,12 @@ const SidebarMenu = () => {
 				{ item.children && expandedItems[ key ] && (
 					<List component="div" disablePadding>
 						{ Object.entries( item.children ).map( ( [ childKey, child ] ) => (
-							<ListItem key={ childKey }
+							<ListItem
+								key={ childKey }
 								sx={ { py: 0 } }
 								hidden={ ! openSidebar }>
-								<ListItemButton sx={ { py: 0 } }
+								<ListItemButton
+									sx={ { py: 0 } }
 									hidden={ ! openSidebar }
 									selected={ childKey === selectedMenu.child && openSidebar }
 									onClick={ () => handleSelectedMenu( key, childKey ) }>

diff --git a/modules/settings/assets/js/icons/accessibility-controls.js b/modules/settings/assets/js/icons/accessibility-controls.js
@@ -9,10 +9,12 @@ function AccessibilityControlsIcon( props ) {
 			sx={ { marginRight: 1 } }
 			{ ...props }
 		>
-			<circle cx="32"
+			<circle
+				cx="32"
 				cy="32"
 				r="32" />
-			<path d="M31.4998 25.4993C31.4998 26.1182 31.7457 26.7117 32.1833 27.1493C32.6208 27.5869 33.2143 27.8327 33.8332 27.8327C34.452 27.8327 35.0455 27.5869 35.4831 27.1493C35.9207 26.7117 36.1665 26.1182 36.1665 25.4993M31.4998 25.4993C31.4998 24.8805 31.7457 24.287 32.1833 23.8494C32.6208 23.4118 33.2143 23.166 33.8332 23.166C34.452 23.166 35.0455 23.4118 35.4831 23.8494C35.9207 24.287 36.1665 24.8805 36.1665 25.4993M31.4998 25.4993H22.1665M36.1665 25.4993H40.8332M24.4998 32.4993C24.4998 33.1182 24.7457 33.7117 25.1833 34.1493C25.6208 34.5869 26.2143 34.8327 26.8332 34.8327C27.452 34.8327 28.0455 34.5869 28.4831 34.1493C28.9207 33.7117 29.1665 33.1182 29.1665 32.4993M24.4998 32.4993C24.4998 31.8805 24.7457 31.287 25.1833 30.8494C25.6208 30.4118 26.2143 30.166 26.8332 30.166C27.452 30.166 28.0455 30.4118 28.4831 30.8494C28.9207 31.287 29.1665 31.8805 29.1665 32.4993M24.4998 32.4993H22.1665M29.1665 32.4993H40.8332M34.9998 39.4993C34.9998 40.1182 35.2457 40.7117 35.6833 41.1493C36.1208 41.5868 36.7143 41.8327 37.3332 41.8327C37.952 41.8327 38.5455 41.5868 38.9831 41.1493C39.4207 40.7117 39.6665 40.1182 39.6665 39.4993M34.9998 39.4993C34.9998 38.8805 35.2457 38.287 35.6833 37.8494C36.1208 37.4118 36.7143 37.166 37.3332 37.166C37.952 37.166 38.5455 37.4118 38.9831 37.8494C39.4207 38.287 39.6665 38.8805 39.6665 39.4993M34.9998 39.4993H22.1665M39.6665 39.4993H40.8332M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32Z"
+			<path
+				d="M31.4998 25.4993C31.4998 26.1182 31.7457 26.7117 32.1833 27.1493C32.6208 27.5869 33.2143 27.8327 33.8332 27.8327C34.452 27.8327 35.0455 27.5869 35.4831 27.1493C35.9207 26.7117 36.1665 26.1182 36.1665 25.4993M31.4998 25.4993C31.4998 24.8805 31.7457 24.287 32.1833 23.8494C32.6208 23.4118 33.2143 23.166 33.8332 23.166C34.452 23.166 35.0455 23.4118 35.4831 23.8494C35.9207 24.287 36.1665 24.8805 36.1665 25.4993M31.4998 25.4993H22.1665M36.1665 25.4993H40.8332M24.4998 32.4993C24.4998 33.1182 24.7457 33.7117 25.1833 34.1493C25.6208 34.5869 26.2143 34.8327 26.8332 34.8327C27.452 34.8327 28.0455 34.5869 28.4831 34.1493C28.9207 33.7117 29.1665 33.1182 29.1665 32.4993M24.4998 32.4993C24.4998 31.8805 24.7457 31.287 25.1833 30.8494C25.6208 30.4118 26.2143 30.166 26.8332 30.166C27.452 30.166 28.0455 30.4118 28.4831 30.8494C28.9207 31.287 29.1665 31.8805 29.1665 32.4993M24.4998 32.4993H22.1665M29.1665 32.4993H40.8332M34.9998 39.4993C34.9998 40.1182 35.2457 40.7117 35.6833 41.1493C36.1208 41.5868 36.7143 41.8327 37.3332 41.8327C37.952 41.8327 38.5455 41.5868 38.9831 41.1493C39.4207 40.7117 39.6665 40.1182 39.6665 39.4993M34.9998 39.4993C34.9998 38.8805 35.2457 38.287 35.6833 37.8494C36.1208 37.4118 36.7143 37.166 37.3332 37.166C37.952 37.166 38.5455 37.4118 38.9831 37.8494C39.4207 38.287 39.6665 38.8805 39.6665 39.4993M34.9998 39.4993H22.1665M39.6665 39.4993H40.8332M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32Z"
 				stroke="white"
 				strokeWidth="3"
 				strokeLinecap="round"

diff --git a/modules/settings/assets/js/icons/accessibility-eye.js b/modules/settings/assets/js/icons/accessibility-eye.js
@@ -9,19 +9,22 @@ function AccessibilityEyeIcon( props ) {
 			sx={ { marginRight: 1 } }
 			{ ...props }
 		>
-			<circle cx="32"
+			<circle
+				cx="32"
 				cy="32"
 				r="32" />
 			<g clipPath="url(#clip0_3940_26698)">
-				<path d="M30.3492 30.3515C29.9116 30.7892 29.6659 31.3827 29.666 32.0016C29.6661 32.6204 29.9121 33.2139 30.3497 33.6514C30.7874 34.0889 31.381 34.3347 31.9998 34.3346C32.6187 34.3345 33.2121 34.0885 33.6497 33.6508M37.4612 37.4518C35.8246 38.4758 33.9304 39.0127 32 39C27.8 39 24.3 36.6667 21.5 32C22.984 29.5267 24.664 27.709 26.54 26.547M29.8767 25.21C30.5755 25.0685 31.2869 24.9982 32 25C36.2 25 39.7 27.3333 42.5 32C41.723 33.295 40.8912 34.4115 40.0057 35.3483M21.5 21.5L42.5 42.5M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32Z"
+				<path
+					d="M30.3492 30.3515C29.9116 30.7892 29.6659 31.3827 29.666 32.0016C29.6661 32.6204 29.9121 33.2139 30.3497 33.6514C30.7874 34.0889 31.381 34.3347 31.9998 34.3346C32.6187 34.3345 33.2121 34.0885 33.6497 33.6508M37.4612 37.4518C35.8246 38.4758 33.9304 39.0127 32 39C27.8 39 24.3 36.6667 21.5 32C22.984 29.5267 24.664 27.709 26.54 26.547M29.8767 25.21C30.5755 25.0685 31.2869 24.9982 32 25C36.2 25 39.7 27.3333 42.5 32C41.723 33.295 40.8912 34.4115 40.0057 35.3483M21.5 21.5L42.5 42.5M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32Z"
 					stroke="white"
 					strokeWidth="3"
 					strokeLinecap="round"
 					strokeLinejoin="round" />
 			</g>
 			<defs>
 				<clipPath id="clip0_3940_26698">
-					<rect width="48"
+					<rect
+						width="48"
 						height="48"
 						fill="white"
 						transform="translate(8 8)" />

diff --git a/modules/settings/assets/js/icons/accessibility-person.js b/modules/settings/assets/js/icons/accessibility-person.js
@@ -9,11 +9,13 @@ function AccessibilityPersonIcon( props ) {
 			sx={ { marginRight: 1 } }
 			{ ...props }
 		>
-			<circle cx="32"
+			<circle
+				cx="32"
 				cy="32"
 				r="32" />
 			<path d="M32 24C32.6904 24 33.25 23.4404 33.25 22.75C33.25 22.0596 32.6904 21.5 32 21.5C31.3096 21.5 30.75 22.0596 30.75 22.75C30.75 23.4404 31.3096 24 32 24Z" fill="white" />
-			<path d="M27 43.25L32 35.75M32 35.75L37 43.25M32 35.75V30.75M32 30.75L39.5 28.25M32 30.75L24.5 28.25M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32ZM33.25 22.75C33.25 23.4404 32.6904 24 32 24C31.3096 24 30.75 23.4404 30.75 22.75C30.75 22.0596 31.3096 21.5 32 21.5C32.6904 21.5 33.25 22.0596 33.25 22.75Z"
+			<path
+				d="M27 43.25L32 35.75M32 35.75L37 43.25M32 35.75V30.75M32 30.75L39.5 28.25M32 30.75L24.5 28.25M9.5 32C9.5 34.9547 10.082 37.8806 11.2127 40.6104C12.3434 43.3402 14.0008 45.8206 16.0901 47.9099C18.1794 49.9992 20.6598 51.6566 23.3896 52.7873C26.1194 53.918 29.0453 54.5 32 54.5C34.9547 54.5 37.8806 53.918 40.6104 52.7873C43.3402 51.6566 45.8206 49.9992 47.9099 47.9099C49.9992 45.8206 51.6566 43.3402 52.7873 40.6104C53.918 37.8806 54.5 34.9547 54.5 32C54.5 29.0453 53.918 26.1194 52.7873 23.3896C51.6566 20.6598 49.9992 18.1794 47.9099 16.0901C45.8206 14.0008 43.3402 12.3434 40.6104 11.2127C37.8806 10.082 34.9547 9.5 32 9.5C29.0453 9.5 26.1194 10.082 23.3896 11.2127C20.6598 12.3434 18.1794 14.0008 16.0901 16.0901C14.0008 18.1794 12.3434 20.6598 11.2127 23.3896C10.082 26.1194 9.5 29.0453 9.5 32ZM33.25 22.75C33.25 23.4404 32.6904 24 32 24C31.3096 24 30.75 23.4404 30.75 22.75C30.75 22.0596 31.3096 21.5 32 21.5C32.6904 21.5 33.25 22.0596 33.25 22.75Z"
 				stroke="white"
 				strokeWidth="3"
 				strokeLinecap="round"

diff --git a/modules/settings/assets/js/icons/accessibility-text.js b/modules/settings/assets/js/icons/accessibility-text.js
diff --git a/modules/settings/assets/js/icons/credit-card.js b/modules/settings/assets/js/icons/credit-card.js
@@ -2,10 +2,12 @@ import SvgIcon from '@elementor/ui/SvgIcon';
 
 const CreditCardIcon = ( props, { size } ) => {
 	return (
-		<SvgIcon viewBox="0 0 20 20"
+		<SvgIcon
+			viewBox="0 0 20 20"
 			fontSize={ size }
 			{ ...props }>
-			<path fillRule="evenodd"
+			<path
+				fillRule="evenodd"
 				clipRule="evenodd"
 				d="M5 4.79163C3.96447 4.79163 3.125 5.63109 3.125 6.66663V7.70829H16.875V6.66663C16.875 5.63109 16.0355 4.79163 15 4.79163H5ZM18.125 6.66663C18.125 4.94074 16.7259 3.54163 15 3.54163H5C3.27411 3.54163 1.875 4.94074 1.875 6.66663V13.3333C1.875 15.0592 3.27411 16.4583 5 16.4583H15C16.7259 16.4583 18.125 15.0592 18.125 13.3333V6.66663ZM16.875 8.95829H3.125V13.3333C3.125 14.3688 3.96447 15.2083 5 15.2083H15C16.0355 15.2083 16.875 14.3688 16.875 13.3333V8.95829ZM5.20833 12.5C5.20833 12.1548 5.48816 11.875 5.83333 11.875H5.84167C6.18684 11.875 6.46667 12.1548 6.46667 12.5C6.46667 12.8451 6.18684 13.125 5.84167 13.125H5.83333C5.48816 13.125 5.20833 12.8451 5.20833 12.5ZM8.54167 12.5C8.54167 12.1548 8.82149 11.875 9.16667 11.875H10.8333C11.1785 11.875 11.4583 12.1548 11.4583 12.5C11.4583 12.8451 11.1785 13.125 10.8333 13.125H9.16667C8.82149 13.125 8.54167 12.8451 8.54167 12.5Z" />
 

diff --git a/modules/settings/assets/js/icons/elementor-logo.js b/modules/settings/assets/js/icons/elementor-logo.js
@@ -4,7 +4,8 @@ const ElementorLogo = ( { size } ) => {
 	return (
 		<SvgIcon viewBox="0 0 24 24" fontSize={ size }>
 			<g clipPath="url(#a)">
-				<path fill="#0C0D0E"
+				<path
+					fill="#0C0D0E"
 					fillRule="evenodd"
 					d="M2.022 18.667A12 12 0 1 1 21.977 5.333 12 12 0 0 1 2.022 18.667ZM9 7H7v10h2V7Zm8 0h-6v2h6V7Zm0 3.999h-6v2h6v-2ZM17 15h-6v2h6v-2Z"
 					clipRule="evenodd" />

diff --git a/modules/settings/assets/js/icons/square-rounded-chevrons-left.js b/modules/settings/assets/js/icons/square-rounded-chevrons-left.js
@@ -2,7 +2,8 @@ import SvgIcon from '@elementor/ui/SvgIcon';
 
 const SquareRoundedChevronsLeft = ( props, { size } ) => {
 	return (
-		<SvgIcon viewBox="0 0 24 24"
+		<SvgIcon
+			viewBox="0 0 24 24"
 			fontSize={ size }
 			sx={ { ...props.sx } }
 			{ ...props }>

diff --git a/modules/settings/assets/js/icons/user-arrow.js b/modules/settings/assets/js/icons/user-arrow.js
@@ -2,10 +2,12 @@ import SvgIcon from '@elementor/ui/SvgIcon';
 
 const UserArrowIcon = ( props, { size } ) => {
 	return (
-		<SvgIcon viewBox="0 0 20 20"
+		<SvgIcon
+			viewBox="0 0 20 20"
 			fontSize={ size }
 			{ ...props }>
-			<path fillRule="evenodd"
+			<path
+				fillRule="evenodd"
 				clipRule="evenodd"
 				d="M8.95801 1.875C7.90819 1.875 6.90137 2.29204 6.15904 3.03437C5.41671 3.7767 4.99967 4.78352 4.99967 5.83333C4.99967 6.88315 5.41671 7.88997 6.15904 8.6323C6.90137 9.37463 7.90819 9.79167 8.95801 9.79167C10.0078 9.79167 11.0146 9.37463 11.757 8.6323C12.4993 7.88997 12.9163 6.88315 12.9163 5.83333C12.9163 4.78352 12.4993 3.7767 11.757 3.03437C11.0146 2.29204 10.0078 1.875 8.95801 1.875ZM7.04293 3.91825C7.55084 3.41034 8.23971 3.125 8.95801 3.125C9.6763 3.125 10.3652 3.41034 10.8731 3.91825C11.381 4.42616 11.6663 5.11504 11.6663 5.83333C11.6663 6.55163 11.381 7.2405 10.8731 7.74841C10.3652 8.25633 9.6763 8.54167 8.95801 8.54167C8.23971 8.54167 7.55084 8.25633 7.04293 7.74841C6.53502 7.2405 6.24967 6.55163 6.24967 5.83333C6.24967 5.11504 6.53502 4.42616 7.04293 3.91825Z"
 			/>

diff --git a/modules/settings/assets/js/icons/widget.js b/modules/settings/assets/js/icons/widget.js
@@ -4,20 +4,23 @@ const WidgetIcon = ( { size } ) => {
 	return (
 		<SvgIcon viewBox="0 0 20 20" fontSize={ size }>
 			<g id="widget">
-				<path id="Vector"
+				<path
+					id="Vector"
 					d="M2.5 10C2.5 10.9849 2.69399 11.9602 3.0709 12.8701C3.44781 13.7801 4.00026 14.6069 4.6967 15.3033C5.39314 15.9997 6.21993 16.5522 7.12987 16.9291C8.03982 17.306 9.01509 17.5 10 17.5C10.9849 17.5 11.9602 17.306 12.8701 16.9291C13.7801 16.5522 14.6069 15.9997 15.3033 15.3033C15.9997 14.6069 16.5522 13.7801 16.9291 12.8701C17.306 11.9602 17.5 10.9849 17.5 10C17.5 9.01509 17.306 8.03982 16.9291 7.12987C16.5522 6.21993 15.9997 5.39314 15.3033 4.6967C14.6069 4.00026 13.7801 3.44781 12.8701 3.0709C11.9602 2.69399 10.9849 2.5 10 2.5C9.01509 2.5 8.03982 2.69399 7.12987 3.0709C6.21993 3.44781 5.39314 4.00026 4.6967 4.6967C4.00026 5.39314 3.44781 6.21993 3.0709 7.12987C2.69399 8.03982 2.5 9.01509 2.5 10Z"
 					fill="white"
 					stroke="black"
 					strokeWidth="1.5"
 					strokeLinecap="round"
 					strokeLinejoin="round" />
-				<path id="Vector_2"
+				<path
+					id="Vector_2"
 					d="M8.33333 13.75L10 11.25M10 11.25L11.6667 13.75M10 11.25V9.58333M10 9.58333L12.5 8.75M10 9.58333L7.5 8.75"
 					stroke="black"
 					strokeWidth="1.5"
 					strokeLinecap="round"
 					strokeLinejoin="round" />
-				<path id="Vector_3"
+				<path
+					id="Vector_3"
 					d="M9.9987 6.66683C10.2288 6.66683 10.4154 6.48028 10.4154 6.25016C10.4154 6.02004 10.2288 5.8335 9.9987 5.8335C9.76858 5.8335 9.58203 6.02004 9.58203 6.25016C9.58203 6.48028 9.76858 6.66683 9.9987 6.66683Z"
 					fill="black"
 					stroke="black"