spryker-shop/shop-ui

Included commits: 2.1.1...2.2.0

Improvements

• Introduced ShopUiConfig::isQaAttributesEnabled() and ShopUiConstants::IS_QA_ATTRIBUTES_ENABLED to allow disabling data-qa test-automation attribute rendering in production, reducing rendered HTML.
• Introduced componentClass and componentAttributes Twig functions to render component CSS classes and attributes directly instead of through macro invocations, and inlined the widget template instead of extending the shared template model, reducing per-component rendering overhead on the product detail page.

Included commits: 2.1.0...2.1.1

Fixes

• Fixed use of deprecated clip/word-break CSS properties in visibility and text helper mixins, replacing them with clip-path and overflow-wrap.

Included commits: 2.0.2...2.1.0

Adjustments

• Introduced package.json defining the module's frontend build tooling dependencies to align with the updated build toolchain used as part of the Angular v22 upgrade.

Included commits: 2.0.1...2.0.2

Fixes

• Removed the redundant second XSS sanitisation pass in SanitizeXssListener; submitted form data is now sanitised once.

Included commits: 2.0.0...2.0.1

Fixes

• Fixed ShopUiToLocaleClientBridge::getCurrentLocale() method signature to include the return type declaration.

Included commits: 1.109.5...2.0.0

Improvements

• Introduced FrontendBuilder to move the YVES webpack build pipeline into ShopUi, allowing projects to configure source paths and build hooks without maintaining a separate build package.
• Introduced defineConfig() in FrontendBuilder/settings.mts to allow projects to extend or override default source scan paths, icon sprite locations, and pre-webpack build hooks.
• Added -base-hook extension opt-in to all ShopUi component SCSS mixins, enabling project-level style customization at a named insertion point without modifying core files.
• Removed empty readyCallback() overrides from ShopUi molecules in favor of the init() lifecycle method.

Breaking Changes

• Removed the deprecated cart-items-counter molecule — use the cart-counter molecule instead.
• Renamed readyCallback() to init() in the action-single-click-enforcer molecule — update any project extensions that override readyCallback() in this component.
• Removed the deprecated price molecule — use the money-price molecule instead.
• Removed the deprecated noPriceText param from the money-price molecule — override the defaultPriceNoText block instead.
• Removed the deprecated step param and the {% define inputAttributes %} extension channel from the quantity-input molecule — pass data.inputAttributes instead.
• Removed the deprecated provider-selector, target-selector, trigger-selector, form-selector, ignore-selector, input-selector, and suggested-item-selector attributes from the ajax-loader, ajax-renderer, toggler-hash, toggler-checkbox, toggler-click, clipboard-copy, suggest-search, form-clear, and autocomplete-form molecules — use the corresponding *-class-name attributes instead.
• Removed the deprecated *Selector getters from the web components of the molecules listed above — use the *ClassName getters instead.
• Removed the deprecated public triggers and targets properties from the toggler-click web component.
• Removed the deprecated readyCallback() hook from the component model — implement init() instead; components still overriding readyCallback() are no longer initialised.
• Removed the deprecated candidates() function from app/registry — use get() instead.
• Removed the deprecated mount() method from app/candidate — use define() instead.
• Removed the deprecated components-ready event and events.ready config key — listen to the components-mount event (events.mount) instead.
• Removed the deprecated esmHeadScripts, legacyHeadScripts, esmFooterScripts, and legacyFooterScripts blocks and the isNewFrontendBuildSupported variable from the page-blank template.
• Removed the deprecated {% nowidget %} fallbacks from the footer, header, and side-drawer organisms (NavigationWidgetPlugin global widget for MAIN_NAVIGATION, PAYMENT_PROVIDERS, SHIPMENT_PROVIDERS, FOOTER_NAVIGATION, SOCIAL_LINKS; NewsletterWidget subscription include) — wire the NavigationWidget and NewsletterSubscriptionWidget widgets instead.
• Removed the deprecated ShopUiTwigServiceProvider — use ShopUiTwigPlugin instead.
• Removed the deprecated AgentWidgetPluginInterface — use the AgentControlBarWidget widget from the AgentWidget module instead.
• Removed the deprecated CurrencyWidgetPluginInterface — use the CurrencyWidget widget from the CurrencyWidget module instead.
• Removed the deprecated DisplayOnBehalfBusinessWidgetPluginInterface — use the BusinessOnBehalfStatusWidget widget from the BusinessOnBehalfWidget module instead.
• Removed the deprecated LanguageSwitcherWidgetPluginInterface — use the LanguageSwitcherWidget widget from the LanguageSwitcherWidget module instead.
• Removed the deprecated MenuItemCompanyWidgetPluginInterface — use the CompanyMenuItemWidget widget from the CompanyWidget module instead.
• Removed the deprecated MiniCartWidgetPluginInterface — use the MiniCartWidget widget from the MultiCartWidget module instead.
• Removed the deprecated NavigationWidgetPluginInterface — removed without replacement; use the NavigationWidget widget instead.
• Removed the deprecated PriceModeSwitcherWidgetPluginInterface — use the PriceModeSwitcherWidget widget from the PriceWidget module instead.
• Removed the deprecated ProductGroupWidgetPluginInterface — use the ProductGroupWidget widget from the ProductGroupWidget module instead.
• Removed the deprecated ShoppingListWidgetPluginInterface — use the ShoppingListNavigationMenuWidget widget from the ShoppingListWidget module instead.
• Removed spryker/silex and spryker-shop/newsletter-widget from require-dev and spryker/silex from suggest in composer.json.

Included commits: 1.109.4...1.109.5

Fixes

• Fixed oversized logo image in the header by adding a max-height constraint to the logo molecule's __image element, preventing the logo from exceeding the intended header height.

Included commits: 1.109.3...1.109.4

Fixes

• Removed the server-side disabled attribute and enableButton() initialization logic from the ajax-add-to-cart molecule to fix flaky compatibility catalog actions robot tests caused by the button being in a disabled state before JavaScript initialized.

Included commits: 1.109.2...1.109.3

Fixes

• Fixed ajax-add-to-cart molecule to prevent quick-add clicks from being silently lost before the web component initializes by rendering the button as disabled until the click handler is attached.

Included commits: 1.109.1...1.109.2

Fixes

• Fixed suggest-search molecule to initialize navigation before dispatching search results event.

Included commits: 1.109.0...1.109.1

Improvements

• Renamed self-service-portal-advanced-table mixin to shop-ui-advanced-table in the advanced-table molecule to align with the module naming convention.

Included commits: 1.108.1...1.109.0

Improvements

• Extended ajax-provider molecule to handle 401 unauthorized responses by parsing the JSON redirect URL and redirecting the user to the login page, supporting session expiry detection for AJAX-driven pages.
• Added X-Requested-With: XMLHttpRequest header to all requests made by the ajax-provider molecule to enable server-side identification of AJAX requests.

Included commits: 1.108.0...1.108.1

Fixes

• Fixed suggest-search molecule to prevent errors when navigation is unavailable during search event dispatching, improving storefront search stability.

Included commits: 1.107.2...1.108.0

Improvements

• Introduced advanced-table molecule to provide a flexible, reusable table component with dynamic column rendering, custom cell types, sortable columns, and pagination support.
• Introduced advanced-table-actions-cell, advanced-table-date-cell, advanced-table-image-cell, and advanced-table-status-cell molecules as dedicated cell renderers for the advanced-table molecule.
• Introduced collapsible-block molecule to provide a native HTML collapsible section component.
• Introduced form-filters molecule to render filter fields for a form.
• Introduced form-active-filters molecule to display and clear active filter values for a form, supporting both select and text field types.
• Extended the select atom to render arbitrary HTML attributes from the attr property.