Skip to content

IBX-11413: Use design-system dropdown component - #1902

Open
tischsoic wants to merge 37 commits into
6.0from
IBX-11413-use-ds-dropdown
Open

IBX-11413: Use design-system dropdown component#1902
tischsoic wants to merge 37 commits into
6.0from
IBX-11413-use-ds-dropdown

Conversation

@tischsoic

Copy link
Copy Markdown
Contributor
🎫 Issue IBX-11413

Description:

For QA:

Documentation:

@tischsoic
tischsoic force-pushed the IBX-11413-use-ds-dropdown branch 2 times, most recently from 4f5430d to 8193ee5 Compare May 28, 2026 07:18
@tischsoic
tischsoic changed the base branch from 5.0 to 6.0 June 2, 2026 06:19
@tischsoic
tischsoic force-pushed the IBX-11413-use-ds-dropdown branch from 8193ee5 to c41218f Compare June 2, 2026 06:42
Comment thread src/bundle/Resources/public/js/scripts/admin.contenttype.edit.js
@KamilSznajdrowicz
KamilSznajdrowicz force-pushed the IBX-11413-use-ds-dropdown branch from c41218f to 3f5f8e4 Compare June 8, 2026 13:37
@tischsoic
tischsoic force-pushed the IBX-11413-use-ds-dropdown branch from 3f5f8e4 to 1f7c8fa Compare June 9, 2026 12:01
@sonarqubecloud

sonarqubecloud Bot commented Jun 9, 2026

Copy link
Copy Markdown

@KamilSznajdrowicz
KamilSznajdrowicz force-pushed the IBX-11413-use-ds-dropdown branch 2 times, most recently from cbc8bf3 to 1fe890c Compare June 12, 2026 09:18
@tischsoic
tischsoic requested review from albozek and dew326 June 16, 2026 07:04
@sonarqubecloud

Copy link
Copy Markdown

Comment thread composer.json Outdated
"repositories": [
{
"type": "vcs",
"url": "https://github.com/ibexa/design-system-twig"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is probably not needed.

@tischsoic
tischsoic changed the base branch from 6.0 to ds-development July 7, 2026 05:00
@tischsoic
tischsoic force-pushed the ds-development branch 2 times, most recently from f474be6 to ed8b2e2 Compare July 15, 2026 10:58
Base automatically changed from ds-development to 6.0 July 24, 2026 10:21
@tischsoic
tischsoic force-pushed the IBX-11413-use-ds-dropdown branch 2 times, most recently from 98c70f4 to b7d4154 Compare July 29, 2026 07:44
import {
DropdownMultiInput,
DropdownSingleInput,
} from '../../../../../../../design-system-twig/src/bundle/Resources/public/ts/components/dropdown';

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't we have alias for this bundle?
If we don't we probably should. :D

};
const attachFieldDefinitionNodeEvents = (fieldNode, { targetContainer }) => {
const initDropdown = (dropdownContainer) => {
const dropdownAlreadyInitialized = !!ibexa.helpers.objectInstances.getInstance(dropdownContainer);

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not for this PR, but considering we're introducing TS in 6.0, do we want to create separate hasInstance in order not to cast it to bool each time?

const clearSection = (event) => {
sectionSelect[0].selected = true;
if (sectionSelect) {
sectionSelect[0].selected = true;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
sectionSelect[0].selected = true;
sectionSelect?.[0].selected = true;

nitpick from optional chaining apostle ;)

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

conditional chaining cannot be used in assignment :)

tischsoic and others added 24 commits August 4, 2026 07:58
The order inputs in relation_base.html.twig use ids-input-text markup for
styling only, without the actions block and clear button. The global
init_components.ts picked them up and InputTextInput threw on the missing
elements, aborting the rest of the layout bundle (ibexa.core.Backdrop and
everything after it) on edit pages with existing relations.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
IBX-12038 replaced both selectors with the same .ids-btn--extra-actions
class, leaving pages whose trigger buttons still use
.ibexa-btn--extra-actions (site-context, customer templates) unable to
open the extra actions panel. Restore the dual selector.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Wrap over-length lines flagged by prettier in files touched by the DS
dropdown migration; no logic changes.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@tischsoic
tischsoic force-pushed the IBX-11413-use-ds-dropdown branch from 61b9622 to bf44414 Compare August 4, 2026 05:58
tischsoic and others added 4 commits August 4, 2026 09:07
Address review remark: replace the deep relative design-system-twig
import with the existing @ibexa-design-system alias, as used elsewhere.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The trans wrapper contained a Translator.trans(key, ...) call with a
non-literal key, which crashed the JS translation extractor (and the
TranslationTest integration suite) on Peast Identifier::getValue().
Passing the Translator object as the context value removes the call
site entirely; DS components invoke it method-style, so binding and
behavior are unchanged.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The DS dropdown wrapper introduces the
ibexa.dropdown.placeholder.all key in the ibexa_design_system_twig
domain; ship its extracted xliff so the translation test passes.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@sonarqubecloud

sonarqubecloud Bot commented Aug 4, 2026

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

10 participants