UI Framework Expansion: Strategy Modals, Drag-and-Drop Lists, and More
Author:
Yulia Andreyanova
Changed on:
6 Oct 2025
Target release date: | 2025-10-06 |
---|---|
Release status: | Released |
Description
This release expands the UI framework with several new components and enhancements to improve the configuration of sourcing profiles and strategies.
The Sourcing Modal provides a consistent and auditable confirmation step for critical actions such as activation or removal. The Sortable List enables intuitive drag-and-drop reordering of items in lists where sequence affects business logic. The Sourcing Profile Drawer introduces a side-panel interface for creating and editing sourcing profiles, strategies, and fallback strategies without leaving the profile details page. It supports multiple modes of use, customizable forms, and integrated confirmation modals for safe updates.
The new Nullable Field Component lets users easily switch between null and explicit values in a single toggle-enabled input.
A new Profile Modal allows enabling sourcing profiles directly from the profile view, simplifying day-to-day management.
The Multi-Value Search Component now supports the type property, allowing outputs as arrays of either strings or numbers. This improvement broadens compatibility with backend requirements while preserving input validation and user-friendly chip management.
The Configurable Drawer Component now supports an optional style property, allowing more flexible alignment with UI design needs.
Additionally, the Complex Filter now includes support for custom output formatting, which helps to more reliably align frontend input with backend expectations.
Three reusable templates have been introduced to support consistent and dynamic formatting of values across the UI:
`placeholderText`
for styled text with fallback values.`placeholderArray`
for arrays with separators, truncation, and formatting options.`placeholderDate`
for date objects with styling and fallback handling.
Changelog
Initial release of `fc.sourcing.strategy.modal.button`
:
- Modal confirmation dialog for strategy actions:
`activate`
,`inactivate`
,`remove`
- Supports customizable
`title`
,`description`
, and`label`
with i18n support - Optional comment field for providing context and audit trail
- Redirects user to the updated strategy profile upon confirmation
- Intended for use in Sourcing Profile workflows to prevent unintentional changes
Initial release of `fc.field.sortablelist`
:
- Configurable drag-and-drop list for reordering items with business significance
`allowDraggable`
flag to enable or disable drag behavior`defaultExpanded`
for managing accordion-style collapsibility`uniqueIdentifier`
to track and preserve order of items during movement`itemConfig`
supports rendering nested components like`fc.card.attribute`
- Used in Responsive Sourcing to define primary and fallback strategy priorities
Initial release of `fc.sourcing.profile.drawer.button`
:
- Side-panel drawer for creating and editing sourcing profiles and strategies
- Modes supported:
`addStrategy`
,`addFallbackStrategy`
,`editStrategy`
,`editFallbackStrategy`
,`editProfile`
- Customizable via
`filter`
,`overrides`
, and`confirmModal`
configurations - Integrated confirmation modal with
`title`
and`description`
- Field-level overrides for labels, values, components, and ordering
Extension of `fc.field.filterComplex`
:
- Added new optional property:
`outputTemplate`
- Defines how a field’s value is transformed before submission to the backend
- Enables support for backend systems that expect values in structured formats (e.g., objects or arrays of objects), rather than default string/array of strings formats
Enhancement of `fc.field.multistring`
:
- Added new optional property:
`type`
- Determines the output format of the component:
`text`
(default) - returns an array of strings`number`
- returns an array of numbers
Initial release of `fc.field.nullable`
:
- Unified toggle-based input for fields that must support both null and explicit values.
- Toggle OFF → field value is set to null.
- Toggle ON → field is enabled and sends the explicitly entered value.
- Initial state adapts to the provided data:
- If a value is present → toggle ON with the value displayed.
- If no value is present → toggle OFF by default.
Initial release of `fc.sourcing.profile.modal.button`
:
- Direct action button to activate a sourcing profile from the profile details page
- Includes confirmation handling to prevent accidental activation
Enhancement of `fc.drawer.button`
:
- Added new optional property:
`style`
- Supported values:
`Primary`
,`Secondary`
- If not specified,
`Primary`
is applied by default
New Templates:
`placeholderText`
→ Inserts text with optional formatting (`color`
,`fontWeight`
) and a`defaultValue`
.`placeholderArray`
→ Inserts array values with`separator`
,`charCutoff`
, and formatting options.`placeholderDate`
→ Inserts formatted dates with styling and fallback values.
Released capability depth: | New capability, Enhancement |
---|---|
Release bundle / Capability type: | Platform |