IBX-7621: Remove X for extra actions sidebar and focus for search by content type input

Author: OstafinL

src/bundle/Resources/public/js/scripts/sidebar/btn/location.create.js

@@ -8,16 +8,7 @@
     createActions.forEach((container) => {
         const radioInputs = container.querySelectorAll('.form-check [type="radio"]');
         const submitBtn = container.querySelector('.ibexa-extra-actions__btn--confirm');
-        const cancelBtn = container.querySelector('.ibexa-extra-actions__btn--cancel');
-        const closeBtn = container.querySelector('.ibexa-extra-actions__header .ibexa-btn--close');
 
-        cancelBtn.addEventListener(
-            'click',
-            () => {
-                closeBtn.click();
-            },
-            false,
-        );
         radioInputs.forEach((radioInput) =>
             radioInput.addEventListener(
                 'change',

src/bundle/Resources/public/js/scripts/sidebar/extra.actions.js

@@ -2,6 +2,9 @@
     const CLASS_HIDDEN = 'ibexa-extra-actions--hidden';
     const CLASS_EXPANDED = 'ibexa-context-menu--expanded';
     const CLASS_PREVENT_SHOW = 'ibexa-extra-actions--prevent-show';
+    const closeBtns = doc.querySelectorAll(
+        '.ibexa-extra-actions .ibexa-btn--close, .ibexa-extra-actions .ibexa-extra-actions__btn--cancel',
+    );
     const btns = [...doc.querySelectorAll('.ibexa-btn--extra-actions')];
     const menu = doc.querySelector('.ibexa-context-menu');
     const backdrop = new ibexa.core.Backdrop();
@@ -78,7 +81,7 @@
         initExtraActionsWidget(dataset);
     });
     doc.body.addEventListener('ibexa-extra-actions:toggle-widget', (event) => toggleExtraActionsWidget(event.detail), false);
-    doc.querySelectorAll('.ibexa-extra-actions .ibexa-btn--close').forEach((closeBtn) =>
+    closeBtns.forEach((closeBtn) =>
         closeBtn.addEventListener(
             'click',
             (event) => {

src/bundle/Resources/views/themes/admin/content/widget/content_create.html.twig

@@ -10,14 +10,6 @@
     <div class="ibexa-extra-actions ibexa-extra-actions--create ibexa-extra-actions--hidden" data-actions="{{ data_actions }}">
         <div class="ibexa-extra-actions__header">
             <h2>{{ 'content.create.create_content'|trans|desc('Create content') }}</h2>
-            <button
-                type="button"
-                class="btn ibexa-btn ibexa-btn--ghost ibexa-btn--small ibexa-btn--no-text ibexa-btn--close"
-            >
-                <svg class="ibexa-icon ibexa-icon--small">
-                    <use xlink:href="{{ ibexa_icon_path('discard') }}"></use>
-                </svg>
-            </button>
             <div class="ibexa-extra-actions__header-subtitle">
                 {% if content is defined %}
                     {{ 'content.create.editing_details'|trans({ '%content%': ibexa_content_name(content) })|desc('under %content%') }}

src/bundle/ui-dev/src/modules/universal-discovery/components/content-create-widget/content.create.widget.js

@@ -82,7 +82,6 @@ const ContentCreateWidget = () => {
         'ibexa_universal_discovery_widget',
     );
     const createLabel = Translator.trans(/*@Desc("Create")*/ 'create_content.create', {}, 'ibexa_universal_discovery_widget');
-    const closeLabel = Translator.trans(/*@Desc("Close")*/ 'popup.close.label', {}, 'ibexa_universal_discovery_widget');
     const cancelLabel = Translator.trans(/*@Desc("Discard")*/ 'content_create.cancel.label', {}, 'ibexa_universal_discovery_widget');
     const placeholder = Translator.trans(
         /*@Desc("Search by content type")*/ 'content_create.placeholder',
@@ -132,15 +131,6 @@ const ContentCreateWidget = () => {
             <div className={widgetClassName} ref={refContentTree}>
                 <div className="ibexa-extra-actions__header">
                     <h3>{createContentLabel}</h3>
-                    <button
-                        type="button"
-                        className="btn ibexa-btn ibexa-btn--ghost ibexa-btn--no-text ibexa-btn--close"
-                        onClick={close}
-                        title={closeLabel}
-                        data-tooltip-container-selector=".c-udw-tab"
-                    >
-                        <Icon name="discard" extraClasses="ibexa-icon--small" />
-                    </button>
                     <div className="ibexa-extra-actions__header-subtitle">{createUnderLabel}</div>
                 </div>
                 <div className="ibexa-extra-actions__content ibexa-extra-actions__content--create">

src/lib/Menu/ContentRightSidebarBuilder.php

@@ -161,7 +161,6 @@ public function createStructure(array $options): ItemInterface
         $createAttributes = [
             'class' => 'ibexa-btn--extra-actions ibexa-btn--create ibexa-btn--primary',
             'data-actions' => 'create',
-            'data-focus-element' => '.ibexa-instant-filter__input',
         ];
         $sendToTrashAttributes = [
             'data-bs-toggle' => 'modal',