Released: Mar 29, 2024

Atualizações na Ignite UI for React 18.6.0

Recursos

• IgrCharts
  • Added a new Data Filtering via the initialFilter property. Apply filter expressions to filter the chart data to a subset of records. Can be used for drill down large data.
  • XamRadialChart
    • Added a new Label Mode. IgrCategoryAngleAxis exposes a LabelMode property that allows you to further configure the location of the labels. This allows you to toggle between the default mode by selecting the Center enum, or use the new mode, ClosestPoint, which will bring the labels closer to the circular plot area.
• IgrGrid
  • Added a new HierarchicalGrid component.
• IgrGauge
  • IgrRadialGauge
    • Added new title/subtitle properties:
      • TitleText and SubtitleText will now appear near the bottom the gauge.
      • The various title/subtitle font properties have also been added such as TitleFontSize, TitleFontFamily, TitleFontStyle, TitleFontWeight and TitleExtent.
      • The new TitleDisplaysValue will now allow the value to correspond with the needle's position.
    • Added new OpticalScalingEnabled and OpticalScalingSize properties for the RadialGauge. This new feature will manage the size at which labels, titles, and subtitles of the gauge have 100% optical scaling.
    • A new highlight needle has been added. When both HighlightValue and HighlightValueDisplayMode are provided a value and 'Overlay' setting, this will make the main needle to appear faded and a new needle will appear.
  • IgrLinearGauge
    • A new highlight needle has been added. When both HighlightValue and HighlightValueDisplayMode are provided a value and 'Overlay' setting, this will make the main needle to appear faded and a new needle will appear.
  • IgrBulletGraph
    • The Performance bar will now reflect a difference between the value and new HighlightValue when the HighlightValueDisplayMode is applied to the 'Overlay' setting. The highlight value will show a filtered/subset completed measured percentage as a filled in color while the remaining bar's appearance will appear faded to the assigned value, illustrating the performance in real-time.
• IgrTextarea
  • Added a new IgrTextarea component.
• IgrButtonGroup
  • Added a new IgrButtonGroup component.
• IgrDockManager
  • Added a new ProximityDock property. If enabled, docking indicators are not visible and the end user can dock the dragged pane by dragging it close to the target pane edges.
  • Added a new ContainedInBoundaries property. Determines whether the floating panes are kept inside the Dock Manager boundaries. Defaults to false.
  • Added a new ShowPaneHeaders property. Determines whether pane headers are only shown on hover or always visible. Defaults to always.
• IgrInput, IgrMaskInput, IgrDateTimeInput, and IgrRating
  • readonly has been renamed to readOnly.
• IgrInput
  • Maxlength has been renamed to maxLength.
  • Minlength has been renamed to minLength.
• IgrTree
  • Added a new toggleNodeOnClick property which determines whether clicking over a node will change its expanded state or not. Defaults to false.
• IgrRating
  • Added allowReset. When enabled, selecting the same value will reset the component. Behavioral change - In previous releases this was the default behavior of the rating component. Make sure to set allowReset if you need to keep this behavior in your application.
• select, IgrDropdown
  • Exposed selectedItem, items and groups getters.
• Deprecations
  • The size property and attribute have been deprecated for all components. Use the --ig-size CSS custom property instead.
  • IgrForm
    • The IgrForm component has been deprecated. Please, use the native form element instead.
  • IgrDateTimeInput
    • minValue and maxValue properties have been deprecated. Please, use min and max instead.
  • IgrRangeSlider
    • ariaLabelLower and ariaLabelUpper properties have been deprecated. Please, use ThumbLabelLower and ThumbLabelUpper instead.