C3 AI Documentation Home

Change log for uiComponentLibraryReact

All notable changes to the package uiComponentLibraryReact are documented here.

Version 8.9.0

Bug Fixes

    • Fixed a bug where styles for action buttons were incorrect.
    • Fixed an issue where the dataZoom control overlapped with the chart area.
    • Fixed previous zoom button when pinned tooltips is active.
    • Fixed heading links.
    • Fixed an issue where position for dropdown menu misaligned when select all options.
    • Send events to onDataZoom handler, resolve console error.
    • Fixed styling issue in light mode.

Improvements

    • All SDLButton components and <button> elements in the Component Library now include a new attribute: data-c3-button. All CSS rules that previously targeted plain <button> elements have been updated to specifically target button[data-c3-button].
    • Now by default Code Editor follow the App theme.
    • Enhanced search functionality to support React elements as option text

Version 8.9.0

Bug fixes

    • Fixed issue where breadcrumb showing name of the file instead of title.
    • Fixed issue where section links does not redirect to the section document.

Version 8.8.9

Bug Fixes

    • Fix an issue where fetchCount was not considering contextVars.

Version 8.8.8

Bug Fixes

    • Fix tooltip is not displaying value in horizontally displayed categorical bar chart.
    • Fixed an issue where filter panel was not dispatching setSelectedInputItemsAction action on input change.
    • Fixed CSS styling regression for message containers implemented in Grid layout as detached fields.
    • Fixed a bu where checkbox cannot toggle expand/collapse if expanded field is defined in JSON.
    • Fixed an issue where truncate tooltip prevents dropdown from re-select 1st item in a form grid.

Version 8.8.4

Bug Fixes

  • UiSdlMultipleSearch
    • Fixed styling issues with cursor pointer and dropdown menu alignment, improving overall UX consistency.

Version 8.8.0

Bug Fixes

  • UiSdlForm, UiSdlFilterPanel
    • Fixed dynamic inputs having duplicate requests. Now the UiSdlForm or UiSdlFilterPanel will not make the request and only the dynamic input will.
  • UiSdlDefinitionList
    • Fixed a bug where the tooltip text fields.tooltipText was being cut off when it is too close of screen edges.
    • UiSdlMultipleSearch
    • Fixed an issue where position for dropdown menu misaligned when select all options.
  • UiSdlInternalHyperlink
    • Separated the title and aria label logic so that we do not render duplicate tooltips and have descriptive aria labels.
  • UiSdlFieldGroup
    • Fix hidden prop not correctly hiding an element
    • Separated the title and aria label logic so that we do not render duplicate tooltips and have descriptive aria labels.
  • UiSdlDataGrid
    • Fixed a bug where UiSdlDataTransform.transformArgs was being ignored when the action of selecting all inputs across all pages was triggered UiSdlDataGrid.SELECT_ALL_DATA.
  • UiSdlParallelCoordinatesChart
    • Fixed an issue where can not re-order axis.
  • UiSdlFormDataGrid
    • Fixed an issue where fields inside UiSdlFormDataGrid were ignoring its dataSpec configuration and by consequence no fetch call was made to populate the field.
  • UiSdlTimeseriesLineBarChart
    • Fixed a bug where the pinned tooltip position was wrongly calculated after performing zoom action.
    • Fixed a bug with pinned tooltips when resizing the whole window/page.
    • Fixed a bug where can not pin tooltips when xAxis are collapsed.
  • UiSdlDataGrid
    • Fixed a bug where dataTransforms was ignored when it is defined in exportData.
  • UiSdlGraphVisualization
    • Fixed a bug where nodes don't highlight neighbors when the node is clicked.
  • UiSdlGridLayout
    • Fixed an issue where chart containers were overflowing.
  • UiSdlLayoutContainer
    • Fixed an issue where the tertiaryLink action button in the container title did not correctly resolve.
    • Fixed an issue where chart containers were overflowing.
  • UiSdlCategoricalLineBarChart
    • Fixed a bug for scenario with multiple y-axes, configured titles were not respected

New Features

  • UiSdlForm
    • Added truncation to multiple select options in a dropdown.
  • InAppDocumentation
    • Ability to render a c3doc linked to an URL.

Version 8.7.3

Bug Fixes

  • UiSdlForm
    • Fixed a bug with fieldSets in UiSdlForm which was casting the fieldSets value to an object even when the provided value was an array.

Version 8.7.2

Bug Fixes

  • UiSdlChart
    • Fixed a bug where the component crashes the page when getMaxValue returned null, causing a .toFixed call on a null value.

Version 8.7.0

New Features

  • UiSdlForm
    • Added truncation to multiple select options in a dropdown.
  • UiSdlFilterPanel
  • UiSdlLineBarChart
    • Chart grid positions (spacing around the "series" part of the grid) are adjusted based on number of axes, length of axis titles/axis tick label lengths/units/rotation, so that axis labels and titles should always fit in the space provided, without the need to provide a separate grid configuration.
  • UiSdlCardList
    • A new functionality was added to enable scrolling within the card list container. Vertical scrolling behavior was implemented, and for horizontal orientation, the default scrolling behavior was enabled, along with left and right buttons to scroll in that direction.

Bug Fixes

  • UiSdlTimeseriesLineBarChart
    • Fixed a bug where upper/lower bound length mismatch will break toPeriod aggregation.
    • Fixed an issue where the truncate tooltip was not displaying above the Chart Tooltip.
  • UiSdlPageTitle
    • Fixed an issue causing tabs to mis-align with the title.
  • UiSdlPieChartReact
    • Fixed a bug where the label is cut off when it's at the top or bottom.
  • UiSdlAreaChart
    • Fixed a bug where area chart tooltip doesn't show correct timestamp when no timezone.
  • UiSdlForm
    • Fixed a bug where the hidden property of fields was causing the component to hide even if it was true, this happened when using context vars in the property which will always be evaluated to strings.
    • Fixed a bug where the field value would fallback to the state even when undefined.
  • UiSdlLineBarChart
    • Fixed a bug where page crashes when HOUR period is set using dataSelection feature.
  • UiSdlFormDataGrid
    • Fixed an issue where fields inside UiSdlFormDataGrid were ignoring its dataSpec configuration and by consequence no fetch call was made to populate the field.

Version 8.6.6

Bug Fixes

  • UiSdlChart
    • Fixed a bug where the component crashes the page when getMaxValue returned null, causing a .toFixed call on a null value.

Version 8.6.2

Bug Fixes

Version 8.6.6

Bug Fixes

  • UiSdlChart
    • Fixed a bug where the component crashes the page when getMaxValue returned null, causing a .toFixed call on a null value.

Version 8.6.0

Breaking Change

  • React version upgrade
    • Upgrade to React v18.3.0.
  • SDLActionGroup
    • Not an issue if using json components SDLActionGroup actions now require the useCondition function to be passed through with any disabledCondition or hiddenCondition.

Deprecations

  • UiSdlUseThemedValueGetter
    • UiSdlUseThemedValueGetter has been removed.

New Features

Bug Fixes

  • UiSdlAreaChart
    • Use getBodyComputedStyles to determine area chart colors
  • ErrorComponent
    • Remove use of inline styles; instead use _error.scss with appropriate design token values usage
  • Inputs
    • Fixed the font color of the placeholder text to ensure better readability.
  • UiSdlNavMenu
    • Fixed an issue where does not show tooltip even if showMainMenuItemLabelInTooltip is enabled.
  • UiSdlDataGrid
    • Fixed a bug where table still downloads the content even if customExport is true.
  • UiSdlSlider
    • Fixed a bug where allows input value above maximum limit.
    • Fixed a bug where the initial value was not being set as the input value on render.
  • UiSdlNumberRangeInput
    • Added validation for min and max value so that input box cannot have value smaller than min, or larger than max, or min > max.
    • Solved a bug where modified values of the range were being lost when the form was on a modal or on a tab panel and the user closed the modal or switched tabs. Now values are persisted according to the state values.
  • UiSdlPageTitle
    • Fixed an issue where clicking on a tab did not navigate to the correct URL.
  • UiSdlTimeseriesLineBarChart
    • Fixed an issue when clicking on a item in the legend blurs the rest of the series.
    • Fixed an issue when exported CSV did not match column headers and values.
    • Fixed an issue where multiple Y Axes mismatch its unit & title when unit is not set in Json.
  • UiSdlForm
    • Fixed a bug where when having only ComponentRefs in the fields of a form, the formFieldVales were not being initialized.
    • Fixed a bug where the field value would fallback to the state even when undefined.
  • UiSdlMetricTile
    • Fixed bottom fade color.
  • UiSdlTimeseriesLineBarChart
    • Fixed a bug where upper/lower bound length mismatch will break toPeriod aggregation.
  • UiSdlParallelCoordinatesChart
    • Fixed a bug where series were not showing on light mode after changing from dark mode
  • UiSdlCollapsibleNavigation
    • Fixed a bug where when derived props were used to set nav items, opening/closing items didn't work

Improvements

  • UiSdlModal
    • Made an improvement for modals to render inside of the UiSdlPageContainer. This allows custom css to more easily access the modal.
  • UiSdlMessageContainer
    • Display tooltip when hovering on the title/subtitle if the text is truncated.
  • UiSdlFormDataGrid
    • Tooltip for add row button.
  • UiSdlEmptyState
    • Added a default icon for empty states, specified by the design token --c3-style-emptyStateIconUrl. The icon is located at assets/images/empty-state.svg.
  • UiSdlDataGrid
    • Added a new config called headerMaxLinesWhenTruncated. This option allows users to define the maximum number of lines that header cells of the grid will show when truncating a long text. The default value is 1.

Version 8.5.0

Improvements

Bug Fixes

  • UiSdlTextField
    • Fixed issue with slow text input, as well as the cursor jumping to the end of the text when trying to insert text in the middle of the field.
  • UiSdlDataGrid
    • Fixed pagination bar misalignment when a data grid is in a component container in grid layout.
  • UiSdlTextarea
    • Fix issue where typing in textarea was slow, and trying to edit text in the middle of a string would always move cursor to the end of the string.
  • UiSdlDateTimeInput
    • Fixed an issue where calendar popup element was not fully visible when there was vertical overflow.
  • SDLSearch
    • Fixed a bug where search input was not accepting space key when input was inside a Dropdown.
  • SDLSelectField
    • Fixed an issue where dropdown options were not displayed over other elements by changing its position and attach it to its corresponding input.
  • UiSdlForm
    • Fixed an issue where boolean and numeric values were not persisted in the form.
    • Fixed a bug where values set in json configuration sometimes do not appear in the form.
  • UiSdlTimeseriesLineBarChart
    • Fixed an issue where Axis Label Links were not redirecting correctly.

Version 8.4.9

Bug Fixes

  • UiSdlCard
    • Fix issue where disabledCondition is not trigger.
  • UiSdlDataGrid
    • Fixed pagination bar misalignment when a data grid is in a component container in grid layout.
  • UiSdlGridLayout
    • Fixed issue when gridStyle set to FIXED and SidePanel is renderer overflow the elements.

Version 8.4.1

Bug Fixes

  • UiSdlPieChart
    • Fix issue where exported images would overlap with legend text.
  • UiSdlMetricTile
    • Fixed an issue where title does not resolve UiSdlDefinedValueParam.
  • UiSdlNavMenu
    • Fix scrolling the navigation menu makes items change padding.
  • UiSdlMessageContainer
    • Fix a bug where empty message banners were overlapping elements behind, blocking interaction with those elements.
    • Fix message banners top position when there are multiple containers. Now there is no overlap between them.
  • UiSdlCollectionList
    • Fixed a bug where the component crashes when dataSpec is missing.
  • UiSdlDataGrid
    • Fixed a bug where scrolling an element within the table but not the table itself, was dispatching UiSdlDataGrid.SCROLL_CHANGE action, which could create a new fetch call if table is set as 'infinite_scroll'.
    • Fixed a bug where table actions are not visible when there are selected rows. Flag tableActionsAlwaysVisible was added to make this behavior configurable, with false as the default value.

Version 8.4.0

Bug Fixes

  • UiSdlFilterable
    • Fix an issue when field value is an array and each item is not a string the field is in upperCase.
  • UiSdlFormDataGrid
    • Fix a bug where Kendo cell elements were not handling the state changes. Added a controlled state in SDLGridCell.
    • Fix a bug where focus get lost while typing.
  • UiSdlTimesSeriesLineBarChart
    • Fix an issue when component crashes when yAxes are null or undefined.
    • Fix issue where interval config does not take the value in precedence order.
    • Fix an issue when no yAxisFields are present, events will not show up either.
    • Fix tooltip unit mismatch when multiple Y Axes exist.
  • UiSdlCardList
    • Fix an issue when numericIndicator is zero display NaN.
  • UiSdlDataGrid
    • Fix an issue when a column has width and removableColumns is active the rest columns are not displaying.
    • Fix light theme table action tooltip background color.
    • Remove HTML native tooltip for table action.
  • UiSdlChart
    • Fix theming change not update in real time.
    • Fix zoombar unable to turn off when showCrosshair is false.
  • UiSdlGraphVisualization
    • Fix map theming change not update in real time.
  • UiSdlParallelCoordinatesChart
    • Fix removable axes and remove refresh button.
  • UiSdlFormDataGrid
    • Fixed a but where Kendo cell elements were not handling the state changes. Added a controlled state in SDLGridCell.
    • Fixed a bug where Kendo cell elements were changing the content of the field after the user emptied the field for the first time.
  • UiSdlMetricTile
    • Fixed a bug that was preventing the Metric tile eval metric series to show the configured color when using a page param context var.
  • UiSdlFilterPanel
    • Solved a bug when users set an invalid value in a UiSdlDateTimeRangeInputFilterField field and then clicking on "clear all" or "clear" buttons, the date fields were not resetting to their default value.
  • UiSdlDefinitionList
    • Fixed a bug that tooltip is being cut off by the screen.

New Features

Improvements

  • SDLCollapsibleComponent
    • Added translation for button aria label.
  • UiSdlDataGrid
    • Simplified checkbox selection banner message.
  • UiSdlMessageContainer
    • Modified width of the container to avoid overlapping in empty space.
  • UiSdlParallelCoordinatesChart
    • Add ability to export to PNG, JPEG and CSV.
    • Support categorical data.
    • parallelAxesnow need to be configured using UiSdlParallelCoordinatesChartAxisConfigand this is a backward incompatible.
  • UiSdlDefinitionList
    • Added support for tooltips when truncating the content of the labels or sub information.
  • UiSdlDataGrid
    • Added a new config called maxLinesWhenTruncated. This option allows you to define the maximum number of lines that the cells of the grid will show when truncating a long text. The default value is 4.
    • If the item has a redirectLink but it will be using the placeholder instead of the field value because it is empty, the component will not render the placeholder as a hyperlink, instead it will render it as plain text.

Version 8.3.3

New Features

Breaking Change

  • UiSdlBreadcrumbsReact

    • Changed the shape that breadcrumbs expect data to come in. If coming from state, it should come from dataMap rather than dataCollection, and should hold only the needed string not the whole data object. For example:
    JSON
      {
    "dataMap": {
      "level1-id": "string to render"
    }
  }

    This will be a breaking change for anyone using derivedProps to set dataCollection.

Bug Fixes

  • UiSdlLineBarChart
    • Fixed a bug where yAxisTitle are mismatched when using multiple axes and unit translation.
  • UiSdlScatterPlot
    • Fixed a bug where xAxisTitle and yAxisTitle weren't grabbing the correct value from the JSON config via prop.
  • SDLButton
    • Fixed aria-label issue to not be added when content has dynamicValue.
  • InternalHyperLink
    • Fixed an issue when aria-label is not passed nav item do not match with hyperlink.
  • UiSdlTimeseriesLineBarChart
    • Fixed an issue where event dataSpec and dataSpec timestamps do not align.
    • Fixed an issue where dates were not handling correctly DST for a given timeZone. Now we are using moment time zone.
  • UiSdlModal
    • Fixed an issue where when closing a modal, it was dispatching MODAL_CLOSE action twice.
  • UiSdlNumberComparator
    • Fixed a bug where input was returning NaN when that input was manually cleared.
  • UiSdlDropdownBase
    • Added prop selectedInputItems that stores the selected object values. The action SELECTED_INPUT_ITEMS_SET sets the value for this prop.
  • UiSdlSelectInput
    • Dispatches SELECTED_INPUT_ITEMS_SET action when value has changed.
  • UiSdlFormDataGrid
    • Fixed an issue where dropdown options were cut off from its container using UiSdlSearchInputFormDataGrid or UiSdlSelectInputFormDataGrid.

Improvements

Dependency Changes

Was this page helpful?