@itwin/[email protected]

Minor Changes

• #2001: Added a new generic unstable_Panels component for easy setup of nested screens/panels. Example uses: multi-layered menus, wizards, settings screens, etc.
  • This API is temporarily marked as unstable to collect feedback for some time to tailor the generic component specifically to users' needs.
• #2345: Stepper now allows passing custom icon or content in each step circle using a stepContent property in each item of the steps array.
• #2294: ComboBox with multiple enabled now offers a clearFilterOnOptionToggle prop to control whether the filter is cleared or not when an option is toggled. Default value is true (i.e. no breaking change).
• #2299/5d313a7: Added new tileContainer prop to RadioTileGroup to allow further customization of inner DOM elements.

Patch Changes

• #2337: Fixed a Table bug where row items could not be focused via the Tab key.
• #2317: Fixed duplicate data returned from Table's onSelect prop.
• #2316: TablePaginator's page buttons no longer get overlapped by neighboring paginator elements.
• #2327: Fixed a Tree bug where the size prop was not respected when virtualization was enabled.
• #2311: Updated the default value of Dialog's setFocus prop to be based on the value of the trapFocus prop.
• #2154: Fixed bugs and improved performance in components with overflow support (e.g. ComboBox, Select, ButtonGroup, Breadcrumbs, etc.)
• #2339: Improved the accessibility of MiddleTextTruncation so that the entire untruncated text is part of the accessibility tree.
• #2334: DatePicker with enableRangeSelect now allows startDate and endDate to both be undefined (e.g. when there is no initial range). Passing Date to just one of them is not allowed.
• #2347: InputWithDecorations.Input now properly gets cursor: not-allowed when disabled.
• #2323: Ensured that the useToaster wrapper does not block clicks when used within other portal containers (e.g. from AppUI).

@itwin/[email protected]

Patch Changes

• #2306: Fixed broken expandable content (subComponent) when Table is asynchronously re-rendered.
• #2306: Fixed Table's max depth reached error caused when passing the getRowId prop.

@itwin/[email protected]

Patch Changes

• #2297: More robust fix for an issue where nested Popovers were automatically closing due to faulty "outside click" detection.
• #2295: ComboBox with multiple={true} properly clears its input's value whenever the filter is cleared. e.g. when an option is toggled or the combobox is unfocused.
• #2288: Table now displays development-only console warnings when both subRows and subComponent are simultaneously passed to it.
• #2301: Fixed arrow keys page navigation in TablePaginator.
• #2303: TablePaginator shows ellipses only whenever needed.

@itwin/[email protected]

Patch Changes

• #2285: Fixed an issue in ProgressLinear where passing a style prop would cause it to lose its value.
• #2281: Inputs (e.g. Input, ComboBox, etc.) with "small" size now have the same height as other field elements with "small" size (e.g. Button).
• #2274: IconButtons inside TransferList.Toolbar will now show tooltips on the right side by default to avoid obscuring adjacent buttons in the group. This placement can be changed using the labelProps.placement prop on the IconButton.
• #2274: TransferList.Toolbar implements the previously missing toolbar pattern, including the arrow-key navigation functionality.

@itwin/[email protected]

Patch Changes

• #2275: Made the ActionType.type type in Table more specific. This will help when using the action argument in the stateReducer function, for example.
• #2273: Fixed an issue where the internal unit test detection logic was incorrectly treating Cypress like a unit test environment.

@itwin/[email protected]

Patch Changes

• #2263: Default Tooltip delay is now correctly applied.
• #2266: All instances of user-select: all have been removed.
  • Affected components: Code, InformationPanel, Slider, Stepper, Tile.

@itwin/[email protected]

Minor Changes

• #2233: Popover now enables the hide middleware to hide the floating content when the trigger is hidden.

  • This also affects other popover-like components (e.g. Select, ComboBox, DropdownMenu, SplitButton).
  • If the floating content gets hidden even when it shouldn't (e.g. due to some custom styles interfering with the trigger's hide detection), consider disabling the hide middleware.

• #2233: Added a new dropdownMenuProps prop to SplitButton for additional control over the menu (e.g. to disable the hide middleware).

• #2259: ComboBox and Select now allow customizing the portal behavior of the floating listbox.

  • To customize ComboBox portaling behavior, use dropdownMenuProps.portal.
  • To customize Select portaling behavior, use popoverProps.portal.
  Example

  To turn off the default portaling behavior, use portal: false.

  <ComboBox
    options={[…]}
    dropdownMenuProps={{ portal: false }}
  />

  <Select
    options={[…]}
    popoverProps={{ portal: false }}
  />

• #2238: Passing styleType="borderless" to SearchBox.ExpandButton now works as expected. This is because collapsed SearchBox will now hide its border and background in favor of the ones from SearchBox.ExpandButton.

  Example

  <SearchBox expandable>
    <SearchBox.CollapsedState>
  -     <SearchBox.ExpandButton/>
  +     <SearchBox.ExpandButton styleType="borderless"/>
    </SearchBox.CollapsedState>
    <SearchBox.ExpandedState>…</SearchBox.ExpandedState>
  </SearchBox>

• #2211: Added the ability to have custom props for each sub-component of ColorPicker.

  • New ColorBuilder props: colorFieldProps, colorDotProps, opacitySliderProps, and hueSliderProps.
  • New ColorInputPanel props: panelLabelProps, colorInputContainerProps, inputFieldsGroupProps and swapColorFormatButtonProps.
  • New ColorPalette props: labelProps, and paletteContainerProps.

Patch Changes

• #2208: Fixed an issue in Table where subComponent was broken when enabling virtualization.
• #2239: Fixed scrollToRow in un-virtualized Table. In virtualized Table, scrollToRow now scrolls to the top for consistent behavior.
• #2233: Popover's middleware.hide prop is now respected.
• #2208: Table's animation to show and hide its subComponent is now removed.
• #2252: Fixed an issue where some components (e.g. VisuallyHidden inside ProgressRadial) were losing their styles when reparented into a different window.

@itwin/[email protected]

Patch Changes

• #2217: Fixed the Footer's translatedTitles prop's type to allow passing partial translations.
• #2218: Fixed a Table bug where custom Cell content was not taking up the entire available width in some cases.
• #2216: Fixed the fallback CSS logic in ThemeProvider to load the correct stylesheet version.

@itwin/[email protected]

Patch Changes

• #2209: Fixed an issue where nested Popovers were automatically closing due to faulty "outside click" detection.
• #2213: Dev-only warnings have been improved so that they are correctly shown for every individual instance of a component. Additionally, these warnings are now logged using console.error, which results in a better stack trace.

@itwin/[email protected]

Minor Changes

• #2040: Changed values of disabled text and disabled icon colors to better contrast agaist regular text and icon colors.
  • Introduced new --iui-color-text-disabled-hover & --iui-color-icon-disabled-hover variables.