Releases: genexuslabs/chameleon-controls-library
v6.4.2
v6.4.1
v6.4.0
Chameleon 6.4.0 (2025-02-24)
| Category | Change |
|---|---|
[ch-chat] Add support for theme property by @ncamera in #482 |
|
[ch-markdown-viewer] Improve default property values and types and fix showIndicator = false not working in code blocks by @ncamera in #483 |
|
[ch-code] Improve default property types and add scrollbars when the content overflows the x-axis by @ncamera in #484 |
|
Add support to style the scrollbars of the ch-edit and ch-tab-render components by @ncamera in #485 |
|
Add a utility to report accessibility issues in form components and fix accessibility issues in the ch-checkbox, ch-slider and ch-switch components by @ncamera in #486 |
|
| Add a CLI to generate React Web Component wrappers by @ncamera in #487 |
Accessibility checker
The new accessibility utility checks if form elements have a valid label and notifies (console.warn) when they don't accomplish this condition. At this moment, it's supported in the following components:
ch-combo-box-renderch-editch-slider
The accessibility checker is enabled by default and can be disabled as follows:
import { disableAccessibilityReports } from "@genexus/chameleon-controls-library/dist/collection";
disableAccessibilityReports();Chameleon CLI
Chameleon now exports a CLI to create React Web Component wrappers. To create the wrappers, run the following command:
chameleon-generate-react <output dir (optional)>For example:
chameleon-generate-react ./src/chameleon-componentsFull Changelog: v6.3.0...v6.4.0
v6.3.0
v6.2.1
v6.2.0
What's Changed
| Category | Change |
|---|---|
Refactor the entire implementation of the ch-action-group-render components and ch-dropdown-render and rename the dropdown component to action-menu by @ncamera in #477 |
Breaking changes
Important
These breaking changes are part of a minor update, because the updated components were in "experimental" state and were not exposed in the React output.
-
The
ch-dropdown-rendercomponent has been renamed toch-action-menu-renderas it now supports more menu component-oriented features such as slot rendering. -
The
ch-action-group-renderandch-action-menu-rendercomponents now support Shadow DOM. Because of this:- The
cssClassproperty is removed in both components. To style both component you can simply set theclassattribute. - The
exportParts/dropdownExportPartsproperties were removed in both components. It is no longer necessary to expose these properties, since both components can now be styled by using the class attribute.
- The
-
Removed the
headerandfooterslots in thech-action-menu-render, since it can now project any slot as an item. -
Removed the following properties in the
ch-action-menu-render:Removed Migration itemClickCallbackThis property is replaced by the events buttonClickandhyperlinkClickpositionThis property is replaced by the blockAlignandinlineAlignpropertiesseparatorCssClassThis property is no longer necessary, since the separator can be styled with CSS parts -
Removed the following properties in the
ch-action-menu-renderitems:Removed Migration classUse the partsproperty if you need to add extra customization for the itemsitemsPositionThis property is replaced by the itemsBlockAlignanditemsInlineAlignpropertiesshowSeparatorThis property is replaced by the type="separator", which is the new way to use separatorsseparatorClassUse the partsproperty if you need to add extra customization for the separators -
Removed the following properties in the
ch-action-group-render:Removed Migration itemClickCallbackThis property will be replaced by the events buttonClickandhyperlinkClickin a future PRmoreActionsDropdownPositionThis property is replaced by the moreActionsBlockAlignandmoreActionsInlineAlignpropertiesseparatorCssClassThis property is no longer necessary, since the separator can be styled with CSS parts -
Removed the following properties in the
ch-action-group-renderitems:Removed Migration actionClassandsubActionClassUse the partsproperty if you need to add extra customization for the itemsitemsPositionanditemsResponsiveCollapsePositionThis property is replaced by the itemsBlockAlignanditemsInlineAlignpropertiesshowSeparatorThis property is replaced by the type="separator", which is the new way to use separatorsseparatorClassUse the partsproperty if you need to add extra customization for the separators -
The values of the
itemsOverflowBehaviorproperty in thech-action-group-renderwere renamed:Before Now "AddScroll""add-scroll""Multiline""multiline""ResponsiveCollapse""responsive-collapse" -
The default value of the
moreActionsAccessibleNameproperty in thech-action-group-renderis now"Show more actions". Previously it was"Show options". -
Removed the
openOnFocusproperty of thech-action-group-rendercomponent as it is not yet implemented.
Full Changelog: v6.1.2...v6.2.0
v6.1.2
v6.1.1
v6.1.0
v6.0.2
What's Changed
Important
If you are using a version 6.0.0-next.**, you can skip this release notes and follow the remaining releases up to version 6.0.0-next.56. If you came from version 5.3.0 or earlier, this release is for you.
General
-
Added support for showing the development status of each control by @ncamera in #304
Meaning of development status:
-
"experimental": The control is in its early stages of the development. This phase is often useful for testing the control early, but it is very likely that the interface will change from the final version.Breaking changes for the control can be applied in "patch" tags.
-
"developer-preview": The control is in its final stages of the development. The interface and behaviors to implement the control are almost complete. The interface of the control should not change so much from the final version.Breaking changes for the control can be applied in "major" tags.
-
"stable": The control's development is stable and can be safety used in production environments.Breaking changes for the control can be applied in "major" tags. In some cases, two "major" tags would be used to deprecate a behavior in the control.
-
-
Improve consistency across all interfaces that implement a UI Model ("-render" controls) by @ncamera in #307
-
Add
registry-property.tsmodule. A set of utilities for setting default values for the control properties. by @ncamera in #367 -
Fix integration with other StencilJS libraries not working by @ncamera in #368
-
Improve integration with React framework by @ncamera in #427
-
Fix React output integration with Vite build tool by @ncamera in #431
-
Export defined Chameleon components in the
framework-integrations.tsfile by @ncamera in #438
ch-accordion-render
-
Improvements for the
ch-accordion-renderby @ncamera in #397 -
Add support to determine the expanded size of the
ch-accordion-renderitems by @ncamera in #406 -
Fix
box-sizing: border-boxnot working properly by @ncamera in #463
ch-action-list-render
-
Add initial implementation for the Action List control by @ncamera in #332
-
Fixes and improvements for the Action List control by @ncamera in #354
-
Add methods and callbacks in the Action List control by @ncamera in #355
-
Add support for
updateItemPropertiesmethod in the Action List control by @ncamera in #379 -
Improve the customization of the
ch-action-list-renderand add support to export parts for additional items by @ncamera in #401 -
Fix selection not working in the
ch-action-list-renderwhen settingselection = "single"by default by @ncamera in
#403 -
Add support to modify the caption and add support for
disabledproperty by @ncamera in #413 -
Fix selection not working properly after updating the
modelreference by @ncamera in #440 -
Fix
getImagePathCallbackprop in action-list not working as expected based on type definition by @ncamera in #447
ch-chat
-
Add a new chat component with infinite scroll, virtual scroll and markdown support. Deprecate the ch-markdown control and refactor the ch-code control by @ncamera in #380
-
Fixes and improvements for the
ch-chatimplementation by @ncamera in #411 -
Fix race condition when adding a new message by @ncamera in #412
-
Remove unused "accessibleName.chat" translation by @ncamera in #448
-
Improve
ch-chat's default values and fixitemsproperty not being reactive by @ncamera in #452 -
Fix
ch-chat's textarea losing the styles after keypress by @ncamera in #454 -
Add support to render a slot for additional content by @ncamera in #467
-
Fix the condition for rendering the
"additional-content"slot by @ncamera in #468
ch-checkbox
-
Improve accessibility in the
ch-checkboxcontrol and improve control customization by @ncamera in #293 -
Improve support with web forms in
ch-checkboxand upgrade its status to Developer Preview by @ncamera in #327 -
Don't trigger
itemClickorselectedItemsChangeevents if the item is being edited by @ncamera in #429 -
Add support to display an image, improve accessibility and reduce memory consumption by @ncamera in #430
ch-code
-
Add a new chat component with infinite scroll, virtual scroll and markdown support. Deprecate the ch-markdown control and refactor the ch-code control by @ncamera in #380
-
Add scrollbar support in the
ch-codeand improve resets in thech-markdown-viewerby @ncamera in #394 -
Add support to style the ch-code's scrollbar by @ncamera in #399
ch-code-diff-editor
ch-code-editor
ch-combo-box-render
-
Fixes and improvements for combo-box control by @ncamera in #297
-
Add support for filters on the server in
ch-combo-boxcontrol and improve its responsiveness by @ncamera in #302 -
Fix for disabled not working properly in
ch-combo-boxand add support fordestroyItemsOnCloseproperty by @ncamera in #306 -
In the
ch-combo-box, use as themin-inline-sizethe size of the largest value and improve responsiveness by @ncamera in #319 -
Add support for strict filters and solve the vast majority of keyboard issues by @ncamera in #330
-
Fix combo-box not working without
border-widthand add support forpopoverInlineAlignproperty by @ncamera in #341 -
Fixes for the ch-combo-box control on mobile devices by @ncamera in #373
-
Rename the
ch-combo-boxcontrol toch-combo-box-renderby @ncamera in #374 -
Add more e2e test and fix accessibility issue in the ch-combo-box-render component by @ncamera in #386
-
Don't d...