Problem
The QuantityInput component was implemented in WiKit to fulfill the Query builder use case. This input type is quite specific to Wikibase, so Codex won't include it as a core element available for all projects.
Solution
In order to unblock the migration to Codex and the deprecation of WiKit, we'll port the WiKit QuantityInput component to the Query Builder repository. We'll apply all necessary changes to make the element compatible with the new version of the tool.
Considerations
- Styles: In order to unblock WiKit's deprecation, we should also replace all WiKit tokens used currently to style the QuantityInput by Codex's tokens. Find the replaced styles and discrete values below:
<style lang="scss">
.wikit-QuantityInput {
&__input-wrapper {
display: flex;
align-items: baseline;
}
&__number-input {
flex: 1 1 50%;
&.wikit-Input {
border-start-end-radius: $border-radius-sharp;
border-end-end-radius: $border-radius-sharp;
}
}
&__unit-lookup {
flex: 1 1 50%;
.wikit-Input {
border-start-start-radius: $border-radius-sharp;
border-end-start-radius: $border-radius-sharp;
}
}
&__label-wrapper {
display: flex;
gap: $spacing-50;
}
&__label {
@include Label(block);
}
}
</style>Acceptance criteria
- The WiKit QuantityInput is ported to Query builder and made compatible with the migrated version of the tool
- We apply the necessary visual adjustments to make the component consistent with Codex input fields
- Any WiKit building blocks, dependencies or styles are replaced
