Components preview
1.8.0
- Changed peerDependency version range for
@dynatrace-sdk/units
from^1.0.2
to^1.1.0
. (APPDEV-10879) @dynatrace/strato-components
was updated to version1.7.0
.
Charts
- Fix log scale with domain of zeroes. (APPDEV-13305)
- Fix panning through x-axis not working on touchable devices. (APPDEV-13126)
Timeseries
Histogram
when panning, onZoomChange callback runs while dragging the axis. (APPDEV-13079)- Threshold tooltip improvement for
Timeseries
,Histogram
andCategorical Bar Chart
(APPDEV-13196) - Improved the initial load performance for charts. (APPDEV-9163)
AnnotationsChart
- Updated markers brightness levels. (APPDEV-13084)
- Added dynamic marker text color depending on marker background color. (APPDEV-13084)
DataTableV2
- No more console warning related to
inert
attribute. (APPDEV-13242) - When completing row drag and drop, the correct element stays in focus now. (APPDEV-13242)
- Downloading large amounts of data to CSV no longer makes the browser unresponsive. (APPDEV-13257)
- Column sizing precision is now improved, which prevents unnecessary horizontal scrollbars. (APPDEV-13159)
- Right-clicking on a link inside an interactive cell using the improved interaction pattern now displays the browser's context menu. (APPDEV-12977)
- Grouped columns now properly detect custom header renderer.
- Draggable, interactive rows with zebra stripes now receive the correct styles when dragging a row up. (APPDEV-13294)
DateTimePicker
- The precision of the returned ISOStrings now reflects the precision set on the
DateTimePicker
. Only digits up to the defined precision are included. (APPDEV-10879)
Example:
Precision | before | now |
---|---|---|
day | yyyy-mm-ddThh:mm:ss.mmmZ | yyyy-mm-ddZ |
minutes | yyyy-mm-ddThh:mm:ss.mmmZ | yyyy-mm-ddThh:mmZ |
seconds | yyyy-mm-ddThh:mm:ss.mmmZ | yyyy-mm-ddThh:mm:ssZ |
milliseconds | yyyy-mm-ddThh:mm:ss.mmmZ | yyyy-mm-ddThh:mm:ss.mmmZ |
FilterField
- The suggestion of the logical operator "OR" is still shown when a key starting with "o" is entered. (APPDEV-12415)
- Escaped characters are now highlighted in a different color for easier distinction. (APPDEV-12585)
- Add a
max-height
to the input field. This can be changed with themaxHeight
style. (APPDEV-12586) - Suggestions with a non-string value are no longer shown in the suggestions overlay (APPDEV-13177).
MeterBarChart
- Enabling user actions. (APPDEV-13220)
Modal
- Component now forwards style and classNames properly. (APPDEV-13287)
MultiMeterBarChart
- Enabling user actions. (APPDEV-13220)
SegmentSelector
- Overlay has the correct z-Index used for overlays. (APPDEV-13025)
SelectV2
- Resolved a warning triggered when using the controlState prop. (APPDEV-13131)
- Value for the hidden
<option>
element changed: Now uses textValue when specified; otherwise, falls back to the stringified value. (APPDEV-13131) - Improved filtering for complex options. It is still recommended to use the
textValue
prop on the option if using a complexvalue
and non-string label when filtering is enabled. (APPDEV-13188)
SingleValue
- Fixed component crashing when using a Unit with the default formatter.
- Adding a gap between the icon and the value.
Sparkline
- Added configurable xAxis min and max values. (APPDEV-13047)
- Fixed area stroke on Sparkline with threshold background. (APPDEV-13234)
TextEllipsis
TruncationMode
is now available as a public type. (APPDEV-12065)
TextInput
- Text is no longer shown twice when scrolling in an auto-filled text input. (APPDEV-13200)
TimeframeSelector
- The precision of the returned ISOStrings now reflects the precision set on the
TimeframeSelector
. Only digits up to the defined precision are included. (APPDEV-10879)
Example:
Precision | before | now |
---|---|---|
minutes | yyyy-mm-ddThh:mm:ss.mmmZ | yyyy-mm-ddThh:mmZ |
seconds | yyyy-mm-ddThh:mm:ss.mmmZ | yyyy-mm-ddThh:mm:ssZ |
milliseconds | yyyy-mm-ddThh:mm:ss.mmmZ | yyyy-mm-ddThh:mm:ss.mmmZ |
TimeseriesChart
- Interactions in synchronized charts now reset the selection in all synchronized charts.
- Fix display issue when some series are empty. (APPDEV-13250)
ToggleButtonGroup
aria-checked
is no longer set on the radios to avoid potential a11y issues.
XYChart
- Improved the performance for the tooltip hovering. (APPDEV-9163)
1.7.2
@dynatrace/strato-components
was updated to version1.6.2
.
1.7.1
Related testing package fix for @tanstack/react-virtual@^3.18.8 dependency.
1.7.0
@dynatrace/strato-components
was updated to version1.6.1
.
CodeSnippet
- The following
language
options will be removed:css-extr
,diff
,git
,handlebars
,less
,makefile
,ocaml
,sass
,scss
,stylus
andwasm
. (APPDEV-12411)
DataTableV2
- Vertical
alignment
options will be removed from the column definition, leaving only horizontalalignment
options (left
,center
,right
). As a result, vertical alignment can no longer be configured at column level, but must be set globally for all header and body cells. The default vertical alignment for all cells is nowtop
. (APPDEV-12307) - Column ordering
enableDragAndDrop
prop is now deprecated and will be removed in the future. (APPDEV-12891)
FilterField
- The
syntax
prop is now deprecated and will be removed. Only thecomplex
syntax will be supported in the future. (APPDEV-12973)
Tooltip
TooltipPlacement
andTooltipDelay
types are now deprecated and move into theTooltipProps
. (APPDEV-13113)
Charts
- Fix tooltip and magnifiers overflow triggering charts resize. (APPDEV-13058)
- Right position thresholds now display pill in the correct position. (APPDEV-13095)
CategoricalBarChart
- Add Intents to Toolbar. (APPDEV-12912)
DataTableV2
- Drag and drop column ordering is now enabled by default. (APPDEV-12891)
- Modals are now prevented from closing immediately upon pressing the
Enter
key on an interactive row. (APPDEV-13086) convertToColumnsV2
now defaults to column typetext
when a field has conflicting type mappings. (APPDEV-13193)- The
variant
prop now allows for globally configuring theverticalAlignment
for all table cells. (APPDEV-12306) - Row heights are now remeasured correctly when toggling
lineWrap
. (APPDEV-13059)
DonutChart
- Add Intents to Toolbar. (APPDEV-12912)
DQLEditor
- Fuzzy matching for suggestions is working again.
FieldSet
- The
fieldset
element is now wrapped inside of adiv
to prevent a layout issue in Safari. (APPDEV-12798)
HistogramChart
- Add Intents to Toolbar. (APPDEV-12912)
- Charts with infinite zoom enabled now always display pan arrows on the bottom axis if panning is possible. (APPDEV-13141)
- Support new tooltip styles in
Thresholds
pills. (APPDEV-12081)
HoneycombChart
- Add Intents to Toolbar. (APPDEV-12912)
NotifyButton
- Removed default aria-describedby. (APPDEV-13046)
PieChart
- Add Intents to Toolbar. (APPDEV-12912)
SegmentSelector
- A tooltip is displayed for overflowing presets. (APPDEV-12732)
- Now considers an empty variables array as no variables in the default segments. (APPDEV-13101)
Sheet
- Backdrop exit animation is now faster. (APPDEV-13014)
SingleValue
- Improving text scaling in single values to properly utilize available container space. (APPDEV-13127)
TimeseriesChart
- Fixed synchronized selection not resetting on reset in custom action. (APPDEV-13022)
- Support new tooltip styles in
Thresholds
pills. (APPDEV-12081) - Charts with infinite zoom enabled now always display pan arrows on the bottom axis if panning is possible. (APPDEV-13141)
Tooltip
- Opening delay is now shorter and the closing animation/delay has been removed. (APPDEV-13032)
TreeMap
- Add Intents to Toolbar. (APPDEV-12912)
XYChart
- Zoom interactions are now available. (APPDEV-12502)
- Add Intents to Toolbar. (APPDEV-12912)
1.6.1
DataTableV2
- All strings in querySelectors are now escaped, so the table no longer crashes due to an invalid query. (APPDEV-13412)
1.6.0
- Changed peerDependency version range for
@dynatrace-sdk/navigation
from^1.3.0
to^1.3.0 || ^2.0.0
. @dynatrace/strato-icons
was updated to version1.5.0
.@dynatrace/strato-components
was updated to version1.6.0
.
Charts
- Fixed toolbar reset on resize. (APPDEV-12778)
- Now all charts contain
aria-label
a11y attribute. (APPDEV-12893)
Forms
aria-disabled
properties are now only added when explicitly set. (APPDEV-12950)
DataTableV2
- Gantt chart tooltips are now consistently rendered within the viewport. (APPDEV-11031)
- Now column ordering with drag and drop works correctly with hidden columns. (APPDEV-13029)
- Built-in prefix columns should no longer become wider when rows are expanded. (APPDEV-12635)
- Enhanced user experience for column order drag-and-drop. (APPDEV-12448)
- Expanding and collapsing rows now maintains the table's current scroll position. (APPDEV-12946)
DateTimePicker
- Clicking the label or the input will now focus the first spin button. (APPDEV-12698)
DQLEditor
- The
onValidationStart
andonValidationEnd
callbacks are now also triggered when the DQL query is reverted to its original value within the debounce timeframe. (APPDEV-11031)
FilterField
FilterField.Suggestions
wrapper is now optional. (APPDEV-13016)- The
suggestionType
now returnsvalue
for values starting with an invalid character, e.g.$
. (APPDEV-12940) - Composed characters are now properly supported and no longer lead to crashes / unexpected input. (APPDEV-11244)
HistogramChart
- Allow zoom mode to be enabled programmatically. (APPDEV-12942)
TimeframeSelector
- The timeframe stepper buttons can now reach the
min
andmax
values for both absolute and relative times. (APPDEV-10873) - Clicking the label inside the Overlay or the input will now focus the first spin button. (APPDEV-12698)
TimeseriesChart
TimeseriesChart
is now able to haveIntents
within the series action. (APPDEV-12913)- Allow zoom mode to be enabled programmatically. (APPDEV-12942)
XYChart
RectSeries
now displays itsvalueAccessorLabel
if defined on the Tooltip Header. (APPDEV-13035)- Now y-axis labels are no longer cut off in cases of long categories. (APPDEV-12918)
1.5.0
- Changed peerDependency version range for
react-intl
from^6.0.8
to^6.0.8 || ^7.0.0
. @dynatrace/strato-design-tokens
was updated to version1.0.1
.@dynatrace/strato-components
was updated to version1.5.0
.@dynatrace/strato-icons
was updated to version1.4.0
.
DataTableV2
- Now the
selectionBehavior
option for sub-rows is deprecated. (APPDEV-12401)
FilterField
- The
parserConfig
prop is deprecated and will be removed with the next breaking change. Variables / bigint numbers will be converted to nodes with typeVariable
/BigInt
by default.
TextArea
TextAreaWidth
type is now deprecated and is replaced with an inline type onTextAreaProps.width
. (APPDEV-12915)
Charts
- Now
undefined
andnull
values are stringified when downloading as CSV. (APPDEV-12715) - Modify Charts Toolbar to support Intents and new design. (APPDEV-12766)
- Add Intent slot. (APPDEV-12766)
CodeSnippet
- Now the highlighting for
bash
is supported again. (APPDEV-12817)
DataTableV2
- Improved interaction pattern now supports column ordering via drag and drop. (APPDEV-12863)
- Expanded rows now occupy the full table width in Chrome when dragged and dropped to the bottom of the table. (APPDEV-12818)
- The
Select All Rows
action is now disabled if the table is empty or row selection is disabled for all rows. (APPDEV-12790) - The custom cell rendering
format
function now respects the provided value rather than defaulting to the cell's value. (APPDEV-12896) - Now
undefined
andnull
values are stringified when downloading as CSV. (APPDEV-12715) - Cell actions, column actions, row actions, and the toolbar now support intent items. (APPDEV-12096)
- Now the drag and drop handle can also be disabled for certain rows, and the
useLockedRowOrder
hook helps to sort disabled rows to the start or end of the table. (APPDEV-12517) - Row height is now correct after expanding/collapsing rows that contain
Markdown
content. (APPDEV-12680)
DateTimePicker
- Now will return an empty string when the value is invalid. (APPDEV-12694)
FilterField
- Position operators are part of the value and do not change the operator type if they are escaped. (APPDEV-12851)
- Added
FILTERFIELD_DEFAULT_OPERATORS
so they can be used in a validatorMap. - Add support for
parserConfig
to enable conversion ofVariable
orBigInt
nodes in the syntax tree. - Variables used in filter values are now returned as value node with type
Variable
if enabled in theparserConfig
. (APPDEV-12795) - Inserting a suggestion with the replace token strategy no longer removes quotes if the current token is already escaped. (APPDEV-12727)
- Numbers that are bigger than Number.MAX_SAFE_INTEGER are now converted to BigInt, if enabled in the
parserConfig
. (APPDEV-12468)
HistogramChart
- Fixed toolbar not shown when re-entering chart with active Selection (APPDEV-12874)
- Selection doesn't disappear when hovering over Toolbar. (APPDEV-12573)
- Fixed several x-axis select toolbar and keyboard interaction issues (APPDEV-12825)
- Supporting custom tooltip in the Annotations (APPDEV-12682)
HoneycombChart
- Fixed a bug in
HoneycombChart
. Now the truncated value fit within node boundaries. (APPDEV-12858) HoneycombChart
has a bug fixed allowing it to update when labels or names are updated. (APPDEV-12857)
Page
tabIndex
onPanel
can now be customized. (APPDEV-12353)
Radio
- Improved focus styles of the radio for better differentiation of focused and default radios. (APPDEV-11709)
SingleValue
SingleValue
now is able to color its background based on the threshold value. (APPDEV-12683)
SingleValueGrid
SingleValueGrid
now is able to color the background of all its internal components based on the threshold value. (APPDEV-12684)
TimeseriesChart
- Add Intents to Toolbar. (APPDEV-12766)
- Fix tooltip, crosshair and magnifier not disappearing when hovering Toolbar. (APPDEV-12739)
- Fixed several x-axis select toolbar and keyboard interaction issues. (APPDEV-12825)
- Fixed toolbar not shown when re-entering chart with active Selection. (APPDEV-12874)
- Selection doesn't disappear when hovering over Toolbar. (APPDEV-12573)
- Supporting custom tooltip in the Annotations. (APPDEV-12682)
XYChart
- Toolbar configuration via slot now available. (APPDEV-11944)
- Tooltip body text presents a better wrapping strategy to avoid word-breaking cases. (APPDEV-12543)
- Allow
null
,undefined
andNaN
values for thevalueAccessor
onRectSeries
. (APPDEV-12715)
1.4.2
DataTableV2
- Columns with a defined
maxWidth
can be resized again. (APPDEV-12909)
1.4.1
DataTableV2
- Columns that define content widths with maximum widths now use the content widths correctly. (APPDEV-12735)
1.4.0
@dynatrace/strato-icons
was updated to version1.3.0
.@dynatrace/strato-components
was updated to version1.4.0
.
Overlays
observeOverlaySize
modifier is now deprecated and will be moved to an internal. (APPDEV-12712)
AppCard
- Deprecated due to the limited use of the component. (APPDEV-11728)
Charts
- All charts now supports consistently the text truncation in the legend. (APPDEV-12550)
Accordion
- Sections within the
Accordion
can now receive a number asid
as well. (APPDEV-12700)
DataTableV2
- In the
DataTableV2CellInteractionPattern
clicks to the header actions button no longer has a sorting side effect in tests. (APPDEV-12679) - Sub-rows expand/collapse all icon is now updated correctly when state changes. (APPDEV-12767)
- Now row virtualization has reduced overhead for measuring row heights. (APPDEV-12537)
- Row details template no longer excessively rerenders. (APPDEV-12757)
- Minimum height of the DataTable is calculated correctly for contained visualVariantOption. (APPDEV-12788)
- Rows heights are now calculated correctly when visualVariant.headers is set to 'hidden'. (APPDEV-12623)
- Now ensures the correct display state is set before recalculating row heights. (APPDEV-12546)
- Now supports ordering of expandable rows. (APPDEV-12000)
- Sorting and column action indicators in the improved interaction pattern no longer resize the table header cells on hover. (APPDEV-12474)
- Custom column headers using
DataTableV2.DefaultCell
now have correct spacing when using the improved interaction pattern. (APPDEV-12699) - Dragging a row within a scrollable table can no longer break out of the table area restriction, preventing a crash due to undefined elements. (APPDEV-12660)
DateTimePicker
- Incomplete dates show error on Blur. (APPDEV-12528)
DQLEditor
- The
onValidationStart
andonValidationEnd
callbacks are now also triggered for previously seen DQL queries. (APPDEV-12138) - The
onValidationEnd
callback now receives the validation results for the DQL query as a parameter. (APPDEV-12138)
FilterField
- FilterField key suggestions include an icon to indicate the supported type if used with a
validatorMap
(APPDEV-11718). - Type annotations for value suggestions are now displayed when restricted with a
validatorMap
. (APPDEV-11719) - Only global or default operators are suggested for empty objects in the
keyPredicates
of thevalidatorMap
. (APPDEV-12691) - The
textValue
is optional when calling theconvertFilterFieldTreeToString
function to simplify programmatically creating aFilterFieldTree
. This also means that the resulting string may differ from the originalFilterField
statement. (APPDEV-11190) - ValidatorMap now also supports negated string operators (
not-starts-with
,not-contains
,not-ends-with
). (APPDEV-12416) - The
validatorMap
has been extended by theFilterFieldValuePredicateFn
to validate the value of a FilterField statement. The function allows for boolean return values to indicate whether the value is valid or a string to indicate that the value is invalid and provide a custom error message. (APPDEV-12627) - The
LogicalOperator
node is not part of theFilterFieldTree
anymore. Instead, theFilterFieldGroupNode
has aexplicitLogicalOperator
flag, to indicate whether the statement has a logical operator. This also means that the resulting string may differ from the originalFilterField
statement. For example in the basic syntax mode the statementa = 1 AND b = 2
would be changed toa = 1 b = 2
, when converting it to aFilterFieldTree
and back into a string (APPDEV-11003) - Update comparator suggestions when
validatorMap
is updated.
HelpMenu
- Now provides an optional
onOpenChange
prop to handle the HelpMenu opening. (APPDEV-12621)
HistogramChart
- When Explore/Zoom mode is selected by keyboard, there is a focus on selected area (APPDEV-11913)
- Focus set on chart when zoom to selection by keyboard (APPDEV-12789)
- Disabling datapoint updates on hover when the tooltip is pinned. (APPDEV-12670)
HistogramChart
is now able to:- cancel the selection pressing Esc
- move the selection with arrows
- pan with alt + horizontal scroll (APPDEV-12197)
HistogramChart
is now able to move the selection. (APPDEV-12371)- A bug showing a tooltip while in zoom or pan mode and doing double click to reset, was fixed in
HistogramChart
(APPDEV-12740) HistogramChart
toolbar shortcuts now display cmd/ctrl depending on the OS (APPDEV-12574)
HoneycombChart
- The tooltip text width is not anymore proportional to the tile size. (APPDEV-12754)
Page
- Panel role is now applied to the correct element.
SegmentSelector
- Now shows pinned and recent segments in the overlay and allows editing them. (APPDEV-10523)
SelectV2
- Conditionally rendered children in the
<Select.Option>
no longer reflect in the aria-label. (APPDEV-12749) - The 'Select all' / 'Clear selection' options are no longer shown when the user is filtering. The 'Select all' option is also hidden now in multi selects if no options are available. (APPDEV-10348)
Sparkline
- Context values now adapt its width to remove unnecessary space. (APPDEV-12575)
TimeframeSelector
TimeframeStepper
buttons now usearia-label
instead ofaria-labelledBy
. (APPDEV-12776)- Default min and max match grail limitations. (APPDEV-10732)
TimeseriesChart
-
Focus set on chart when zoom to selection by keyboard (APPDEV-12789)
-
Disabling datapoint updates on hover when the tooltip is pinned. (APPDEV-12670)
-
A bug showing a tooltip while in zoom or pan mode and doing double click to reset, was fixed in
TimeseriesChart
(APPDEV-12740) -
TimeseriesChart
is now able to: -
cancel the selection pressing Esc
-
move the selection with arrows
-
pan with alt + horizontal scroll
-
TimeseriesChart
toolbar shortcuts now display cmd/ctrl depending on the OS (APPDEV-12574) -
TimeseriesChart
is now able to move the selection. (APPDEV-12197) -
When Explore/Zoom mode is selected by keyboard, there is a focus on selected area (APPDEV-11913)
XYChart
- RectSeries has the new property
valueAccessorLabel
. It allows the user to set a custom name for the value of the series. (APPDEV-12590) - RectSeries and its legend it's now properly colorized for cases containing one cell. (APPDEV-12624)
- RectSeries Range coloring now applies the values passed via valueMin and valueMax of the series. (APPDEV-12279)
- Color-palette now supports an empty array. (APPDEV-12629)
1.3.4
AppHeader
ActionItems
can now again support any custom children. (APPDEV-12797)
1.3.3
DataTableV2
- Columns that define content aware sizes with maximum widths are now sized correctly. (APPDEV-12735)
1.3.2
@dynatrace/strato-components-preview-docs
was updated to version1.3.2
.
1.3.1
DataTableV2
- Horizontal scrolling no longer crashes the table when column IDs contain quotes. (APPDEV-12734)
1.3.0
@dynatrace/strato-icons
was updated to version1.2.0
.@dynatrace/strato-components
was updated to version1.3.0
.
Charts
- Magnifier style update (APPDEV-12389)
- The
ChartLayout
now doesn't rerender while toggling the legend. (APPDEV-12393) - Prevent chart crashing when pinning the tooltip with the right button in
XYChart
,TimeseriesChart
,HistogramChart
. (APPDEV-12439)
Editors
- No longer capture input from
DateTimePicker
. (APPDEV-12475)
AppHeader
ActionItems
now collapse as a whole. (APPDEV-12123)
ChipGroup
- No longer infinitely re-renders if the parent width is too small. (APPDEV-12544)
DataTableV2
- Interactive rows now span the correct columns after changing column visibility. This allows the spacer column to always fill the entire remaining space. (APPDEV-12554)
- Row actions column is not resizable anymore. (APPDEV-12450)
- Expanding all sub-rows via the toggle in the header calls
onOpenSubRowsChange
with the correct value. (APPDEV-12600) - Column settings modal can now be opened programmatically using
openColumnSettings()
. (APPDEV-11760) onActiveRowChange
no longer gets fired twice with new cell interaction pattern. (APPDEV-12541)- Now supports ordering of sub-rows. (APPDEV-11999)
- Log content columns now show an ellipsis if a log line was truncated. (APPDEV-12437)
- With the improved cell interaction pattern, the cell actions menu no longer closes when the mouse pointer moves outside the menu after hovering over it. (APPDEV-12482)
DQLEditor
- Now supports syntax highlighting for array access. (APPDEV-11256)
- Syntax highlighting now supports empty array brackets. (APPDEV-12427)
- No longer crashes for extremely long double-quoted strings on one line (for example, 15 million characters). (APPDEV-12467)
FieldSet
- Adjusted the legend's font size so that it better fits with designs. (APPDEV-12381)
FilterField
- Identifier starting with reserved character is marked as an error. (APPDEV-12256)
- Added key and value suggestions for auto-suggestions. (APPDEV-11704)
- Allows configuring matches-phrase comparator (
~
,!~
) via validator map. (APPDEV-12244)
FormField
- Screen reader now skips reading out "star" when a field is set as required. (APPDEV-12391)
GaugeChart
- The component is now always rendering min, max and value (opt out disabled). (APPDEV-11739)
HelpMenu
- The default implementation of the
about
entry now opens the hub via intent and not via external link. (APPDEV-12619)
HistogramChart
- Some minor styling issues in the
Selection
component were fixed. (APPDEV-11093) - Zoom actions are no longer triggering if the specific chart interaction is not enabled. (APPDEV-12479)
HoneycombChart
- Adding proper vertical center alignment for label and value in the nodes. (APPDEV-12496)
InputGroup
- Adds
InputGroup
component. (APPDEV-12141)
SimpleTableV2
- Columns property is no longer reflected to the DOM. (APPDEV-12549)
SingleValueGrid
- Fix error after passing color: null (APPDEV-12514)
TimeseriesChart
- Adding support for zoom mode in the interactions. (APPDEV-12522)
TimeseriesChart
now is able to show datapoints whilst doing the selection. (APPDEV-11093)- Implemented synchronized selection area. (APPDEV-12097)
- Zoom actions are no longer triggering if the specific chart interaction is not enabled. (APPDEV-12479)
- Introduce custom actions for selection area tooltip. (APPDEV-10807)
- Some minor styling issues in the
Selection
component were fixed. (APPDEV-11093)
XYChart
- Added support for unit and formatter in Logarithmic Axis of XYChart. (APPDEV-12248)
- DotSeries now displays a grid layout in the background. Only applies when RectSeries is not present. (APPDEV-12228)
- Magnifiers now display the correct format for the axes of type time that are reversed. (APPDEV-12432)
1.2.1
HelpMenu
target
property ofHelpMenuLink
entries is properly applied. The default of thetarget
is set to_blank
. (APPDEV-12030)
1.2.0
@dynatrace/strato-components
was updated to version1.2.0
.
Core
headingLevel
,HeadingLevel
andHeadingTag
are now deprecated. (APPDEV-12300)
Mock-Data
- Deprecated the mock-data subpackage. (APPDEV-12252)
Overlays
DrawerProps
is now deprecated as it will move to an internal. (APPDEV-12232)
FeatureHighlight
FeatureHighlightActionProps
is now deprecated. (APPDEV-12233)
Modal
modalSizeOptions
constant is now deprecated. (APPDEV-12235)
TerminologyOverlay
TerminologyOverlayFooterProps
are now deprecated. (APPDEV-12237)
Toast
- type
ToastPosition
is now deprecated, prefer literal type. (APPDEV-12196) - Interfaces
useToastNotificationConfig
anduseToastNotificationResult
are now deprecated as they are unused. (APPDEV-12195)
Charts
- Axis magnifiers for
Timeseries
chart are no longer displaced when scrolling. (APPDEV-12102) - Axis magnifiers for
XY
chart are no longer displaced when scrolling. (APPDEV-12102)
Forms
- The
onChange
is now also optional when used in combination withvalue
.
Accordion
- Now the
aria-labelledby
attribute in theAccordion.SectionContent
references the correct label element, and thearia-controls
attribute in theAccordion.Section
trigger is set if the content element is present. (APPDEV-12225)
AppHeader
AppHeader.Menus
is now available to groupHelpMenu
and settings to comply with GUIDE. (APPDEV-12122)
CategoricalBarChart
- Fixed
apdex
andstatus
color palettes not working in color palette's single-mode. (APPDEV-12137)
DataTableV2
- Now the consumers className and style is properly applied to the Toolbar slot component. (APPDEV-12374)
- Now the row details height is calculated properly when expanded. (APPDEV-12358)
- The table is not flickering when sub-rows are configured and the height of the cells is customized. (APPDEV-12257)
- Now, the threshold highlighting works correctly when a value meets multiple threshold rules. (APPDEV-12349)
- Interactive rows are only activated or deactivated when the primary button is clicked. (APPDEV-12423)
- Column type now allows
long
to support large Grail numbers. (APPDEV-12403) - Now when the pageSize is changed the table height is always calculated properly. (APPDEV-12106)
- Columns can now be ordered via drag-and-drop. (APPDEV-9899)
- Visual improvements for row ordering: no more unnecessary scrollbars, adjusted spacings and background colors. (APPDEV-9898)
- The heights of rows are now correctly remeasured when the whole DataTableV2 resizes. (APPDEV-12375)
- Log content columns now provide a
truncationLimit
configuration property, allowing to override or disable the log truncation limit. If not specified, the truncation limit defaults to 1000 characters. (APPDEV-11007) - CSV table download now uses the correct file name in Chrome. (APPDEV-12356)
DateTimePicker
- Opening the calendar while the date selected in the DateTimePicker is invalid no longer duplicates validation error messages. (APPDEV-12444)
ExpandableText
- Space is no longer inserted where there was none. (APPDEV-12360)
FilterField
- When starting to type a value with a $, the correct suggestion type value is now returned in the suggestions callback. (APPDEV-12305)
- Values for specified keys can be restricted using a
FilterFieldValidatorMap
. (APPDEV-11215) - Added error boundary for unhandled exceptions. (APPDEV-10749)
- When operators are configured for a specific filter key (via keyPredicate options), the correct operators are suggested as part of auto suggestions and suggestions callback. (APPDEV-11704)
- Suggestions overlay is now no longer closed when applying suggestions on touch devices. (APPDEV-12242)
- Suggestions inserting a variable are no longer automatically escaped. (APPDEV-12305)
GaugeChart
- Changed SVG display to avoid overflows. (APPDEV-12035)
HelpMenu
whatsNew
,keyboardShortcuts
,playground
andabout
menu entries now provide out of the box behavior when set todefault
. (APPDEV-12126)- The
feedback
entry now also allows to have children.
HistogramChart
- The chart tooltip is now properly supporting the 1st rendering interaction. (APPDEV-12198)
- HistogramChart Annotations no longer passing range numbers converted to integer (APPDEV-12266)
- Styles have been updated on the explore mode (APPDEV-11853)
- Fixed an issue allowing to enable pan mode when disabled. (APPDEV-12368)
- Introduce custom actions for selection area tooltip. (APPDEV-10974)
Modal
- Modal animation now respects
prefers-reduced-motion
media query. (APPDEV-12425)
Page
- The
Panel
component properly resets thewidth
when unmounting. (APPDEV-12298)
SelectV2
- SelectV2 now supports the new validation concept and
FormFieldMessages
(APPDEV-8306) - Prevent interference of scrollbars and overlays in Safari. (APPDEV-11984)
- Options with complex object values are now listed in order of selection. (APPDEV-12119)
TextInput
- Resetting the controlled value to
undefined
no longer leaves one character standing. (APPDEV-12443)
TimeseriesChart
- Enhance styles for zoom and selection area. (APPDEV-12167)
- Fixing error for empty units when showing relative representation on Band variant. (APPDEV-12150)
- Fixed an issue allowing to enable pan mode when disabled. (APPDEV-12368)
TreeMap
- Added support for TreeMap min and max config. (APPDEV-11437)
- Deprecate
valueAccessor
prop and introducenameAccessor
instead. (APPDEV-12250)
XYChart
- Added valueMin and valueMax props for
RectSeries
to specify boundaries for value accessors when required. Only applies for numerical data. (APPDEV-10837) - Adds support for axes of type logarithmic. (APPDEV-11531)
1.1.4
DateTimePicker
- Opening the calendar while the date selected in the DateTimePicker is invalid no longer duplicates validation error messages. (APPDEV-12444)
1.1.3
- Changed peerDependency version range for
@dynatrace-sdk/react-hooks
from>= 0.6.0 < 1
to^1.0.0
. This is a correction patch that fixes a mistake introduced in version 1.0.0.
1.1.2
- Changed peerDependency version range for
@dynatrace-sdk/units
from>= 0.18.11 < 1
to^1.0.2
. This is a correction patch that fixes a bug introduced in version 1.0.0. (APPDEV-12365)
DataTable
- Now correctly applies the highlight limit for columns of type
log-content
. (APPDEV-12408)
TimeframeSelector
- The
parseTimeAsTimeValue
function now only sanitizes rounded timeframe expressions by removing thenow
prefix (e.g. ´now+1d@d´ to ´1d@d´). Relative timeframe values are no longer sanitized. (APPDEV-12365)
1.1.1
HistogramChart
- Fixed chart breaking when trying to pin the tooltip where no data was present. (APPDEV-12337)
1.1.0
@dynatrace/strato-components
was updated to version1.1.0
.@dynatrace/strato-icons
was updated to version1.1.0
.
Core
- Functions
convertEasingTokenToFramerMotion
andcreateFramerMotionTransition
are now deprecated. (APPDEV-12190) - Interfaces for
DesignToken
andNumericDesignToken
are now deprecated as they are no longer used. (APPDEV-12191) hasUncontrolledProp
function is now deprecated. (APPDEV-12192)createDOMRect
function is now deprecated. (APPDEV-12188)isFunction
function is now deprecated. (APPDEV-12194)isElementOverflowing
function is now deprecated. (APPDEV-12193)- The interfaces
CollectionSectionProps
,CollectionElement
,CollectionChildren
,ItemProps
,ItemElement
,Node
are no longer in use. (APPDEV-12184) - Functions
createElevationBoxShadowValue
andcreateElevationFilterValue
are now deprecated. (APPDEV-12187)
Charts
- Add toolbar styles and behaviour improvements. (APPDEV-11679)
- Charts are now taking the whole available space when using the resizer. (APPDEV-11978)
- Series action menu button, in the categorical legend, is now visible when resizing the legend to its minimal size. (APPDEV-11994)
- Axis magnifiers for
Categorical
andHistogram
charts are no longer displaced when scrolling. (APPDEV-12102) - Added support for inverted color palettes. (APPDEV-11850)
Accordion
- Now overflowing CSS styles are not cut off in expanded
Accordion.SectionContent
withkeepMounted
set. (APPDEV-11941)
AppHeader
- It is possible to add a help menu using the
HelpMenu
component. It is automatically aligned to the rightmost side of theAppHeader
by default and can not be realigned. (APPDEV-12030)
CodeSnippet
- Now supports
log
content as a language. (APPDEV-10580)
DataTableV2
- Now, when the row density is changed dynamically, the nested header height updates correctly. (APPDEV-11966)
- Log content columns are now measured correctly on initial render. (APPDEV-12052)
- When ordering rows via drag and drop using the mouse, rows no longer overlap when dragged too fast. (APPDEV-9898)
- Column order now updates if order in column definition changes. (APPDEV-12130)
- Now, when the density of the rows is changed dynamically, the width of the columns is remeasured. (APPDEV-12015)
- The
MeterBarChart
andMultiMeterBarChart
in themeterbar
column now vertically align with the default text. (APPDEV-12110) - Now when the new interaction pattern is activated in the table header, right-clicking on the sorting icon will also open the column actions menu. (APPDEV-11997)
- Date formatter now works again with
undefined
/null
values. - Added
totalRowsCount
prop onDataTableV2.Pagination
to allow displaying "Page X of Y" with server-side pagination. (APPDEV-10257) - Now supports a new column type
currency
. Shall be used in favor of the deprecatedcurrency
units provided in theformatter
property. (APPDEV-10752) - Sub-rows can be deactivated by setting the
subRows
prop tofalse
. - It is now possible to re-order rows in a table using drag and drop. Using the keyboard, the space bar and arrow keys are used. (APPDEV-9898)
- By default interactive rows are now automatically activated on focus using the keyboard. (APPDEV-11670)
- When using pagination, collapsing a sub-row now only collapses the respective sub-row, even after all rows have been expanded via
Expand all subrows
. (APPDEV-12186) - For columns with a width of
content
orauto
, the configuredmaxWidth
is now already considered during measurement. This eliminates flickering. (APPDEV-12052)
DateTimePicker
- Date ranges are now applied correctly to the calendar selector. (APPDEV-12148)
FilterField
- Operators for specified keys can be restricted using a
FilterFieldValidatorMap
. (APPDEV-9535)
HealthIndicator
- Usage no longer produces css related console warning logs. (APPDEV-12227)
HistogramChart
- Enhanced support for touch interactions and introduce swipe gesture. (APPDEV-11930)
- Implement zoom mode on
HistogramChart
. (APPDEV-10981) - Improved ZoomX selection area styling by adding opacity to the sides, enhancing the visibility of the selected portion of the chart. (APPDEV-10762)
HoneycombChart
- The
HoneycombChart
now is able to show labels and values in each node. (APPDEV-11916) - Resolved an issue where automatic color assignment for specific color palettes only functioned with lowercase values. (APPDEV-11980)
Menu
- Now disabled menu items can show tooltips. (APPDEV-11157)
Overlays
now remain open, when selecting a nested menu item. (APPDEV-11935)- Multi-level menu paths are now highlighted, making it easier to see which nested menu was opened. (APPDEV-11449)
Page
- The
keepMounted
prop now works again with simple content. (APPDEV-11075)
Radio
RadioGroup
andRadio
now support the new validation concept andFormFieldMessages
. (APPDEV-8305)
SegmentSelector
- Increased specificity of overwriting styles to ensure the correct styles are applied in an app. (APPDEV-12133)
TextArea
- Now supports the new validation concept and
FormFieldMessages
. (APPDEV-8308)
XYChart
- Resolved an issue where automatic color assignment for specific color palettes only functioned with lowercase values in the
RectSeries
. (APPDEV-11980) - Updated layout and information displayed in the tooltip for
DotSeries
andRectSeries
. (APPDEV-11889) RectSeries
andDotSeries
do now support field names with dot as accessors. (APPDEV-10843)- Displays the proper format for time axes in tooltip. (APPDEV-11808)
1.0.3
- Changed peerDependency version range for
@dynatrace-sdk/react-hooks
from>= 0.6.0 < 1
to^1.0.0
. This is a correction patch that fixes a mistake introduced in version 1.0.0.
1.0.2
- Changed peerDependency version range for
@dynatrace-sdk/units
from>= 0.18.11 < 1
to^1.0.2
. This is a correction patch that fixes a mistake introduced in version 1.0.0. (APPDEV-12365)
DataTable
- Now correctly applies the highlight limit for columns of type
log-content
. (APPDEV-12408)
TimeframeSelector
- The
parseTimeAsTimeValue
function now only sanitizes rounded timeframe expressions by removing thenow
prefix (e.g. ´now+1d@d´ to ´1d@d´). Relative timeframe values are no longer sanitized. (APPDEV-12365)
1.0.1
FilterField
- convertFilterFieldStringWithReservedCharacters util works with reserved characters at the start of the value. (APPDEV-12222)
- Values starting with
$
are not marked as invalid.
1.0.0
General
- Removed deprecated testing subpackage. Please use the
@dynatrace/strato-components-preview-testing
package now. (APPDEV-9460)
In the new package we are no longer re-exporting parts of the @testing-library
package. This means you'll have to import functions like screen
, userEvent
, act
, waitFor
etc directly from @testing-library
and its subpackages.
The render
function is still exported in the testing package, as it makes testing strato components easier.
For more information on how to setup and use @dynatrace/strato-components-preview-testing
please look into package's readme.
Charts
- Removed deprecated exposed ref from the
TreeMap
component. (APPDEV-11401) - Removed deprecated
onZoomChange
prop fromChartInteractions
component. (APPDEV-10475) - Removed deprecated
MeteBarChart.Thresholds
component. (APPDEV-11034) - Removed deprecated exposed ref from the
MeterBarChart
andMultiMeterBarChart
components. (APPDEV-11400)
Core
- Removed
variant
prop fromuseFocusRing
. It can be replaced by usingcolor
. (APPDEV-11668) _focusRingVariants
and_FocusRingVariantType
are now removed, as they were only used internally and were deprecated. (APPDEV-11235)- Text styles based on styled components are now removed. (APPDEV-9822)
Forms
- Removed
getSimplifiedExtendedISOStringFromValue
helper function. (APPDEV-10575)
Typography
- The Typography subpackage has moved to
@dynatrace/strato-components
and is no longer re-exported. (APPDEV-10881)
AnnotationsChart
- Removed
data
prop fromAnnotationsChart.Marker
. (APPDEV-10458)
Chip
- The
variant
prop now uses the union type'neutral' | 'primary' | 'success' | 'warning' | 'critical'
instead of the removedRoleVariantType
. (APPDEV-11235)
CodeSnippet
- Removed
codeSnippetLanguages
type in favor of the inlined string literal. (APPDEV-11647)
DataTableV2
onExpandedRowsChange
andonSubRowsChange
parameters now emit onlyRecord<string, boolean>
. Typetrue
was removed. (APPDEV-11608)- Removed
TableActionMenu
. Please useTableActionsMenu
instead. (APPDEV-11961) - Now if you want to enable and use the column ordering feature within the table you have to set a new flag prop
columnOrdering
to true. (APPDEV-11662) TableRowActionMenu
is now removed. You can use theMenu
component or any other elements to define your row actions. (APPDEV-11954)- Remove the deprecated
pageSize
andpageIndex
properties from thepagination
property of the import/export configuration functionality. (APPDEV-10685)
DatePicker
- Removed
DatePicker
. Please useDateTimePicker
instead. (APPDEV-11848)
DateTimePicker
- Removed
show
andhide
functions from ref. Please useopen
andclose
instead.
FilterField
- Removed
tokenValue
prop fromFilterFieldListNode
andFilterFieldErrorNode
. (APPDEV-10711) - Removed deprecated props
isEscaped
andoperator
from typeFilterFieldStringNode
. (APPDEV-10084) - Ranges are optional when calling the
convertFilterFieldTreeToString
function. This also means that the spaces in the resulting string may differ from the spaces in the originalFilterField
statement. (APPDEV-11190) - Additional characters have been added to the list of reserved characters. The grammar now no longer detects reserved characters as part of a key / value automatically when starting with a letter. Reserved characters always have to be escaped when used inside a key / value.
These character are now reserved: =
, <
, >
, !
, (
, )
, *
, ,
, \
, "
, $
, :
, [
, `
- An empty list following an inclusion operator is now marked as invalid. (APPDEV-11799)
- The
FilterField
component now allows statements without space in between the key, operator, and value. For example,a=b
now yields the same syntax tree asa = b
. (APPDEV-11022, APPDEV-11017) - Changed the ref to a
FormControlWithOverlayRef
, which also includes avalidate
function. The original element of the ref can be accessed viaref.element
. Be aware, it also no longer shows the error initially. In case you need the initial error highlighting, callref.current?.validate()
in auseEffect
that only runs on the initial render. (APPDEV-11127)
HealthIndicator
- Removed
variant
prop in favor of the automatic detection of the background color. (APPDEV-11668)
HistogramChart
- Removed
priority
prop fromHistogramAnnotations.Track
andvalue
prop fromHistogramAnnotations.Marker
. (APPDEV-10458) HistogramThresholdPosition
andHistogramThresholdData
renamed toNumericalThresholdPosition
andNumericalThresholdData
. These were deprecated and now are removed. (APPDEV-10785)
InformationOverlay
- Removed
variant
prop. Please use thecolor
prop instead. (APPDEV-11668)
Menu
- Removed deprecated
MenuItemTooltipWrapperProps
. (APPDEV-11010)
SegmentSelector
- Changed ref to a
FormControlWithOverlay
-ref, to enable form control features like validate, open, close, etc. (APPDEV-11074)
TextArea
- Set default width to full. A migration has been provided. (APPDEV-10375)
TimeframeSelector
TimeframeStepper
is now enabled by default. If you need to disable it, you can setstepper={false}
. (APPDEV-11599)
TimeseriesChart
- Remove
priority
prop fromTimeseriesAnnotations.Track
anddata
prop fromTimeseriesAnnotations.Marker
. (APPDEV-10458) TimeseriesThresholdPosition
andTimeseriesThresholdData
renamed toDateThresholdPosition
andDateThresholdData
. These were deprecated and now are removed. (APPDEV-10785)- Removed deprecated
SynchronizationProvider
component in favor ofSharedChartInteractions
. (APPDEV-11045)
Tooltip
- Changed its background color to a light shade. In case you are using custom color styles within the
Tooltip
they might need to be adjusted. (APPDEV-11668)
- Changed peerDependency version range for
@dynatrace-sdk/app-environment
from^1.0.0
to^1.1.0
. (APPDEV-11243) - Changed peerDependency version range for
@dynatrace-sdk/client-filter-segment-management
from^1.0.0
to^1.4.0
. (APPDEV-11243) - Changed peerDependency version range for
@dynatrace-sdk/client-notification
from^1.7.0
to^1.8.1
. (APPDEV-11243) - Changed peerDependency version range for
@dynatrace-sdk/navigation
from^1.2.1
to^1.3.0
. (APPDEV-11243) - Changed peerDependency version range for
@dynatrace-sdk/client-query
from^1.3.0
to^1.17.0
. (APPDEV-11243) - Changed peerDependency version range for
@dynatrace-sdk/error-handlers
from^1.0.0
to^1.3.1
. (APPDEV-11243) - Changed peerDependency version range for
@dynatrace-sdk/user-preferences
from^1.1.0
to^1.1.1
. (APPDEV-11243) @dynatrace/strato-components
was updated to version1.0.0
.@dynatrace/strato-design-tokens
was updated to version1.0.0
.@dynatrace/strato-icons
was updated to version1.0.0
.
0.117.73
DataTable
- Now correctly applies the highlight limit for columns of type
log-content
. (APPDEV-12408)
0.117.72
DataTable
- Log content columns are now measured correctly on initial render. (APPDEV-12054)
0.117.71
General
- Restored types for the
@dynatrace/strato-components-preview/testing
subpackage.
0.117.70
@dynatrace/strato-components
was updated to version0.85.120
.
FieldSet
- Deprecated
legend
prop. (APPDEV-8564)
XYChart
- Deprecated
HeatmapSeries
. UseRectSeries
instead.
Charts
- All the visualizations containing a legend are now initializing with the optimal size when the ratio is set to auto. (APPDEV-11775)
- Added aria-labels to the panning control buttons for
Timeseries
andHistogram
. (APPDEV-11840)
Core
- The
useRovingFocus
hook is now correctly updating the tab indices and re-renders when a roving item is added or removed from the roving group. (APPDEV-11732)
Overlays
- Corrected return type of
useOverlayWithTrigger
hook to reflect the currently returned props.
CategoricalBarChart
- Now, the visualization supports log scale. (APPDEV-11044)
DataTableV2
- When a page is empty,
pageIndex
is updated to the last page that contains data. (APPDEV-11981) - Row actions now allow custom menu triggers again. (APPDEV-11971)
DataTableV2
now supports two different selection behaviors for subrows:cascading
(default) andindividual
. This can be configured via theDataTableV2Props.subRows.selectionBehavior
prop. (APPDEV-9982)- Column settings trigger can now display a custom label. (APPDEV-10078)
- Columns with
width: 'content'
maintain a consistent width withfullWidth
enabled and periodic sizing. (APPDEV-11846) - For uncontrolled usage, column order is now reset once column definition changes. (APPDEV-11921)
- The height does not grow infinitely when displaying a single row and hiding the headers. (APPDEV-11909)
- Position of the context menu in the
DataTableV2
is correct again. onPageIndexChange
now includes whether user interaction or an internal update triggered the change. (APPDEV-11981)- New row interactivity now works on spacer column. (APPDEV-11832)
- Improved rendering performance for interactive rows.
DQLEditor
- Now suggestions are not cut off when wrapping the
DQLEditor
in a transformed element. (APPDEV-11361)
HistogramChart
- Added some improvements to log scale. (APPDEV-10948)
Histogram
show selected data points while selecting area. (APPDEV-11167)- Introduce Select interaction. (APPDEV-10973)
HoneycombChart
- Now honeycomb set a default color instead of removing tiles out of the boundaries of min, max. (APPDEV-11413)
TimeframeSelector
TimeframeSelector
now has improved aria labelling and no longer applies wrongaria-describedby
attribute. (APPDEV-11977)
XYChart
- Renamed
HeatmapSeries
toRectSeries
,HeatmapSeries
is now deprecated. (APPDEV-11566) - Tooltip now displays the closest point on the
DotSeries
. (APPDEV-11612)
0.117.67
DataTable
- Now correctly applies the highlight limit for columns of type
log-content
. (APPDEV-12408)
0.117.66
DataTable
- Log content columns are now measured correctly on initial render. (APPDEV-12054)
0.117.65
DataTableV2
- Row actions now allow custom menu triggers again. (APPDEV-11971)
0.117.64
General
- Version only bump to align
framer-motion
dependency version with@dynatrace/strato-components-preview-testing
.
0.117.63
TimeframeSelector
- Now the Calendar selects the correct timeframe in dd.mm.yyyy format. (APPDEV-11947)
0.117.62
DataTableV2
- Opening a header contextmenu no longer crashes the DataTableV2. (APPDEV-11867)
0.117.61
DataTableV2
- Position of the context menu in the DataTableV2 is correct again.
0.117.60
- Changed peerDependency version range for
@dynatrace-sdk/units
from>= 0.18.3 < 1
to>= 0.18.11 < 1
. @dynatrace/strato-components
was updated to version0.85.110
.
Overlays
- Deprecated
OverlayWithTriggerProps
return type ofuseOverlayWithTrigger
hook, as well as the nested typeOverlayTriggerProps
. The hook only returns a subset of the deprecated type and this is now reflected in the new type. (APPDEV-11549)
General
useBreakpoint
hook now has better SSR support.
Charts
- Toolbar design updated. (APPDEV-10679)
- Collapsed toolbar now does not prevent
Escape
actions from being triggered on other elements. (APPDEV-11650) Treemap
now supports custom width via props. (APPDEV-11072)
Content
KeyboardShortcut
andHealthIndicator
now inherit theContainer
's color, if used inside it.
Core
useFocusRing
now has a propcolor
that replaces the deprecatedvariant
and only allows'neutral' | 'primary' | 'success' | 'warning' | 'critical'
colors, asonAccent
will be removed.
Editors
- Chrome issue with inputs being blocked after switching
Tabs
when being focused in anEditor
is now fixed. (APPDEV-11439)
Navigation
- The controlled version of the
Tabs
component now functions correctly.Tabs
can be blocked and unblocked usinguseBlocker
without causing any unexpected behavior. (APPDEV-11206)
AnnotationsChart
- Supporting multiple emojis with multiple characters. (APPDEV-11552)
- A bug was solved when a marker falls out of the bounds and the tooltip was still shown. (APPDEV-11590)
AppHeader
AppNavLink
no longer receives active underline when polymorphed to a react-router-domNavLink
. (APPDEV-11665)isSelected
prop applies active styles correctly again. (APPDEV-11666)
DataTableV2
- The
fullHeight
prop is now available for controlling whether to take up the full parent container height. (APPDEV-10677) - Empty table cells are now represented as empty strings in exported CSV table data. (APPDEV-11672)
- Default alignment based on the column type and
rowDensity
styling are applied properly when rendering custom (default) cells. (APPDEV-10671) ColumnSettingsModal
search now follows more relaxed matching. (APPDEV-11798)- Expose
scrollToRow
function onDataTableV2Ref
for imperative scrolling. (APPDEV-10394) - Selection behavior is disabled for interactive cells when using a touch device. (APPDEV-11371)
- Rows are now remeasured once column visibility, column size or page index change. (APPDEV-11745)
- Line wrap icon in
DataTableV2.Toolbar
now shows a tooltip on hover. - Markdown columns now support custom component mappings to override the default rendering behavior. (APPDEV-10618)
- Ensure row selection prefix column is only added once. (APPDEV-11686)
- Ensure row actions suffix column is only added once. (APPDEV-11828)
- Improved general render performance. (APPDEV-11735)
- Header cell rendering performance is now improved. (APPDEV-11436)
- It is now possible to select or deselect multiple rows at once by pressing the
Shift
key while selecting an end row.(APPDEV-8821)
DonutChart
- Replaced display of slashed zero with regular zero. (APPDEV-11309)
DQLEditor
- Only DQL commands are now properly highlighted. (APPDEV-11613)
FilterField
- Aria-label is no longer duplicated. (APPDEV-11655)
- Chrome issue with inputs being blocked after switching
Tabs
when being focused in aFilterField
is now fixed. (APPDEV-11439) - Keys can be restricted in the
FilterField
using aFilterFieldValidatorMap
. (APPDEV-9533) - Statement with list at the end is not automatically valid anymore. (APPDEV-11634)
GaugeChart
- Replaced display of slashed zero with regular zero. (APPDEV-11309)
HistogramChart
- Now browser zoom (by mouse shortcut) is prevented when zoom interaction is defined, loading state is active and user is hovering the chart. (APPDEV-11432)
HoneycombChart
- Fix an instance where nodes could not be hovered. (APPDEV-11287)
- Hide
HoneycombChart
tiles with non-valid values. (APPDEV-11577)
InformationOverlay
InformationOverlay
now inherits theContainer
's color, if used inside it.- Now supports a custom icon.
MeterBarChart
- Added
auto
value to the size property.
SegmentSelector
- No longer removes faulty segments automatically and shows respective errors when wrapped in a
FormField
. (APPDEV-11467)
SelectV2
- Opening a select with a
Select.Filter
that is used outside thePage
component no longer causes scrolling. (APPDEV-11761)
Sheet
- Now emits
animationDone
event after animation is complete. (APPDEV-11596)
SingleValue
- Replaced display of slashed zero with regular zero. (APPDEV-11360)
Sparkline
- Reduce the size of standalone datapoints on smaller charts. (APPDEV-11753)
TimeframeSelector
- Now the
TimeframeSelector
sanitizes the expression to remove thenow
prefix (e.g.now+1h
to1h
). (APPDEV-11731) - Days before the introduction of CET are now handled properly. (APPDEV-11695)
- Add a link to user documentation in the
TimeframeSelector
overlay. (APPDEV-11541) - Now all
SpinButtons
can be selected at the same time. (APPDEV-9528)
TimeseriesChart
- Now browser zoom (by mouse shortcut) is prevented when zoom interaction is defined, loading state is active and user is hovering the chart. (APPDEV-11432)
- Prevent
TimeseriesChart
from applying unnecessary opacity when x-zoom is performed. (APPDEV-11354)
Toast
TextEllipsis
is now applied correctly when used inside aToast
container. (APPDEV-11649)
XYChart
- Added
DotSeries
component. (APPDEV-11568)
0.117.53
TimeframeSelector
- Now the Calendar selects the correct timeframe in dd.mm.yyyy format. (APPDEV-11947)
0.117.52
DataTableV2
- Opening a header contextmenu no longer crashes the DataTableV2. (APPDEV-11867)
0.117.51
DataTableV2
- Header cell rendering performance is now improved. (APPDEV-11436)
FilterField
- Closing parentheses are detected as part of a value again when the value starts with escaped characters. (APPDEV-11389)
0.117.50
- Changed peerDependency version range for
@dynatrace-sdk/navigation
from>= 1.0.0
to>= 1.2.1
. @dynatrace/strato-components
was updated to version0.85.100
.@dynatrace/strato-icons
was updated to version0.39.4
.
Content
- Deprecated
variant
prop fromHealthIndicatorProps
andcolor
fromKeyboardShortcutProps
as they will be removed and will be automatically detected when used inside a container.
Core
- The
variant
prop from theUseFocusRingProps
and_UseFocusRingProps
is also now deprecated and will be replaced by'neutral' | 'primary' | 'success' | 'warning' | 'critical'
.
DataTableV2
- Deprecated
disableColumnHiding
on group columns. (APPDEV-11410)
Overlays
- Deprecated the
variant
prop fromInformationOverlayBaseProps
, as it will be removed in favor of thecolor
prop.
General
- Increased the peerDependency version range of
@dynatrace-sdk/navigation
to^1.2.1
, since theSegmentSelector
relies on a newly delivered feature of that sdk.
Charts
- Allocate correct space for long y-axes labels. (APPDEV-11570)
CategoricalBarChart
- Added truncation mode (
start
,middle
andend
) to the axis. (APPDEV-9992)
ChipGroup
- Polymorphed
Chip
onClick
is only called once when used inChipGroup
. (APPDEV-11373)
DataTable
- Now properly handles literal zero values in columns with
bit
type. (APPDEV-11496) - Do not throw an error when using controlled sort on column with
disableSortBy
set to true. (APPDEV-11523)
DataTableV2
- The column type
sparkline
can now be configured to display value indicators. (APPDEV-10917) - Exported CSV table data now includes sub-rows. (APPDEV-5577)
- Fixed width can now be set on parent columns. (APPDEV-11409)
- Cell rendering performance is now improved by memoizing the underlying cell component. (APPDEV-11436)
- Now properly handles literal zero values in columns with
bit
type. (APPDEV-11508) data-subrow-depth
is now exposed on a cell to indicate the nesting level of a row. (APPDEV-11059)- Navigating via
Page Up
andHome
keys now scrolls the respective row fully into view. (APPDEV-11374) - Now provides a built-in cell action
TableActionsMenu.CopyItem
, enabling users to copy cell values to clipboard. (APPDEV-10525) - Sub-menus and link items can now be configured within column and cell user actions by leveraging specific slot components. (APPDEV-9866)
- Now the
DataTableV2.SelectionChip
only shows the number of selected rows that are available for selection. (APPDEV-11510) - Implicitly set
disableColumnHiding
to true on group columns if one child column has it set to true. (APPDEV-11410) - Vertical dividers do not cause a scrollbar anymore. (APPDEV-11574)
- Now provides built-in table action menu groups and labels to semantically group menu items. (APPDEV-10525)
- In a custom cell renderer the
format
function will now emit a stringified version of the original value if no valid formatter was applied. - Column resizing now also works with touch interaction. (APPDEV-10897)
- Now the table's height is calculated correctly and the scrollbar is only shown when necessary. (APPDEV-11319)
- Conditional render of
DataTableV2.Pagination
is now supported. - Fixed crash when no children are provided to the
TableActionsMenu
.
DateTimePicker
- Fixes validation when a required, missing value becomes valid by selecting a date from the calendar. Also removes duplicate error. (APPDEV-11289)
FilterField
LogicalOperator
s with an invalid usage or position have the typeError
.- Removes gap between an incomplete
FilterField
statement and the button to delete the statement. (APPDEV-11340) - Logical operator
AND
is not automatically returned as an error node in theconvertStringToFilterFieldTree
function. (APPDEV-11295)
GaugeChart
- Now the visualization is public.
- Thresholds now supports colors.
HealthIndicator
- Added support for labels with
<HealthIndicator.Label>
. (APPDEV-10409)
HistogramChart
- Fixed the behavior after pinning a point and tooltip. After a pan or brush action, the point will now unpin as expected.
HoneycombChart
- Fixed space allocation for
HoneycombChart
tooltip value. (APPDEV-11318)
Menu
data-testid
can now be set forMenu.Content
. (APPDEV-11561)
Page
- Fixed page initial animation by hiding it until styles are available. (APPDEV-11471)
- Outlets now work when using the
keepMounted
prop. (APPDEV-11075)
SelectV2
- The
SelectV2
component no longer moves the focus between the filter input and hidden input, which enables proper text selection inside the filter. (APPDEV-9635) - Now disabled trigger has
not-allowed
cursor style. (APPDEV-11333)
Sparkline
- Fixed Sparkline log scale and context values. (APPDEV-11090)
Tabs
Editors
andFilterField
can now be used in combination withTabs
without blocking any input. (APPDEV-11439)
TimeframeSelector
- The steps of the
TimeframeStepper
depend on how the date was set. If the timeframe was selected via calendar previously it moves by whole days, otherwise by the exact time difference. (APPDEV-10736)
TimeseriesChart
- Fixed the behavior after pinning a point and tooltip. After a pan or brush action, the point will now unpin as expected.
- Improved precision of tooltip hovering over the datapoints. (APPDEV-11177)
0.117.41
TimeframeSelector
- Now the Calendar selects the correct timeframe in dd.mm.yyyy format. (APPDEV-11947)
0.117.40
- Added
@dynatrace/strato-design-tokens
as a peer dependency with version range~0.20.0
. - Added
@dynatrace/strato-icons
as a peer dependency with version range~0.39.0
. @dynatrace/strato-components
was updated to version0.85.90
.
General
- Moved
@dynatrace/strato-design-tokens
and@dynatrace/strato-icons
to peerDependencies and relaxed the version range. (APPDEV-9911) - Classnames for components now contain a version number to avoid conflicts if apps happen to have more than one version of the design system running.
Charts
- Fixed dark theme color not being applied on charts. (APPDEV-11070)
- Now
Heatmap
subcomponents detect data provided as arrays of series properly. (APPDEV-10709)
Editors
- Improved performance of editors for long contents. (PAPA-22071)
DataTableV2
- Columns of type
log-content
will now only highlight the first 1000 characters. - The
rowId
androwIndex
properties are now accessible withinDataTableV2.RowActions
. - The sparkline
columnType
now supports thebar
variant. (APPDEV-10400) - Fixed a
maximum update depth exceeded
error which occurred in certain conditions. (APPDEV-11032)
DonutChart
- Added unique
data-testid
to donut chart. Exposeddata-testid
to the consumer. (APPDEV-11227)
FilterBar
- Now keeps the pinnedState for
Filterbar.Item
s properly. (APPDEV-11229)
FilterField
- A key / value starting with
in
is now correctly detected as string instead ofInclusionOperator
.
GaugeChart
- Now supports responsive threshold indicators.
HistogramChart
- Fixed threshold indicators missing on initial zoom when infinite zoom is active. (APPDEV-11285)
MeterBarChart
- Both Single and Multi now support new element
ref
interface. (APPDEV-10996) - Added unique
data-testid
to single meter bar and multi meter bar. Exposeddata-testid
to the consumer. (APPDEV-11227)
NotifyButton
- Creating a notification now triggers an error toast when the limit is reached.
Page
- Fixed the animation disabling of the
Drawer
when the reduced motion setting is enabled. (APPDEV-10763)
PieChart
- Added unique
data-testid
to pie chart. Exposeddata-testid
to the consumer. (APPDEV-11227)
SegmentSelector
- Now opens the segments management app as addon. (APPDEV-9533)
Sparkline
- Reduced height of context value labels. (APPDEV-11414)
TimeseriesChart
- Fixed
Timeseries
crash with a combination of relative values and no custom unit. - Fixed threshold indicators missing on initial zoom when infinite zoom is active. (APPDEV-11285)
TreeMap
- Added unique
data-testid
to treemap chart. Exposeddata-testid
to the consumer. (APPDEV-11227) - Added support to new element
ref
interface. (APPDEV-10997)
0.117.30
Core
- Added new theme for log content highlighting. (APPDEV-10398)
DataTableV2
- Sorting of columnType:
number columns
is now correct when data is passed as string. - Converted certain properties from types to interfaces.
- In the column settings modal, long column names with no spaces are now wrapped properly.
MeterBarChart
- SingleMeterBar supports negative values.
- Make color prop optional.
- Added react node support to labels value.
TimeframeSelector
- Error message for outside range values now respects default precision.
0.117.20
@dynatrace/strato-components
was updated to version0.85.80
.
DataTable
- The
DataTable
is now deprecated in favor of theDataTableV2
.
SegmentSelector
- Deprecated
updateSegmentVariables
, since segments should be changed as a complete segment e.g. by setting them with thesetSegments
function.
SimpleTable
- The
SimpleTable
is now deprecated and will be replaced by theSimpleTableV2
.
Charts
- The tooltip now properly calculates the best size for the body when there is a scrollbar and the virtualizer is disabled.
Sparkline
- Add log scale for linear and area variants.
Tabs
- With this update, you can now block tab switching using the
useBlocker
hook from react-router-dom without causing the 'Maximum update depth exceeded'-error.
Accordion
- Expanded state is now fully controllable in single mode as well.
CodeSnippet
- Now supports proper syntax highlighting for DQL strings containing escaped quotes, backticks, and backslashes.
- The line number, content, and copy button are now horizontally aligned when there is only one line of content in condensed mode.
convertToColumnsV2
- Generated columns now all have a width of
content
applied. FieldTypeType.Duration
now receives a default nanosecond formatter with a cascade.
DataTable
- Download page and selection data works now with virtualization (uninitialized rows).
DataTableV2
- Date instances are now correctly sorted by default in default column types.
- Details column no longer gets added multiple times.
- When hiding columns the
SubRow
-indicator-button now adjusts the column content correctly. DataTableV2.LineWrap
can now be used in theDataTableV2.Toolbar
for table wide line wrap control.- Updating the column definition now invalidates the column accessors cache avoiding access to stale data.
- On columns with fractional widths,
minWidth
property is now respected. - Nested header row height is now correct during long loading data scenarios.
- Column sizes are now calculated correctly on initial render when columnDef width is
auto
and theDataTableV2
is notfullWidth
. - Row virtualization no longer leaves additional empty space at the end of the container.
- When ‘Expand all SubRows’ is triggered, all disabled sub rows will now remain collapsed.
- Ensure correct alignment for log-content columns.
- The table now re-renders correctly whenever the initial columns prop is updated.
- Data can now be downloaded programmatically.
- Manual sorting configuration is now correctly reset if property configuration changes.
- Expanding the row details on a
DataTableV2
that is not full width no longer expands the width of the entire table.
DateTimePicker
- In weeks after a daylight savings change, the DateTimePicker no longer shows two Sundays.
- Selecting the first day of the month now works correctly.
DateTimePicker
now works in Safari when using time only mode.
DQLEditor
- Added
onValidationStart
andonValidationEnd
callbacks. - Added support for proper syntax highlighting for nested property access.
FilterField
- Updated validation flow to improve UX.
- Parentheses are now included in the node value when inside double quotes.
tokenValue
prop is now included in list nodes again.- Cursor position is now correct in Safari.
- Values are no longer detected as numbers if they have multiple decimal separators.
GaugeChart
- Now supports auto-scaling.
HistogramChart
- Added support for panning controls in the bottom axis.
- Fixed an issue where the chart plot could not be focused using the keyboard, which prevented shortcuts from working.
KeyboardShortcut
- Added mappings for the minus, multiply and divide aliases that can be used as the keyboard shortcuts binding.
Menu
- Height of menu content is now adjusted to the available space.
- Menu items are styled correctly on focus and hover.
MessageContainer
- Added
MessageContainer
component.
PieChart
- Improved Pie and Donut charts labels.
SegmentSelector
SegmentSelector
allows multiple empty selects.SegmentSelector
now works with native forms.- The
SegmentSelectorProvider
only updates thedefaultSegments
of the provider on mount.
SimpleTableV2
- Introduces
SimpleTableV2
as a successor to theSimpleTable
.
SingleValue
element
prop is now added to the exposed ref.
TimeframeSelector
- Added tooltip to the
TimeframeSelector
trigger. - Display
@d -> +1d@d
asFull day
andnow -> +1d@d
asRemaining day
. - Added timeframe-stepper. This now allows the user to move the timeframe backwards and forwards. CAUTION: This feature is opt-in initially, with the default set to false. In the next breaking change release, it will become an opt-out feature, with the default set to true. Please prepare your integrations accordingly.
TimeframeSelector
no longer automatically submits an invalid value that is corrected and becomes valid. The value needs to be submitted either via keyboard or clicking the apply button.
TimeseriesChart
- Exposed
SharedChartInteractions
and deprecatedSynchronizationProvider
in its favor. - Fixed an issue where the chart plot could not be focused using the keyboard, which prevented shortcuts from working.
ToggleButtonGroup
- Styling no longer breaks when wrapping
ToggleButtonItems
in a tooltip.
0.117.12
General
- Removed unnecessary moduleNameMappers for date-fns.
0.117.11
General
- Added missing moduleNameMappers for date-fns.
FilterField
tokenValue
prop is now included inFilterField
list nodes again.
0.117.10
@dynatrace/strato-components
was updated to version0.85.70
.
General
- Testing subpackage exports are now marked as deprecated. Please use
@dynatrace/strato-components-preview-testing
instead.
Content
- Fixed Markdown list item moving to next line in Firefox, when there are two newlines in the content.
AnnotationsChart
- Removed group number limit on the markers.
DataTable
Button
components are now aligned correctly in custom cell renderers.- Only the first 1000 characters of a log-content string will be highlighted to enhance the table's performance.
- Custom cells now render
TerminologyOverlay
items correctly.
DataTableV2
null
is no longer treated as a valid date incolumnType: 'date'
columns.- Header heights are now calculated correctly when the incoming data changes at runtime.
- Resizable tables now initially calculate their width correctly when not in fullWidth mode.
- The color of the SubRow expander button in the header now aligns with the font-color of the header cells.
- Column resizing performance has been improved.
- Log content cells now use monospace font.
- Font style can now be controlled on a column level.
alignment
in column definition forlog-content
columns now behaves correctly in syntax-highlighted cells.- Row actions now fit properly into condensed rows.
DQLEditor
- Autocompletion suggestions now remain open when numbers are typed.
- Tooltip is now displayed properly inside an Accordion in a Page.
FilterField
- a11y props are now cleaned up and aria labeling is fixed.
GaugeChart
- Now supports label formatting.
- Now supports shared configurations.
HoneycombChart
- Applying custom formatting for custom color palettes.
InformationOverlay
- The
aria-label
on theInformationOverlay.Trigger
now only defaults when no trigger text is provided.
Menu
Menu
item tooltip now remains open when hovered, providing convenient access to interactive content.
MeterBarChart
- Does not support wrapper for Threshold slots.
Page
- Fixed visual glitch in the initial animation of the
Page
and fixed disabling animations in theDrawer
.
SegmentSelector
- Added tooltip for the
SegmentSelector
button.
TimeseriesChart
- Removed synchronized pinned state for synchronized cross-hairs.
0.117.3
General
- Removed unnecessary moduleNameMappers for date-fns.
0.117.2
General
- Added missing moduleNameMappers for date-fns.
FilterField
- Rounded brackets are now included in the node value when inside double quotes.
tokenValue
prop is now included inFilterField
list nodes again.
0.117.1
General
- Fixed migration path in package.json dt entry.
0.117.0
Buttons
-
The following components and props have been removed from
@dynatrace/strato-components-preview/buttons
and moved to@dynatrace/strato-components/buttons
: -
Button
-
ButtonLabelProps
-
ButtonOwnProps
-
ButtonPrefixProps
-
ButtonProps
-
ButtonSuffixProps
-
IntentButton
-
IntentButtonProps
-
IntentButtonPropsBase
-
IntentButtonRecommendAppProps
Additionally, the following have been removed:
_AriaBaseButtonProps
_useButton
AriaButtonProps
ButtonAria
colorOptions
ColorOptionsType
variantOptions
VariantOptionsType
A migration has been provided for the Button
component. The IntentButton
no longer has a default label. If you want to display “Open with” you will need to pass it as a child element. Additionally, the iconOnly
prop has been removed.
Charts
- Removed
resizable
property fromLegend
props.
Conversion-Utilities
- Removed deprecated
cellRenderer
and associated types.
Core
-
ConvertCSSPropertiesToStyled
has been removed. -
The following components and props have been removed from
@dynatrace/strato-components-preview/layouts
and moved to@dynatrace/strato-components
: -
AriaDisabledProps
-
AriaLabelingProps
-
DataTestId
-
DOMProps
-
FlexItemStyleProps
-
FlexStyleProps
-
GapProps
-
GridFlexPositionProps
-
GridItemStyleProps
-
GridStyleProps
-
LayoutSizeProps
-
PolymorphOwnProps
-
PolymorphProps
-
PolymorphicComponentProps
-
ProgressBar
-
ProgressBarDensity
-
ProgressBarIconProps
-
ProgressBarLabelProps
-
ProgressBarProps
-
ProgressBarValueProps
-
ProgressCircle
-
ProgressCircleProps
-
ProgressCircleSizeOptionsType
-
roleVariants
-
RoleVariantType
-
SpacingProps
-
StylingProps
-
useBreakpoint
-
useCurrentTheme
-
WithChildren
.
Additionally, the gapSizes
property has been renamed to spacingProperties
, and GapSize
has been renamed to SpacingProperties
. Both have been moved to @dynatrace/strato-components/styles
.
The following have been removed:
DefaultSpacingProps
FocusContextProps
FocusProvider
FocusScope
FocusScopeProps
FocusableElement
getFirstFocusableChild
getLastFocusableChild
isBrowser
isFocusable
Modality
mulberry32
_attemptFocus
_focusFirstDescendant
_mergeProps
_NullToObject
_TupleTypes
_UnionToIntersection
_useAriaLabelingProps
_useFocusContext
useId
useIdProps
useSafeForwardProps
UseSafeForwardReturnProps
uuidv4
A migration is provided.
Layouts-Core
-
The following components and props have been removed from
@dynatrace/strato-components-preview/layouts-core
and moved to@dynatrace/strato-components/layouts
:Container
ContainerOwnProps
ContainerProps
Flex
FlexOwnProps
FlexProps
Grid
GridOwnProps
GridProps
LayoutProps
LayoutSizeCSS
PaddingDetailOptionsType
PaddingShortHandSyntax
PaddingSimpleOptionsType
paddingOptions
spacingSizeOrder
Surface
SurfaceOwnProps
SurfaceProps
The following have been moved to
@dynatrace/strato-components/content
:Skeleton
SkeletonProps
SkeletonText
SkeletonTextProps
Additionally, the
PaddingProps
andMarginProps
properties have been renamed toSpacingProps
. TheSpacingSize
property is nowSpacingProperties
, andspacingSizes
has been renamed tospacingProperties
. Those have been moved to@dynatrace/strato-components/styles
.A migration is provided.
Styles
-
The following components and props have been removed from
@dynatrace/strato-components-preview/styles
and moved to@dynatrace/strato-components/styles
:FlexItemStyleProps
FlexStyleProps
GapProps
GridFlexPositionProps
GridItemStyleProps
GridStyleProps
LayoutSizeProps
SpacingProps
Additionally,
DefaultSpacingProps
has been removed. A migration is provided.
AppName
AppName
is now removed. Please use thegetAppName
from '@dynatrace-sdk/app-environment' or theAppHeader
instead.
Checkbox
- Removed
CheckboxBaseProps
,CheckboxControlledProps
, andCheckboxUncontrolledProps
in favor ofCheckboxProps
.
DateTimePicker
- The
value
of theDateTimePicker
now also accepts aTimeValue
. - The value returned in the
onChange
callback is nowTimeValue | null
. - Removed
DateTimePickerControlledProps
,DateTimePickerUncontrolledProps
,DateTimePickerBaseProps
, and the deprecatedreadonly
prop.
Divider
- Removed deprecated
Divider
, it's now available in@dynatrace/strato-components
.
FilterField
- The
FilterFieldListNode
now includesFilterField
tree nodes in the value array instead of just strings. - Removed deprecated
FilterFieldNodeRange
type. - Removed
FilterFieldRangeNode
type. - Removed
FilterFieldLikeOperatorNode
type.
NumberInput
- Removed
NumberInputControlledProps
,NumberInputUncontrolledProps
, andNumberInputLimitProps
.
PasswordInput
- Removed
PasswordInputControlledProps
, andPasswordInputUncontrolledProps
in favor ofPasswordInputProps
.
RadioGroup
- Removed
RadioGroupBaseProps
,RadioGroupControlledProps
, andRadioGroupUncontrolledProps
in favor forRadioGroupProps
.
Section
- Removed deprecated
Section
and associated types.
Select
- Removed
SelectValueControlledProps
, andSelectValueUncontrolledProps
in favor ofSelectProps
.
Switch
- Removed
SwitchBaseProps
,SwitchControlledProps
, andSwitchUncontrolledProps
in favor ofSwitchProps
.
Text
- Removed deprecated
Text
, it's now available in@dynatrace/strato-components
.
TextArea
- Removed
TextAreaBaseProps
,TextAreaControlledProps
, andTextAreaUncontrolledProps
in favor ofTextAreaProps
.
TextInput
- Deprecated unused helper props of the TextInput. They can be replaced by picking from the TextInputProps directly.
TimeframeSelector
- Helper props of the
TimeframeSelector
are now deprecated and can be picked from theTimeframeSelectorProps
instead.
@dynatrace/strato-components
was updated to0.85.60
.@dynatrace/strato-icons
was updated to0.39.3
.@dynatrace-sdk/units
peer dependency range was updated to>= 0.18.3 < 1
.@dynatrace-sdk/react-hooks
peer dependency range was updated to>= 0.6.0 < 1
.@dynatrace-sdk/client-notification
peer dependency range was updated to^1.7.0
.
Charts
SeriesActions
now support links.- Hide overlays (
Tooltip
,Toolbar
,Crosshair
...) when hovering charts. - Fixed race condition in Annotations, which will make icons disappear in some cases when they changed their reference in memory.
AnnotationsChart
- Fixed collapsing x-axis when tracks have no markers.
DataTable
- Line wrapping should now function correctly with the custom-rendered default cell.
DataTableV2
- Removed unwanted padding in custom-rendered cells with cell actions.
- Now ensures proper sorting with
NaN
andnull
values. - Text ellipsis is now correctly applied to table cells when the content exceeds the cell’s width capacity.
- The loading indicator is now correctly positioned when row actions are configured and no columns defined or resizable columns are enabled.
DateTimePicker
- Now also supports expressions.
FilterField
- No longer inserts unnecessary opening bracket when selecting the
in
operator from the suggestions overlay and brackets are already inserted. - Composition characters, like backtick or tilde can now be entered in the
FilterField
on Mac. - Suggestions are now applied for keys with double quotes. A space is added after values in double quotes.
- The
onFilter
callback is now updated if the callback changes.
Forms
- Removed internal
_parseTime
function.
HistogramChart
- Add support for
infiniteZoom
. - Improve chart FPS by 175% when hovering, achieving a significantly smoother interaction with big datasets.
HoneycombChart
- Integrated new range legend.
Map
- Integrated new range legend.
SegmentSelector
- Now fails gracefully, when selecting a recently removed segment.
SingleValue
- Integrated Sparkline bar variant.
Sparkline
- Added context value indicators.
TimeframeSelector
- Added support for
@y
@q
@w
@h
@m
@s
inroundDownExpression
s.
Timeseries
- Added panning indicators to the bottom axis area.
- Integrating relative value representation for band variant.
- Fixed crash in
Annotations
when hovering over tracks in Firefox. - Improved chart FPS by 200%, when hovering, achieving a significantly smoother interaction with big datasets.
XYChart
- Added a configurable top x-axis.
- Integrate new design of the range legend.
0.116.73
TimeframeSelector
- Removed wrong presets.
0.116.72
DataTable
-
Removed unwanted padding in custom-rendered cells with cell actions.
-
Only the first 1000 characters of a log-content string will be highlighted to enhance the table's performance.
0.116.71
SegmentSelector
SegmentSelector
will now fail gracefully when selecting a freshly removed segment.
0.116.70
@dynatrace/strato-components
was updated to0.85.50
.
Forms
- The
getSimplifiedExtendedISOStringFromValue
function from theforms
subpackage is now deprecated.
DataTableV2
- The
pageSize
andpageIndex
config props are now deprecated in favor ofdefaultPageSize
anddefaultPageIndex
to match thePagination
component's behavior in the uncontrolled state.
Charts
- Added support for difference in milliseconds in time frames in
Tooltip
. - Fixed undefined error on
Annotations
handlers.
Conversion-Utilities
- Use
Uid
fields as timeseries name inconvertQueryResultToTimeseries
.
AnnotationsChart
- Fixed scroll overflow on the x axis.
CategoricalBarChart
- Sort tooltip items to keep visual consistency.
DataTable
- Adjusted the
Sparkline
column cell to match the height of all other cells in the table by removing its fixed height of 50px.
DataTableV2
- Now if column alignment is specified in the column definition, it should also apply to custom rendered cells.
- Setting the
pageSize
andpageIndex
values for pagination using an imported config now sets them as the defaultpageSize
andpageIndex
. - When the user collapses all subrows and the current page displays no rows, the table will navigate to the first previous non-empty page. Additionally, we have fixed issues ensuring that the subrows line connectors are properly redrawn when sorting is applied.
MeterBarChart
now supports thedata-max
option for scaling.
DateTimePicker
- Fixed issue where selecting a date before the year 1000 caused a crash.
DQLEditor
- Nested function calls with strings and index access now have correct syntax highlighting.
FilterField
- Now correctly detects escaped escape characters inside strings.
HealthIndicator
- Added
HealthIndicator
component.
HistogramChart
- Sort tooltip items to keep visual consistency.
- Support zoom interactions (
onZoomChange
,initialZoom
,currentZoom
) via props. - Improved the performance of hovering over the chart.
Honeycomb
- Fixes an issue when having the legend at the bottom and no enough space to draw honeycomb circles.
SelectV2
- Removed erroneous error outline of the search input.
Sparkline
- Added support for log scale in the bar variant.
PasswordInput
- No longer shows two reveal buttons on Microsoft Edge.
Suffix
andPrefix
automatically add text ellipsis to text-only children.
TextInput
Suffix
andPrefix
automatically add text ellipsis to text-only children.
TimeseriesChart
- Improved the performance of hovering over the chart.
- Implement synchronized pin in
SynchronizationProvider
. - Zoom and pan gestures are now supported for touch devices.
0.116.60
Common Annotations
- Deprecated the
priority
prop from Track slot.
AnnotationsChart
- Deprecated the
data
prop from Marker slot.
TimeseriesChart Annotations
- Deprecated the
data
prop from Marker slot.
HistogramChart Annotations
- Deprecated the
value
prop from Marker slot.
Accordion
- Now adjusts the width of the section label, so it does not overflow the parent container.
AnnotationsChart
- Support
title
,description
, andsymbol
at root Marker level. - Added
textOverflow
andtooltip
props toAnnotationsChart
configuration.
BaseCodeEditor
- The tooltip
completionInfo
now has a minimum width to avoid it positioning in a narrow spot.
Calendar
- Now keeps the original hour when initializing it with a specific time and switching to a date with a different Daylight Savings Time offset.
Charts
- Fixed issue that caused the tooltip to display an unnecessary scrollbar in
TimeseriesChart
.
DataTable
- Log-content cells no longer line break when line wrap is disabled.
DataTableV2
- You can now import and export a configuration.
- Selection chip is now aligned with the selection checkboxes.
- Multi-sorting functionality is now available for both controlled and uncontrolled sorting states.
- Column remeasuring, based on font loading, now waits for animations to finish.
- The sub-row trigger now works with custom cell renderer.
- Download option in the toolbar no longer shows the selected download option when row selection is disabled.
- Now displays the full header title without ellipsis in Windows when the column width is set to ‘content’.
- Log-content cells no longer line break when line wrap is disabled.
DateTimePicker
- Now navigates to the correct date in timezones with a large offset (e.g. Japan +9h).
DQLEditor
- Some instances of double quote autocomplete suggestions are no longer filtered out.
FilterField
- Statement key with double quotation marks has the type
Key
. - Now correctly inserts the suggestion when selecting a suggestion while the cursor is in the front of the value.
Forms
FormFieldMessages
are now rendered when used outside of theFormFieldMessages
component.- Enable error connection of multiple inputs within one error messages context.
HistogramChart Annotations
- Support
start
andend
at root Marker level.
NotifyButton
- Now handles notifications that were already created or deleted and resets its state.
Page
- The page panels have the same height behavior on all screen sizes.
SegmentSelector
- Added an apply button within the
SegmentSelector
Overlay for a clearer UX.
SelectV2
- Now supports the new validation concept and
FormFieldMessages
.
Sparkline
- Added support for the
bar
variant.
Tab
- No longer passes
keepMounted
to the underlying DOM element.
Tables
- For CSV download, dates are now also serialized when a function accessor is used.
TerminologyOverlay, InformationOverlay
- The trigger now has the right background color in light and dark mode.
TimeseriesChart Annotations
- Support
start
,end
,title
anddescription
at root Marker level. - Exposed the
visibleTracksLimit
prop.
0.116.53
DataTable
- Fixed line wrapping a log-content column in
DataTable
.
0.116.52
@dynatrace/strato-components
was updated to0.85.41
.
General
- CSS fallbacks now have actual values to avoid invalid built styles.
0.116.51
FilterField
- The applied suggestions are not escaped again when there are already quotes in the
FilterField
.
Tabs
- Style injection on the tabs has been fixed.
Timeseries
- Reset button is now disabled if the initial and the current domain are equal.
SelectV2
- The overlay no longer breaks overflow in Chrome 129.
0.116.50
@dynatrace/strato-components
was updated to0.85.40
.@dynatrace-sdk/client-filter-segment-management
was updated to^1.0.0
.
DataTableV2
TableActionMenu
is now renamed toTableActionsMenu
.TableActionMenu
is now deprecated in favor ofTableActionsMenu
.
Charts
- Added the
width
prop to theHistogramChart
. - Added the
width
prop to theTimeseriesChart
. - The series unmatching colors are now consistent in all charts.
- Fixed Timeseries issue, where the formatter wasn't applied correctly when only the right axis was configured.
- Fixed the
Timeseries
right magnifier placements so they don’t overlap with the right threshold. - Fixed issue that caused the mouse wheel action to scroll the browser page once the zoom limit was reached on the
Timeseries
and theHistogram
charts.
conversion-utilities
- An initial conversion function for DQL result
RangeFieldTypes[]
toDataTableV2ColumnDef[]
is now available.
Forms
-
parseTime()
supports valid iso 8601 strings without hours, minutes, seconds or milliseconds. -
TimeframeSelector
andTextInput
now provide avalidate
function on ref.
Accordion
- Fixes the
accordion
content behavior when working with multipleaccordions
on the same page, ensuring that content layers are displayed in the correct order.
Annotations
- Hide marker icon when there's not enough space to show it as content.
- Add
labelWidth
prop for marker labels. - Fix disappearing annotation markers symbol on re-render.
Chip
- Displays number
0
when used as child.
DataTable
- Minor improvement in custom download for avoiding
[object Object]
.
DataTableV2
- Now accepts a
rowId
function to better identify individual data rows. - Now displays a tooltip on overflowing headers.
formatLogContent
is now exposed on the custom cell renderer function.- Actions row no longer receives a header name to align with design.
- Header cells now include their respective column IDs through the
data-column-id
attribute. - Header styling is now improved (custom headers, sorting, nested headers, column actions).
- Column widths for
content
width columns are now remeasured correctly when toggling visibility.
DQLEditor
DQLEditor
now shows suggestions when deleting while cursor is either at the end of the text or before a space character.
EmptyState
- The
Details
slot now renders a div element if the children provided are not a string, else it renders ap
element.
FilterField
FilterField
does not crash when starting a key with double quotes.- Validity and error state are now updated when programmatically changing the value.
Histogram
Histogram
with relative values now shows both absolute and relative values in the tooltip.
Honeycomb
- When a minimum value is specified, now it is included instead of excluded.
- Introduced an improvement to not show repeated numbers for the ranges in the legend of the honeycomb.
- Now supports truncation mode to apply an ellipsis to long texts.
- Fixed honeycomb filter util index out of bounds issue.
InformationOverlay
- Styles within
InformationOverlay.Trigger
are no longer overridden.
Menu
Menu.SubContent
height is now limited to viewport height.
Modal
- JSX passed as title is no longer automatically wrapped in a heading.
If you have passed JSX to the title, it now will no longer receive heading styles. Use a Heading
component to reapply the styles.
SegmentSelector
- Now shows applied private segments if no public segments are available, instead of the
EmptyState
. - Now supports trigger customization.
Tabs
onChange
is no longer called twice ifselectedIndex
was changed in the callback.- The first
Tab
is now selected by default if neitherselectedIndex
nordefaultIndex
was provided. - Clicking disabled Tabs no longer selects them.
TimeseriesChart
- Added
infiniteZoom
,currentZoom
,initialZoom
to timeseries import config. - Relative value representation on line variant will be calculated on the
max
value of the series. - Now supports relative value representation on multiple units.
- Introduced chart crosshair synchronization provider.
0.116.43
SelectV2
- SelectV2 overlay no longer breaks overflow in Chrome 129
0.116.42
@dynatrace/strato-components
was updated to0.85.32
.@dynatrace-sdk/client-filter-segment-management
was updated to1.0.0
.
SegmentSelector
- The
SegmentSelector
also shows applied private segments if no public segments are available instead of theEmptyState
.
0.116.41
@dynatrace/strato-components
was updated to0.85.31
.
Tabs
onChange
is no longer called twice ifselectedIndex
was changed in the callback.
0.116.40
@dynatrace/strato-components
was updated to0.85.30
.@dynatrace/strato-icons
was updated to0.39.2
.
FilterField
- The
FilterFieldNodeRange
type is now deprecated and will be removed. Please useFilterFieldNodeBase['range']
instead. - The
FilterFieldRangeNode
andFilterFieldLikeOperatorNode
types are now deprecated and will be removed, as they're not supported by theFilterField
grammar. - The
isEscaped
andoperator
props of theFilterFieldStringNode
are now deprecated.
Forms
- Deprecated the
_parseTime
function in favor of direct usage ofparseTimeAsTimeValue
from the@dynatrace-sdk/units
package.
Charts
HeatmapChart
will now attempt to display input data based on the axis types provided.- Default formatter for the
CategoricalBarChart
will now calculate the optimal precision automatically. - Fixes issue on the timeseries that caused a line series to be hidden when a band and line series shared the same data.
Calendar
- No longer shows duplicate dates when DST changes and correctly applies the initial time.
DataTable
- Custom header now receives hover styles when sorting is enabled.
DataTableV2
- Grid template is now remeasured once data is loaded initially.
- Added ability to reset both visibility and column order settings, for both controlled, and uncontrolled modes.
- Table actions, selected rows actions, and toolbar are now rendered only when they are not empty.
- Gantt chart
data-min
anddata-max
now also considers sub-row values. - Column sizing now works with fraction width columns as well.
FilterField
Shift+Enter
no longer inserts a new line in theFilterField
.
FormField
- Disabled form controls do not show errors and do not prevent form submission.
HistogramChart
- Add relative value data representation.
HoneycombChart
- Improved performance when hovering and showing the tooltip.
- Now allows to configure max and min limits for numerical values.
- Adding all the values to the legend for custom coloring.
Legend
- Show chart legend in descending data order.
SegmentSelector
- Trigger exits loading state properly for compact variant, passes down aria props, and displays segment and variable if only one of each is chosen.
- Increase style specificity to ensure proper styling.
Timeframe
-formatTimeframeToParts
now includes an optional parameter to prevent clamping future to
dates to Now
.
TimeframeSelector
- Fixed console warning displayed in non development mode.
TimeseriesChart
- Fixed issue that applied the formatter to the output values when the
valueRepresentation
was set torelative
.
Toast
Toast
text wrapping no longer breaks due to css bundling orders.
UseBreakpoint
useBreakpoint
has been moved from@dynatrace/strato-components-preview/core
to@dynatrace/strato-components/layouts
and a migration script has been provided.
0.116.30
Charts
- TimeseriesChart supports infinite zoom feature.
- Removed
value
from the exposed data on legend series actions on the Categorical Bar chart. - Heatmap data allows null values.
- RangeLegend handles -Infinity to Infinity ranges correctly.
Filters
- Filter field tree conversion no longer has side-effects influencing e.g. tests running in parallel.
- The converted value of strings now no longer includes escape characters.
Content
- EmptyState.Title now allows to set a heading tag name specifically to ensure proper document outlines.
Forms
- Focus does not jump to the first option after selecting when using a controlled multi select in SelectV2.
Navigation
- Tabs are now correctly controlled via the selectedIndex prop.
DataTable
- DataTable no longer hides the sorting indicator for columns with custom headers.
- Loading state with no visible columns no longer crashes the DataTable.
DataTableV2
- The RowActions API has been opened up to no longer enforce the use of an auto collapsing action group.
- Columns of type
text
now automatically detect links and render them usingExternalLink
components. This can be disabled in the column definitionconfig
by setting thedetectLinks
option tofalse
. - DataTableV2.Pagination now allows opting out of default pageIndex reset on data change.
- Built in column actions are no longer duplicated when an action is triggered.
0.116.24
SelectV2
- SelectV2 overlay no longer breaks overflow in Chrome 129.
0.116.23
@dynatrace/strato-components
was updated to0.85.21
.
- Documentation update
0.116.22
Calendar
Calendar
no longer shows duplicate dates when DST changes and correctly applies the initial time.
SegmentSelector
- Trigger exits loading state properly for compact variant, passes down aria props, and displays segment and variable if only one of each is chosen.
- Increase style specificity to ensure proper styling.
0.116.21
@dynatrace-sdk/units
peer dependency range was expanded to>= 0.13.2 < 1
@dynatrace-sdk/react-hooks
peer dependency range was expanded to>= 0.4.3 < 1
@dynatrace-sdk/client-filter-segment-management
peer dependency range was expanded to>= 0.1.0 < 1
0.116.20
- The
storage:filter-segments:read
scope must now be added to your app configuration. - The
SegmentSelector
automatically queries for all variables configured per segment. Therefore, when using the SegmentSelector the readstorage
- scopes for all possible dql queries should be included in the app configuration to not limit the configured segments and variables.
@dynatrace/strato-components
was updated to0.85.20
.
AppName
AppName
got deprecated. TheAppHeader
component from the layouts package should be used instead.
Charts
- Fixed issue in the
HistogramChart
where the series actions were not returning any bin data if the tooltip was of the single variant. - Exposed selected category in the
CategoricalBarChart
'sseriesActions
prop. - Added zoom interaction props to
TimeseriesChart
.
Tables
- For the
MeterbarChart
column type, we compute the total value for each row. The highest total value across all rows is designated as the maximum configuration value for each row. This feature has been implemented in bothDataTable
andDataTableV2
.
AppLink
AppLink
, rendered as a menu item link inside the Menu component, can now properly handle theonClick
event and navigate to the app.
Calendar
Calendar
's header reflects the actual month when selecting the first of the month.
CategoricalBarChart
- Fixed issue that applied the formatter to the output values when the
valueRepresentation
was set torelative
. - If
valueRepresentation
is set torelative
, it now reacts to filtering of dimensions/categories and to negative values. - Fixed cropped labels in bottom axis for some cases (unique categories).
DataTableV2
- The subrows feature now allows for a
disableSubRow
function to be passed to prevent individual subrows from expanding. - Removed the default padding in the header cell, if header has a custom renderer.
- Measurements related to subrows and nested headers are now improved.
- Now Virtualization works in a flex-container without blowing out.
- Interactive row highlighting no longer overlaps sticky headers.
- Gantt chart UX and tooltip have been improved.
- Column ordering via column actions now works correctly with builtin columns.
- Now shows a "No columns visible" message when all user defined columns are hidden. Any built-in columns are hidden now automatically when all user defined columns are hidden.
RowVirtualizer
now remeasures wheneverlineWrap
orrowDensity
changes.
InformationOverlay
TextEllipsis
now works correctly within anInformationOverlay
.
IntentButton
IntentButton
has been moved from@dynatrace/strato-components-preview/buttons
to@dynatrace/strato-components/buttons
. TheiconOnly
prop has been removed. To display only the icon, leave the label empty.
SegmentSelector
- Introduces an experimental
SegmentSelector
with basic functionality.
SingleValue
- Add support for
Sparkline
curve settings inSingleValue
.
Skeleton
Skeleton
has been moved from@dynatrace/strato-components-preview/layouts-core
to@dynatrace/strato-components/content
and a migration script has been provided.
SkeletonText
SkeletonText
has been moved from@dynatrace/strato-components-preview/layouts-core
to@dynatrace/strato-components/content
and a migration script has been provided.
Surface
- Surface has been moved from
@dynatrace/strato-components-preview/layouts-core
to@dynatrace/strato-components/layouts
and a migration script has been provided.
Timeseries
- When a
Timeseries
chart uses a relative value with only one series, now it takes the highest value of the series to calculate the relative value of each datapoint. - Fixed tooltip so that the absolute value displays the correct unit.
- When
TimeseriesArea
chart has only one visible series, it shows relative values based on the maximum value.
0.116.14
@dynatrace/strato-components
was updated to0.85.11
.
0.116.13
Calendar
Calendar
header reflects the actual month when selecting the first of the month.Calendar
no longer shows duplicate dates when DST changes and correctly applies the initial time.
0.116.12
General
@dynatrace-sdk/client-notification
is no longer a production dependency.
0.116.11
CategoricalBarChart
- Fix cropped labels in bottom axis for some cases (unique categories).
0.116.10
@dynatrace/strato-components
was updated to0.85.10
.@dynatrace/strato-icons
was updated to0.39.1
.@dynatrace/strato-design-tokens
was updated to0.20.40
.
Charts
- Added
XYChart
andHeatmap
charts. - Downloaded CSV data is now sanitized to prevent injection and parses dates to ISO8601 to preserve consistency.
RangeLegend
ofHoneycomb
doesn't reverse its items when re-rendering.
Editors
- Added
required
as a prop which setsaria-required
to true in theCodeEditor
andDQLEditor
. onChange
is now called when content is deleted viactrl+a
followed bydel
.value
prop change now correctly updates content regardless of cursor position.onChange
is now called on undo or redo.
AnnotationsChart
- Remove symbol content when range marker is too short and
textOverflow
istruncate
.
Button
Button
has been moved from@dynatrace/strato-components-preview/buttons
to@dynatrace/strato-components/buttons
and a migration script has been provided.
Calendar
- Fixes the today indicator when using a user setting timezone like UTC+/-offset.
DataTable
- Ensure column order considers prefix and suffix columns.
DataTableV2
- Added
DataTableV2
. - Introducing columnType
markdown
that can display content formatted in markdown-style. - Added syntax highlighting for log-content.
FilterField
- Now supports undo and redo.
onChange
is now called on undo or redo.- Selection is now set correctly when programmatically changing the value.
- Now shows suggestions when typing
in
as an operator, and moves the cursor to the right when applying a suggestion. - Added virtualization and
max-height
toFilterField
suggestions. - Virtual focus is now reset correctly when closing the suggestions overlay.
- Inclusion list now contains whole
FilterField
leaf nodes in addition to the string values.
Histogram
- Now supports programmatic zooming.
Honeycomb
- A bug preventing the correct color from being displayed for categories with capital letters was resolved.
- The legend now does not crash when applying
ColorRanges
with some range with from=to.
NotifyButton
- Added
NotifyButton
.
SelectV2
- Now aria-controls are correctly mapped.
- Overflow ellipsis now applies correctly in multi select mode.
SingleValue
- Fix issue with fractions and percentages in Firefox.
- Remove trend arrow when no value and label exists.
TimeframeSelector
- Fixed an issue where the user-settings' timezone was not considered when entering time in a certain format.
Timeseries
- Fixed issue that caused the axis ticks to not use the correct time zone.
- The
List
'stokenValue
prop now contains the whole leaf node of each value provided in the list.
Tooltip
- Now uses new animation.
TreeMap
- Apply ellipsis to node labels.
- Now supports the cluster aggregation.
0.116.3
Calendar
- Calendar Header reflects the actual month when selecting the first of the month.
- Calendar no longer shows duplicate dates when DST changes and correctly applies the initial time.
- Fixes the today indicator when using a user setting timezone like UTC+/-offset.
TimeseriesChart
- Fixed issue that caused the axis ticks to not use the correct time zone.
0.116.2
CategoricalBarChart
- Fix cropped labels in bottom axis for some cases (unique categories).
0.116.1
Annotations
- Fixed Annotations breaking when Track has no Markers.
Filters
- Filter field list now includes all types of values again.
0.116.0
General
- Drop react 17 support.
- Drop @testing-library/react 12 support.
- Drop @testing-library/user-event 13 support.
Core
- Removed deprecated TimeFrame type.
Forms-core
- Deprecated internal
_TIMEFRAME_EXPRESSION_COMPATIBILITY
regex and_migrateDeprecatedExpression
function are removed.
Layouts-core
- Deprecated
Columns
andColumn
component are removed.
Button
- Deprecated types
TextAlignOptionsType
,ButtonWidthOptionsType
,ButtonSizeOptionsType
,behaviorTypeOptions
andButtonBehaviorType
are removed.
Chip
- Deprecated
ColorType
,SizeType
,VariantType
andWidthType
Chip props are removed. Deprecatedvisible
andhidden
numbers in theChipGroupContext
are removed. UsevisibleKeys
andhiddenKeys
instead. Removed deprecatedmaxWidth
on the BaseChip in favor ofstyle
override.
Container
- Removed deprecated
ContainerVariantOptions
andContainerColorOptions
types.
DateTimePicker
- Removed deprecated imperative handle functions
show
/hide
. Useopen
/close
instead.
FilterField
- All occurrences of logical operators in the filter field syntax tree are now upper case.
- The string to tree conversion util now also returns the
isValid
flag in addition to the tree. The return type of the util changes from just the tree to{ tree: FilterFieldTree, isValid: boolean }
. Either destructure the result or access with dot notation.
Hint
- Removed deprecated
hasError
prop. To add an error to a form control, please use aFormFieldMessage.Item
inside aFormFieldMessage
component.
Treemap
- Removed deprecated property
minNodeSize
.
@dynatrace/strato-components
was updated to0.85.0
.@dynatrace/strato-icons
was updated to0.39.0
.