Skip to content

Releases: genexuslabs/chameleon-controls-library

v6.4.2

07 Mar 13:55

Choose a tag to compare

Chameleon 6.4.2 (2025-03-07)

Category Change
Fix [ch-chat] Fix scroll flickering when updating the last chat message and the scroll is not at the bottom by @ncamera in #490

Full Changelog: v6.4.1...v6.4.2

v6.4.1

26 Feb 14:42

Choose a tag to compare

Chameleon 6.4.1 (2025-02-26)

Category Change
Fix [ch-combo-box-render] Fix initial value not being set by @ncamera in #489

Full Changelog: v6.4.0...v6.4.1

v6.4.0

24 Feb 21:57

Choose a tag to compare

Chameleon 6.4.0 (2025-02-24)

Category Change
Feature [ch-chat] Add support for theme property by @ncamera in #482
Fix [ch-markdown-viewer] Improve default property values and types and fix showIndicator = false not working in code blocks by @ncamera in #483
Fix [ch-code] Improve default property types and add scrollbars when the content overflows the x-axis by @ncamera in #484
Feature Add support to style the scrollbars of the ch-edit and ch-tab-render components by @ncamera in #485
Accessibility Feature Fix 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
Feature 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-render
  • ch-edit
  • ch-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-components

Full Changelog: v6.3.0...v6.4.0

v6.3.0

19 Feb 18:56

Choose a tag to compare

Chameleon 6.3.0 (2025-02-19)

Category Change
Feature Add the "ch-combo-box-render--placeholder" part in the ch-combo-box-render Host when the placeholder is displayed by @ncamera in #480
Feature [ch-tree-view-render] Add support for getItemPath method by @ncamera in #481

Full Changelog: v6.2.1...v6.3.0

v6.2.1

19 Feb 16:57

Choose a tag to compare

Chameleon 6.2.1 (2025-02-19)

Category Change
Fix [ch-chat] Fix focusChatInput method not working by @ncamera in #478
Accessibility Fix [ch-navigation-list-render][ch-tooltip] Several improvements for the accessibility by @ncamera in #479

Full Changelog: v6.2.0...v6.2.1

v6.2.0

11 Feb 19:40

Choose a tag to compare

What's Changed

Category Change
Accessibility Breaking changes Feature Fix Performance Refactoring 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-render component has been renamed to ch-action-menu-render as it now supports more menu component-oriented features such as slot rendering.

  • The ch-action-group-render and ch-action-menu-render components now support Shadow DOM. Because of this:

    • The cssClass property is removed in both components. To style both component you can simply set the class attribute.
    • The exportParts/dropdownExportParts properties 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.
  • Removed the header and footer slots in the ch-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
    itemClickCallback This property is replaced by the events buttonClick and hyperlinkClick
    position This property is replaced by the blockAlign and inlineAlign properties
    separatorCssClass This property is no longer necessary, since the separator can be styled with CSS parts
  • Removed the following properties in the ch-action-menu-render items:

    Removed Migration
    class Use the parts property if you need to add extra customization for the items
    itemsPosition This property is replaced by the itemsBlockAlign and itemsInlineAlign properties
    showSeparator This property is replaced by the type="separator", which is the new way to use separators
    separatorClass Use the parts property if you need to add extra customization for the separators
  • Removed the following properties in the ch-action-group-render:

    Removed Migration
    itemClickCallback This property will be replaced by the events buttonClick and hyperlinkClick in a future PR
    moreActionsDropdownPosition This property is replaced by the moreActionsBlockAlign and moreActionsInlineAlign properties
    separatorCssClass This property is no longer necessary, since the separator can be styled with CSS parts
  • Removed the following properties in the ch-action-group-render items:

    Removed Migration
    actionClass and subActionClass Use the parts property if you need to add extra customization for the items
    itemsPosition and itemsResponsiveCollapsePosition This property is replaced by the itemsBlockAlign and itemsInlineAlign properties
    showSeparator This property is replaced by the type="separator", which is the new way to use separators
    separatorClass Use the parts property if you need to add extra customization for the separators
  • The values of the itemsOverflowBehavior property in the ch-action-group-render were renamed:

    Before Now
    "AddScroll" "add-scroll"
    "Multiline" "multiline"
    "ResponsiveCollapse" "responsive-collapse"
  • The default value of the moreActionsAccessibleName property in the ch-action-group-render is now "Show more actions". Previously it was "Show options".

  • Removed the openOnFocus property of the ch-action-group-render component as it is not yet implemented.

Full Changelog: v6.1.2...v6.2.0

v6.1.2

30 Jan 13:05

Choose a tag to compare

What's Changed

  • [ch-combo-box-render] Fix value emission with debounce even when the selection is confirmed without strict filters by @ncamera in #476

Full Changelog: v6.1.1...v6.1.2

v6.1.1

24 Jan 15:06

Choose a tag to compare

What's Changed

  • [ch-action-list-render] Fix ch-action-list-render not working with Angular SSR in some edge cases by @ncamera in #473

  • Fixed registerProperty implementation not working in some frameworks by @ncamera in #474

Full Changelog: v6.1.0...v6.1.1

v6.1.0

23 Jan 17:59

Choose a tag to compare

What's Changed

  • [ch-tab-render] Added support to render slots for the start and end of the tab-list by @ncamera in #471

  • [ch-slider] Fix disabled property support by @ncamera in #472

Full Changelog: v6.0.2...v6.1.0

v6.0.2

23 Jan 17:55

Choose a tag to compare

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

  • Fix new vulnerability by @ncamera in #343

  • Add registry-property.ts module. 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.ts file by @ncamera in #438

ch-accordion-render

  • Add ch-accordion-render component by @ncamera in #393

  • Improvements for the ch-accordion-render by @ncamera in #397

  • Add support to determine the expanded size of the ch-accordion-render items by @ncamera in #406

  • Fix box-sizing: border-box not working properly by @ncamera in #463

ch-action-list-render

  • Add initial implementation for the Action List control by @ncamera in #332

  • Fix for exported types in action list by @ncamera in #333

  • Improve the Action List implementation by @ncamera in #350

  • 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 updateItemProperties method in the Action List control by @ncamera in #379

  • Improve the customization of the ch-action-list-render and add support to export parts for additional items by @ncamera in #401

  • Fix selection not working in the ch-action-list-render when setting selection = "single" by default by @ncamera in
    #403

  • Add support to modify the caption and add support for disabled property by @ncamera in #413

  • Fix selection="single" issues by @ncamera in #439

  • Fix selection not working properly after updating the model reference by @ncamera in #440

  • Add support to customize the scrollbar by @ncamera in #441

  • Add getImagePathCallback property by @ncamera in #442

  • Fix getImagePathCallback prop 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-chat by @ncamera in #408

  • Fixes and improvements for the ch-chat implementation 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 fix items property 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-checkbox control and improve control customization by @ncamera in #293

  • Improve support with web forms in ch-checkbox and upgrade its status to Developer Preview by @ncamera in #327

  • Don't trigger itemClick or selectedItemsChange events 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 ch-code control by @ncamera in #329

  • 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

  • Fix white-space in the ch-code by @ncamera in #384

  • Add scrollbar support in the ch-code and improve resets in the ch-markdown-viewer by @ncamera in #394

  • Add support to style the ch-code's scrollbar by @ncamera in #399

ch-code-diff-editor

  • Add component ch-code-diff-editor and refactoring the ch-code-editor interface by @dangmarm in #346

ch-code-editor

ch-combo-box-render

  • Improvements for ch-combo-box control by @ncamera in #288

  • Fixes and improvements for combo-box control by @ncamera in #297

  • Add support for filters on the server in ch-combo-box control and improve its responsiveness by @ncamera in #302

  • Fix for disabled not working properly in ch-combo-box and add support for destroyItemsOnClose property by @ncamera in #306

  • In the ch-combo-box, use as the min-inline-size the 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-width and add support for popoverInlineAlign property by @ncamera in #341

  • Fixes for the ch-combo-box control on mobile devices by @ncamera in #373

  • Rename the ch-combo-box control to ch-combo-box-render by @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...

Read more