19.7.0

igniteui-react:

Updated to use the latest igniteui-webcomponents@7.2.0 bringing the following changes:

Added

• Date Range Picker: Added support for editing the date range value directly via a single input field.
• Nav Drawer:
  • IgrNavDrawer for non-relative positions now uses native Popover API behavior, with built-in modal semantics, focus trapping, and accessibility improvements.
  • Added keepOpenOnEscape to prevent closing on Escape (non-relative positions only).
  • Added onClosing event, emitted just before close by user interaction. Cancelable.
  • Added onClosed event, emitted just after close by user interaction.
• Invoker Commands API
  • IgrButton and IgrIconButton now support command and commandFor for declarative target control without custom JavaScript wiring.
  • IgrBanner, IgrDialog, IgrNavDrawer, IgrSnackbar, and IgrToast now respond to --show, --hide, and --toggle invoker commands.
• Snackbar, Toast
  • Added positioning property (viewport | container). The component now renders as a popover in the browser top layer. Setting positioning to container anchors it to the nearest visible ancestor instead of the viewport.

Changed

• AI-Assisted Development: Updated and enhanced the library provided skills.
• Form controls
  • IgrInput, IgrMaskInput, IgrDateTimeInput, IgrCheckbox, IgrRadio, IgrSwitch, IgrDatePicker, and IgrDateRangePicker now submit their associated form on Enter key press, matching native browser behavior.
• Input: Added theming support for date, time, datetime-local, week, and month input types, ensuring consistent styles and floating label behavior across all supported themes.
• Nav Drawer: The overlay styling part has been removed. You can target the base part's ::backdrop pseudo-element, the --ig-overlay-background-color variable, or use the theming package.

Deprecated

• Localization: The old resource string interfaces for Calendar, Chat, Date Picker, and Date Range Picker are deprecated. Components now use the new igniteui-i18n resource keys. Setting individual resourceStrings properties directly is no longer supported; provide a complete resource strings object instead.

Fixed

• Button Group: Selected state border color mismatch in focused and hover states.
• Combo: Display value not restored correctly when tabbing out in single-select mode with a partial search text.
• Stepper: Step components connected to the DOM before their parent stepper now correctly receive context after being adopted by a stepper.

19.6.2

What's Changed

• feat(skills): add igniteui-react-generate-from-image-design skill by @georgianastasov in #146
• feat(skills): updating product skills with igniteui-cli mcp by @kdinev in #151
• fix(skills): removing references to next in CLI MCP by @kdinev in #154
• docs(typedoc): update to latest, fix json generation, configs per package by @skrustev in #132
• build: Bumped dependencies and update igniteui-dockmanager for selector conflict by @rkaraivanov in #152
• ci(api,typedoc): Always build Staging together with Production tags aside. by @skrustev in #156
• build(deps): Bumped igniteui-webcomponents and igniteui-grid-lite by @rkaraivanov in #157
• chore(deps): update igniteui-webcomponents-grids@7.1.0 by @damyanpetev in #158

Full Changelog: 19.6.1...19.6.2

19.6.1

What's Changed

• docs(*): adding/updating documents for community insights by @ChronosSF in #139
• fix(skills): update Grids w/ Lite and Forms clarification/expand by @kdinev in #141
• feat(skills): adding complete data chart example by @kdinev in #143
• docs(skills): add package-routing guidance to Ignite UI React AI skills by @georgianastasov in #145
• docs: Add Splitter component to README by @radomirchev in #144

Full Changelog: 19.6.0...19.6.1

19.6.0

Changed

• igniteui-react-dockmanager: updated to use the latest igniteui-dockmanager@2.1.0 with new minResizeWidth and minResizeHeight properties, paneFlyoutToggle event; additional layoutChange event detail and fixes. See the full changelog
• igniteui-react: updated to use the latest igniteui-webcomponents@7.1.0 including new Splitter and Highlight container components and fixes. See the full changelog.

Added

• AI-Assisted Development - Agent Skills — structured knowledge files that teach AI coding assistants (GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to work with Ignite UI for React.
  • The skill files are included in the igniteui-react package and also live in the skills/ directory:
    • components - Identify the right React components (Igr*) for a UI pattern, then install, import, and use them — JSX patterns, events, refs, forms, etc.
    • customize-theme - Customize styling using CSS custom properties, Sass, and the theming system in React, including using Ignite UI Theming MCP server
    • optimize-bundle-size - Reduce bundle size with granular imports, tree-shaking, and lazy loading
  • These skills are automatically discovered when placed in the agent's skills path ( e.g. .agents/skills or .claude/skills).

Full Changelog: 19.5.1...19.6.0

19.5.1

Changed

• fix(build): disable minify to resolve tree-shake issues by @rkaraivanov 3744ac2

19.5.0

Changed

• igniteui-react-dockmanager: updated to use the latest igniteui-dockmanager@2.0.0 with internal refactor and enhancements. See the full changelog.
• igniteui-react: updated to use the latest igniteui-webcomponents@7.0.0 including AI agent skills, changed global prefixes for CSS custom properties for component themes aligned across Ignite UI, enhancements and fixes. See the full changelog.
• igniteui-react: updated to use the latest igniteui-webcomponents-grids@7.0.0 with updated Localization (i18n), performance enhancements, dropdown menus and dialogs using HTML Popover API and new PDF export option.

Added

• New Localization (i18n) common integration via the igniteui-i18n-resources package and new registerI18n/setCurrentI18n global methods to manage localization resources.

• Added IgrGridLite wrapper around the igc-grid-lite Web Component (in Developer Preview)

  Available from the igniteui-react/grid-lite entry point. The wrapper component adds React-friendly API with similar and React template-based cell and header rendering.

  npm i igniteui-grid-lite
  

  import { IgrGridLite, IgrGridLiteColumn, IgrHeaderContext } from "igniteui-react/grid-lite";
  
  // ...
  const headerTemplate = (ctx: IgrHeaderContext<Record>) => {
    return <kbd>{ctx.column.field} 🔢</kbd>;
  };
  
  return (
    <IgrGridLite data={data}>
      <IgrGridLiteColumn field="id" dataType="number" headerTemplate={headerTemplate} />
    </IgrGridLite>
  );

Fixed

• fix(templates): don't cache based on ng implicit value #115
• fix: template render on reconnect/DOM move Commit 2693139
  

19.4.0

Changed

• License Update: 🎉 The igniteui-react package is now published under the MIT License, providing greater flexibility and openness for the community. This change reflects our commitment to fostering an inclusive and collaborative development environment while maintaining the high-quality standards you expect from Ignite UI for React.
  The @infragistics/igniteui-react is still published in the Infragistics NPM licensed feed both to maintain backwards compatibility and to ease the transition, but is otherwise identical to the npm.org package and its use is discouraged and will be deprecated in the future.
• Breaking Change: The IgrDockManager now published in its own package(s) igniteui-react-dockmanager and the respective @infragistics/igniteui-react-dockmanager in the Infragistics NPM licensed feed.

Added

• igniteui-react-dockmanager updated to use the latest igniteui-dockmanager@1.18.0 with multiple new functionality options exposed in addition to enhancements and fixes. See the full changelog.