For much of Black history in the US, a lot of stories have gone untold. As we wrap up Black History Month, our team at Automattic — the company behind WordPress.com — wanted to share how we celebrated with our fellow colleagues. Throughout February, our Black/African Descent employee resource group, Cocoamattic, shined a light on some of these untold stories.
Each week this month, we shared infographics highlighting notable Black/African Descent people from around the world, from inventors and pioneers to Black-first and culture influencers.
Join us in celebrating 21 heroes.
This edition of the Core Weekly report highlights changes in PrestaShop’s core codebase from Monday 21th to Sunday 27th of February 2022.
Reminder: the next session of public demonstration from the maintainers team will be streamed live on Wednesday, March 2, 2022, at 4 pm CET.
During the session, we will announce the result of the poll that decided the name of the new theme :tada: !
vatnumber Module, by
method signature.. Thank you @PululuK
Thank you to the contributors whose pull requests were merged since the last Core Weekly Report: @Progi1984, @nesrineabdmouleh, @PululuK, @jf-viguier, @PrestaEdit, @dependabot[bot], @NeOMakinG, @jolelievre, @sowbiba, @saulaski, @mparvazi, @okom3pom, @tups, @matks, @eternoendless!
Thank you to the contributors whose PRs haven’t been merged yet! And of course, a big thank you to all those who contribute with issues and comments on GitHub!
If you want to contribute to PrestaShop with code, please read these pages first:
…and if you do not know how to fix an issue but wish to report it, please read this: How to use GitHub to report an issue. Thank you!
Happy contributin’ everyone!
Friendly reminder, the next session of public demonstration from the maintainers team will happen Wednesday, March 2, 2022 at 4pm CET!
We expect to present 3 topics:
In addition to these demos, we will also announce the result of the poll that decided the name of the new theme :tada:
The session will be kept in record on YouTube, so that even if you can’t attend to the live stream, you will still be able to catch up later.
See you then!
We just released Headless UI v1.5, which includes a brand new
Combobox component. Comboboxes are like select
controls but with autocomplete/typeahead functionality, and are a
great alternative to a regular select when you’re working with
large datasets and want to quickly filter for the right option.
Like all other Headless UI components, the combobox abstracts away all of the complex accessibility considerations but leaves the styling completely up to you, giving you total control to design exactly the combobox you want without worrying about things like keyboard navigation or screen reader support.
Here’s a quick demo if you’d like to see it in action:
We’ve intentionally designed it so that you have full control over filtering the actual results. You can do basic string comparisons, use a fuzzy search library like Fuse.js, or even make server-side requests to an API — whatever makes sense for your project.
Here’s what it looks like to filter the results using a basic string comparison:
Comboboxes are not only great as standalone inputs, but they can also be used as a lower-level primitive for building more complex components, such as command palettes.
This is actually what originally motivated us to create the combobox component in the first place — we wanted to add a new command palettes category to Tailwind UI and needed this component to make that happen.
Riding on the excitement of the new command palettes, we also just published a new in-depth screencast on building a command palette from scratch with Tailwind CSS, React and Headless UI.
It covers tons of interesting Tailwind tricks for getting the design and animations just right, and teaches you a ton about how to use the new combobox component and wire it into your app.
If you already have Headless UI installed in your project, be
sure to upgrade to v1.5 to get the new
component. This is a minor update so there are no breaking
# For React
npm install @headlessui/react
# For Vue
npm install @headlessui/vue
Be sure to also check out the official website for the latest documentation.