@elementor/editor-controls 4.4.0-1146 → 4.4.0-1147

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-controls",
   "description": "This package contains the controls model and utils for the Elementor editor",
-  "version": "4.4.0-1146",
+  "version": "4.4.0-1147",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,23 +40,23 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-current-user": "4.4.0-1146",
-    "@elementor/editor-elements": "4.4.0-1146",
-    "@elementor/editor-props": "4.4.0-1146",
-    "@elementor/editor-responsive": "4.4.0-1146",
-    "@elementor/editor-ui": "4.4.0-1146",
-    "@elementor/editor-v1-adapters": "4.4.0-1146",
-    "@elementor/env": "4.4.0-1146",
-    "@elementor/events": "4.4.0-1146",
-    "@elementor/http-client": "4.4.0-1146",
+    "@elementor/editor-current-user": "4.4.0-1147",
+    "@elementor/editor-elements": "4.4.0-1147",
+    "@elementor/editor-props": "4.4.0-1147",
+    "@elementor/editor-responsive": "4.4.0-1147",
+    "@elementor/editor-ui": "4.4.0-1147",
+    "@elementor/editor-v1-adapters": "4.4.0-1147",
+    "@elementor/env": "4.4.0-1147",
+    "@elementor/events": "4.4.0-1147",
+    "@elementor/http-client": "4.4.0-1147",
     "@elementor/icons": "~1.78.1",
-    "@elementor/locations": "4.4.0-1146",
-    "@elementor/query": "4.4.0-1146",
-    "@elementor/schema": "4.4.0-1146",
-    "@elementor/session": "4.4.0-1146",
+    "@elementor/locations": "4.4.0-1147",
+    "@elementor/query": "4.4.0-1147",
+    "@elementor/schema": "4.4.0-1147",
+    "@elementor/session": "4.4.0-1147",
     "@elementor/ui": "1.41.4",
-    "@elementor/utils": "4.4.0-1146",
-    "@elementor/wp-media": "4.4.0-1146",
+    "@elementor/utils": "4.4.0-1147",
+    "@elementor/wp-media": "4.4.0-1147",
     "@monaco-editor/react": "^4.7.0",
     "@tanstack/react-virtual": "^3.13.3",
     "@tiptap/extension-bold": "^3.11.1",

package/src/controls/svg-media-control.tsx

@@ -50,11 +50,10 @@ const MODE_BROWSE: OpenOptions = { mode: 'browse' };
 const MODE_UPLOAD: OpenOptions = { mode: 'upload' };
 
 type SvgMediaControlProps = {
-	showIconLibrary?: boolean;
 	label?: string;
 };
 
-export const SvgMediaControl = createControl( ( { showIconLibrary = false, label }: SvgMediaControlProps ) => {
+export const SvgMediaControl = createControl( ( { label }: SvgMediaControlProps ) => {
 	const groupLabel = label ?? __( 'SVG', 'elementor' );
 	const { value: svgValue, setValue: setSvgValue, placeholder: svgPlaceholder } = useBoundProp( svgSrcPropTypeUtil );
 	const { value: iconValue, setValue: setIconValue, placeholder: iconPlaceholder } = useBoundProp( iconPropTypeUtil );
@@ -79,10 +78,9 @@ export const SvgMediaControl = createControl( ( { showIconLibrary = false, label
 	const buttonGroupRef = useRef< HTMLDivElement >( null );
 	const [ iconLibraryAnchor, setIconLibraryAnchor ] = useState< IconLibraryAnchor | null >( null );
 	const { isAdmin } = useCurrentUserCapabilities();
-	const selectedIconClass =
-		showIconLibrary && typeof previewIconValue?.value?.value === 'string' ? previewIconValue.value.value : null;
+	const selectedIconClass = typeof previewIconValue?.value?.value === 'string' ? previewIconValue.value.value : null;
 	const selectedIconLibrary =
-		showIconLibrary && typeof previewIconValue?.library?.value === 'string' ? previewIconValue.library.value : null;
+		typeof previewIconValue?.library?.value === 'string' ? previewIconValue.library.value : null;
 
 	const { open } = useWpMediaFrame( {
 		mediaTypes: [ 'svg' ],
@@ -168,7 +166,7 @@ export const SvgMediaControl = createControl( ( { showIconLibrary = false, label
 	return (
 		<Stack gap={ 1 } aria-label={ __( 'SVG control', 'elementor' ) }>
 			<EnableUnfilteredModal open={ unfilteredModalOpenState } onClose={ handleCloseUnfilteredModal } />
-			{ showIconLibrary && iconLibraryAnchor ? (
+			{ iconLibraryAnchor ? (
 				<Popover
 					disableScrollLock
 					open={ iconLibraryPopoverState.isOpen }
@@ -222,7 +220,6 @@ export const SvgMediaControl = createControl( ( { showIconLibrary = false, label
 							<SvgMediaOverlay
 								label={ groupLabel }
 								isAdmin={ isAdmin }
-								showIconLibrary={ showIconLibrary }
 								buttonGroupRef={ buttonGroupRef }
 								onSelectSvg={ handleSelectSvg }
 								onUpload={ handleUpload }

package/src/controls/svg-media-overlay.tsx

@@ -15,7 +15,6 @@ const ICON_LIBRARY_PADDING = 0.625;
 type SvgMediaOverlayProps = {
 	label: string;
 	isAdmin: boolean;
-	showIconLibrary: boolean;
 	buttonGroupRef: React.Ref< HTMLDivElement >;
 	onSelectSvg: () => void;
 	onUpload: () => void;
@@ -27,7 +26,6 @@ type SvgMediaOverlayProps = {
 export const SvgMediaOverlay = ( {
 	label,
 	isAdmin,
-	showIconLibrary,
 	buttonGroupRef,
 	onSelectSvg,
 	onUpload,
@@ -53,23 +51,21 @@ export const SvgMediaOverlay = ( {
 				</ConditionalControlInfotip>
 			}
 		/>
-		{ showIconLibrary ? (
-			<Button
-				size="tiny"
-				color="inherit"
-				variant="text"
-				startIcon={ <LibraryIcon sx={ { height: '18px', width: '16px' } } /> }
-				aria-label={ __( 'Icon library', 'elementor' ) }
-				onClick={ onOpenIconLibrary }
-				sx={ {
-					height: '28px',
-					p: ICON_LIBRARY_PADDING,
-					'.MuiButton-icon': { ml: 0 },
-				} }
-			>
-				<Typography>{ __( 'Icon library', 'elementor' ) }</Typography>
-			</Button>
-		) : null }
+		<Button
+			size="tiny"
+			color="inherit"
+			variant="text"
+			startIcon={ <LibraryIcon sx={ { height: '18px', width: '16px' } } /> }
+			aria-label={ __( 'Icon library', 'elementor' ) }
+			onClick={ onOpenIconLibrary }
+			sx={ {
+				height: '28px',
+				p: ICON_LIBRARY_PADDING,
+				'.MuiButton-icon': { ml: 0 },
+			} }
+		>
+			<Typography>{ __( 'Icon library', 'elementor' ) }</Typography>
+		</Button>
 	</Stack>
 );