🎩 You're Invited:Meet the Socket team at Black Hat in Las Vegas, August 3-6.RSVP
Sign In

igniteui-react-grids

Package Overview
Dependencies
Maintainers
1
Versions
171
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

igniteui-react-grids - npm Package Compare versions

Comparing version
19.8.0
to
19.8.1
+65
backfill-types-components.d.ts
import type { AbsolutePosition, CalendarHeaderOrientation, CalendarSelection, ContentOrientation, HorizontalTransitionAnimation, IconMeta, IgrActiveStepChangedEventArgs, IgrActiveStepChangingEventArgs, IgrButton, IgrChatMessage, IgrChatMessageAttachment, IgrChatMessageReaction, IgrCheckbox, IgrDropdownItem, IgrExpansionPanel, IgrIconButton, IgrInput, IgrSelectItem, IgrSwitch, IgrTab, IgrTile, IgrTreeItem, PickerMode, PopoverPlacement, PopoverScrollStrategy, SliderTickLabelRotation, SliderTickOrientation, ToggleLabelPosition } from './components/index.js';
export type IgrDropdownItemComponentEventArgs = CustomEvent<IgrDropdownItem>;
export type IgrExpansionPanelComponentEventArgs = CustomEvent<IgrExpansionPanel>;
export type IgrSelectItemComponentEventArgs = CustomEvent<IgrSelectItem>;
export type IgrTabComponentEventArgs = CustomEvent<IgrTab>;
export type IgrTileComponentEventArgs = CustomEvent<IgrTile>;
export type IgrTreeItemComponentEventArgs = CustomEvent<IgrTreeItem>;
export type IgrChatMessageEventArgs = CustomEvent<IgrChatMessage>;
export type IgrChatMessageReactionEventArgs = CustomEvent<IgrChatMessageReaction>;
export type IgrChatMessageAttachmentEventArgs = CustomEvent<IgrChatMessageAttachment>;
export type IgrChatAddedMessageAttachmentEventArgs = CustomEvent<IgrChatMessageAttachment[]>;
export type IgrComponentBoolValueChangedEventArgs = CustomEvent<boolean>;
export type IgrComponentDataValueChangedEventArgs = CustomEvent<any>;
export type IgrComponentDateValueChangedEventArgs = CustomEvent<Date>;
export type IgrComponentValueChangedEventArgs = CustomEvent<string>;
export type IgrNumberEventArgs = CustomEvent<number>;
export type IgrVoidEventArgs = CustomEvent<void>;
export type IgrCalendarFormatOptions = Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'>;
export type NumberFormatOptions = Intl.NumberFormatOptions;
/** @deprecated use PopoverPlacement */
export type DropdownPlacement = PopoverPlacement;
/** @deprecated use IconMeta */
export type IgrIconMeta = IconMeta;
/** @deprecated use AbsolutePosition */
export type BaseAlertLikePosition = AbsolutePosition;
/** @deprecated use CalendarSelection */
export type CalendarBaseSelection = CalendarSelection;
/** @deprecated use ContentOrientation */
export type CalendarOrientation = ContentOrientation;
/** @deprecated use ContentOrientation */
export type CardActionsOrientation = ContentOrientation;
/** @deprecated use HorizontalTransitionAnimation */
export type CarouselAnimationType = HorizontalTransitionAnimation;
/** @deprecated use ToggleLabelPosition */
export type CheckboxBaseLabelPosition = ToggleLabelPosition;
/** @deprecated use CalendarHeaderOrientation */
export type DatePickerHeaderOrientation = CalendarHeaderOrientation;
/** @deprecated use PickerMode */
export type DatePickerMode = PickerMode;
/** @deprecated use ContentOrientation */
export type DatePickerOrientation = ContentOrientation;
/** @deprecated use PopoverScrollStrategy */
export type DropdownScrollStrategy = PopoverScrollStrategy;
/** @deprecated use ContentOrientation */
export type RadioGroupAlignment = ContentOrientation;
/** @deprecated use ToggleLabelPosition */
export type RadioLabelPosition = ToggleLabelPosition;
/** @deprecated use PopoverScrollStrategy */
export type SelectScrollStrategy = PopoverScrollStrategy;
/** @deprecated use SliderTickOrientation */
export type SliderBaseTickOrientation = SliderTickOrientation;
/** @deprecated use HorizontalTransitionAnimation */
export type StepperHorizontalAnimation = HorizontalTransitionAnimation;
/** @deprecated use SliderTickLabelRotation */
export type TickLabelRotation = SliderTickLabelRotation;
/** @deprecated use IgrActiveStepChangedEventArgs */
export type IgrActiveStepChangedArgsEventArgs = IgrActiveStepChangedEventArgs;
/** @deprecated use IgrActiveStepChangingEventArgs */
export type IgrActiveStepChangingArgsEventArgs = IgrActiveStepChangingEventArgs;
/** @deprecated use the appropriate IgrButton or IgrIconButton type */
export type IgrButtonBase = IgrButton | IgrIconButton;
/** @deprecated use the appropriate IgrCheckbox or IgrSwitch type */
export type IgrCheckboxBase = IgrCheckbox | IgrSwitch;
/** @deprecated use IgrInput */
export type IgrInputBase = IgrInput;
import type { GridPagingMode as GridPagingModeType, IgrColumn, IgrDimensionsChange, IgrExpressionTree, IgrFilteringExpressionsTree, IgrForOfState, IgrGridClipboardEvent, IgrGridSelectionRange, IgrPivotDimension, IgrPivotValue, IgrSortingExpression, IgrValuesChange } from './grids/index.js';
export type IgrColumnComponentEventArgs = CustomEvent<IgrColumn>;
export type IgrDimensionsChangeEventArgs = CustomEvent<IgrDimensionsChange>;
export type IgrFilteringExpressionsTreeEventArgs = CustomEvent<IgrFilteringExpressionsTree>;
export type IgrForOfStateEventArgs = CustomEvent<IgrForOfState>;
export type IgrGridClipboardEventArgs = CustomEvent<IgrGridClipboardEvent>;
/** @deprecated use IgrGridClipboardEventArgs */
export type IgrGridClipboardEventEventArgs = IgrGridClipboardEventArgs;
export type IgrGridSelectionRangeEventArgs = CustomEvent<IgrGridSelectionRange>;
export type IgrPivotDimensionEventArgs = CustomEvent<IgrPivotDimension>;
/** @deprecated use IgrPivotValue */
export type IgrPivotValueDetail = IgrPivotValue;
export type IgrPivotValueEventArgs = CustomEvent<IgrPivotValue>;
export type IgrSortingExpressionEventArgs = CustomEvent<IgrSortingExpression[]>;
export type IgrValuesChangeEventArgs = CustomEvent<IgrValuesChange>;
export type IgrExpressionTreeEventArgs = CustomEvent<IgrExpressionTree>;
export type IgrComponentArrayDataValueChangedEventArgs = CustomEvent<any[]>;
export type GridPagingMode = GridPagingModeType;
/** @deprecated use of properties as enum values. GridPagingMode is now union type so use values directly, e.g. `pagingMode="local"` */
export declare const GridPagingMode: {
/** @deprecated use GridPagingMode union type values directly, e.g. `pagingMode="local"` */
readonly Local: "local";
/** @deprecated use GridPagingMode union type values directly, e.g. `pagingMode="remote"` */
readonly Remote: "remote";
};
/**
* Creates a proxy around template context data that adds back
* the `dataContext` prop returning the original data
*/
export declare function withDataContext(data: unknown): any;
interface DataContextProp<T> {
/**
* @deprecated template context props are now available as the root object and can be accessed directly.
* E.g. instead of `ctx.dataContext.<prop>` just `ctx.<prop>`
*/
dataContext: T;
}
export type WithDataContext<T> = T extends [infer F, ...infer R] ? [F & DataContextProp<F>, ...WithDataContext<R>] : [];
export {};
export declare function equal<T>(a: unknown, b: T, visited?: WeakSet<WeakKey>): boolean;
export type * from './backfill-types-grids.js';
export { GridPagingMode } from './backfill-types-grids.js';
export * from './grids/index.js';
import { IgcActionStripComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Action Strip provides templatable area for one or more actions.
* @class
*/
export declare const IgrActionStrip: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrActionStrip = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrActionStripModule: typeof Component;
import { IgcColumnGroupComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcColumnGroupComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* **Ignite UI for Angular Column Group**
* @fires hiddenChange - Emitted when the column is hidden or shown.
* @fires expandedChange - Emitted when the column expanded or collapsed.
* @fires widthChange - Emitted when the column width changes.
* @fires pinnedChange - Emitted when the column is pinned/unpinned.
* @class
*/
export declare const IgrColumnGroup: import("../react-props.js").ReactWebComponent<Component, {
onHiddenChange: EventName<IgcColumnGroupComponentEventMap["hiddenChange"]>;
onExpandedChange: EventName<IgcColumnGroupComponentEventMap["expandedChange"]>;
onWidthChange: EventName<IgcColumnGroupComponentEventMap["widthChange"]>;
onPinnedChange: EventName<IgcColumnGroupComponentEventMap["pinnedChange"]>;
}, {
collapsibleIndicatorTemplate: string;
summaryTemplate: string;
bodyTemplate: string;
headerTemplate: string;
inlineEditorTemplate: string;
errorTemplate: string;
filterCellTemplate: string;
}>;
export type IgrColumnGroup = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrColumnGroupModule: typeof Component;
import { IgcColumnLayoutComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcColumnLayoutComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Column layout for declaration of Multi-row Layout
* @fires hiddenChange - Emitted when the column is hidden or shown.
* @fires expandedChange - Emitted when the column expanded or collapsed.
* @fires widthChange - Emitted when the column width changes.
* @fires pinnedChange - Emitted when the column is pinned/unpinned.
* @class
*/
export declare const IgrColumnLayout: import("../react-props.js").ReactWebComponent<Component, {
onHiddenChange: EventName<IgcColumnLayoutComponentEventMap["hiddenChange"]>;
onExpandedChange: EventName<IgcColumnLayoutComponentEventMap["expandedChange"]>;
onWidthChange: EventName<IgcColumnLayoutComponentEventMap["widthChange"]>;
onPinnedChange: EventName<IgcColumnLayoutComponentEventMap["pinnedChange"]>;
}, {
collapsibleIndicatorTemplate: string;
summaryTemplate: string;
bodyTemplate: string;
headerTemplate: string;
inlineEditorTemplate: string;
errorTemplate: string;
filterCellTemplate: string;
}>;
export type IgrColumnLayout = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrColumnLayoutModule: typeof Component;
import { IgcColumnComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcColumnComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* **Ignite UI for Angular Column** - [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid#columns-configuration) The Ignite UI Column is used within an `igx-grid` element to define what data the column will show. Features such as sorting, filtering & editing are enabled at the column level. You can also provide a template containing custom content inside the column using `ng-template` which will be used for all cells within the column.
* @fires hiddenChange - Emitted when the column is hidden or shown.
* @fires expandedChange - Emitted when the column expanded or collapsed.
* @fires widthChange - Emitted when the column width changes.
* @fires pinnedChange - Emitted when the column is pinned/unpinned.
* @class
*/
export declare const IgrColumn: import("../react-props.js").ReactWebComponent<Component, {
onHiddenChange: EventName<IgcColumnComponentEventMap["hiddenChange"]>;
onExpandedChange: EventName<IgcColumnComponentEventMap["expandedChange"]>;
onWidthChange: EventName<IgcColumnComponentEventMap["widthChange"]>;
onPinnedChange: EventName<IgcColumnComponentEventMap["pinnedChange"]>;
}, {
summaryTemplate: string;
bodyTemplate: string;
headerTemplate: string;
inlineEditorTemplate: string;
errorTemplate: string;
filterCellTemplate: string;
}>;
export type IgrColumn = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrColumnModule: typeof Component;
import { IgcGridEditingActionsComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Grid Editing Actions for the Action Strip
* @class
*/
export declare const IgrGridEditingActions: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridEditingActions = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridEditingActionsModule: typeof Component;
import { IgcGridPinningActionsComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Grid Pinning Actions for the Action Strip
* @class
*/
export declare const IgrGridPinningActions: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridPinningActions = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridPinningActionsModule: typeof Component;
import { IgcGridStateComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridStateComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* State component allows saving and restoring the state of the grid features.
* @fires stateParsed - Event emitted when set state is called with a string. Returns the parsed state object so that it can be further modified before applying to the grid.
* @class
*/
export declare const IgrGridState: import("../react-props.js").ReactWebComponent<Component, {
onStateParsed: EventName<IgcGridStateComponentEventMap["stateParsed"]>;
}, {}>;
export type IgrGridState = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridStateModule: typeof Component;
import { IgcGridToolbarActionsComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Provides a way to template the action portion of the toolbar in the grid.
* @class
*/
export declare const IgrGridToolbarActions: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridToolbarActions = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarActionsModule: typeof Component;
import { IgcGridToolbarAdvancedFilteringComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Provides a pre-configured button to open the advanced filtering dialog of the grid.
* @class
*/
export declare const IgrGridToolbarAdvancedFiltering: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridToolbarAdvancedFiltering = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarAdvancedFilteringModule: typeof Component;
import { IgcGridToolbarExporterComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridToolbarExporterComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Provides a pre-configured exporter component for the grid.
* @fires exportStarted - Emitted when starting an export operation. Re-emitted additionally by the grid itself.
* @fires exportEnded - Emitted on successful ending of an export operation.
* @fires opening - Emits an event before the toggle container is opened.
* @fires opened - Emits an event after the toggle container is opened.
* @fires closing - Emits an event before the toggle container is closed.
* @fires closed - Emits an event after the toggle container is closed.
* @fires columnToggle - Emits when after a column's checked state is changed
* @class
*/
export declare const IgrGridToolbarExporter: import("../react-props.js").ReactWebComponent<Component, {
onExportStarted: EventName<IgcGridToolbarExporterComponentEventMap["exportStarted"]>;
onExportEnded: EventName<IgcGridToolbarExporterComponentEventMap["exportEnded"]>;
onOpening: EventName<IgcGridToolbarExporterComponentEventMap["opening"]>;
onOpened: EventName<IgcGridToolbarExporterComponentEventMap["opened"]>;
onClosing: EventName<IgcGridToolbarExporterComponentEventMap["closing"]>;
onClosed: EventName<IgcGridToolbarExporterComponentEventMap["closed"]>;
onColumnToggle: EventName<IgcGridToolbarExporterComponentEventMap["columnToggle"]>;
}, {}>;
export type IgrGridToolbarExporter = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarExporterModule: typeof Component;
import { IgcGridToolbarHidingComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridToolbarHidingComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Provides a pre-configured column hiding component for the grid.
* @fires opening - Emits an event before the toggle container is opened.
* @fires opened - Emits an event after the toggle container is opened.
* @fires closing - Emits an event before the toggle container is closed.
* @fires closed - Emits an event after the toggle container is closed.
* @fires columnToggle - Emits when after a column's checked state is changed
* @class
*/
export declare const IgrGridToolbarHiding: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcGridToolbarHidingComponentEventMap["opening"]>;
onOpened: EventName<IgcGridToolbarHidingComponentEventMap["opened"]>;
onClosing: EventName<IgcGridToolbarHidingComponentEventMap["closing"]>;
onClosed: EventName<IgcGridToolbarHidingComponentEventMap["closed"]>;
onColumnToggle: EventName<IgcGridToolbarHidingComponentEventMap["columnToggle"]>;
}, {}>;
export type IgrGridToolbarHiding = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarHidingModule: typeof Component;
import { IgcGridToolbarPinningComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridToolbarPinningComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Provides a pre-configured column pinning component for the grid.
* @fires opening - Emits an event before the toggle container is opened.
* @fires opened - Emits an event after the toggle container is opened.
* @fires closing - Emits an event before the toggle container is closed.
* @fires closed - Emits an event after the toggle container is closed.
* @fires columnToggle - Emits when after a column's checked state is changed
* @class
*/
export declare const IgrGridToolbarPinning: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcGridToolbarPinningComponentEventMap["opening"]>;
onOpened: EventName<IgcGridToolbarPinningComponentEventMap["opened"]>;
onClosing: EventName<IgcGridToolbarPinningComponentEventMap["closing"]>;
onClosed: EventName<IgcGridToolbarPinningComponentEventMap["closed"]>;
onColumnToggle: EventName<IgcGridToolbarPinningComponentEventMap["columnToggle"]>;
}, {}>;
export type IgrGridToolbarPinning = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarPinningModule: typeof Component;
import { IgcGridToolbarTitleComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Provides a way to template the title portion of the toolbar in the grid.
* @class
*/
export declare const IgrGridToolbarTitle: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridToolbarTitle = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarTitleModule: typeof Component;
import { IgcGridToolbarComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Provides a context-aware container component for UI operations for the grid components.
* @class
*/
export declare const IgrGridToolbar: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridToolbar = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarModule: typeof Component;
import { IgcGridComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Grid provides a way to present and manipulate tabular data.
* @fires columnsAutogenerated - undefined
* @fires childrenResolved - Emitted when content children are resolved and collections in grid are updated.
* @fires dataPreLoad - Emitted when a new chunk of data is loaded from virtualization.
* @fires groupingExpressionsChange - Emitted when grouping is performed.
* @fires groupingExpansionStateChange - Emitted when groups are expanded/collapsed.
* @fires groupingDone - Emitted when columns are grouped/ungrouped.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrGrid: import("../react-props.js").ReactWebComponent<Component, {
onColumnsAutogenerated: EventName<IgcGridComponentEventMap["columnsAutogenerated"]>;
onChildrenResolved: EventName<IgcGridComponentEventMap["childrenResolved"]>;
onDataPreLoad: EventName<IgcGridComponentEventMap["dataPreLoad"]>;
onGroupingExpressionsChange: EventName<IgcGridComponentEventMap["groupingExpressionsChange"]>;
onGroupingExpansionStateChange: EventName<IgcGridComponentEventMap["groupingExpansionStateChange"]>;
onGroupingDone: EventName<IgcGridComponentEventMap["groupingDone"]>;
onFilteringExpressionsTreeChange: EventName<IgcGridComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcGridComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcGridComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcGridComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcGridComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcGridComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcGridComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcGridComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcGridComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcGridComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcGridComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcGridComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcGridComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcGridComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcGridComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcGridComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcGridComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcGridComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcGridComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcGridComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcGridComponentEventMap["columnInit"]>;
onSorting: EventName<IgcGridComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcGridComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcGridComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcGridComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcGridComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcGridComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcGridComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcGridComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcGridComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcGridComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcGridComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcGridComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcGridComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcGridComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcGridComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcGridComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcGridComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcGridComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcGridComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcGridComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcGridComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcGridComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcGridComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcGridComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcGridComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcGridComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcGridComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcGridComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcGridComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcGridComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcGridComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcGridComponentEventMap["dataChanged"]>;
}, {
dropAreaTemplate: string;
detailTemplate: string;
groupByRowSelectorTemplate: string;
groupRowTemplate: string;
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrGrid = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridModule: typeof Component;
import { IgcHierarchicalGridComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcHierarchicalGridComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Hierarchical grid
* @fires columnsAutogenerated - undefined
* @fires childrenResolved - Emitted when content children are resolved and collections in grid are updated.
* @fires dataPreLoad - Emitted when a new chunk of data is loaded from virtualization.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrHierarchicalGrid: import("../react-props.js").ReactWebComponent<Component, {
onColumnsAutogenerated: EventName<IgcHierarchicalGridComponentEventMap["columnsAutogenerated"]>;
onChildrenResolved: EventName<IgcHierarchicalGridComponentEventMap["childrenResolved"]>;
onDataPreLoad: EventName<IgcHierarchicalGridComponentEventMap["dataPreLoad"]>;
onFilteringExpressionsTreeChange: EventName<IgcHierarchicalGridComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcHierarchicalGridComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcHierarchicalGridComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcHierarchicalGridComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcHierarchicalGridComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcHierarchicalGridComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcHierarchicalGridComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcHierarchicalGridComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcHierarchicalGridComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcHierarchicalGridComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcHierarchicalGridComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcHierarchicalGridComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcHierarchicalGridComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcHierarchicalGridComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcHierarchicalGridComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcHierarchicalGridComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcHierarchicalGridComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcHierarchicalGridComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcHierarchicalGridComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcHierarchicalGridComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcHierarchicalGridComponentEventMap["columnInit"]>;
onSorting: EventName<IgcHierarchicalGridComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcHierarchicalGridComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcHierarchicalGridComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcHierarchicalGridComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcHierarchicalGridComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcHierarchicalGridComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcHierarchicalGridComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcHierarchicalGridComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcHierarchicalGridComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcHierarchicalGridComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcHierarchicalGridComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcHierarchicalGridComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcHierarchicalGridComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcHierarchicalGridComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcHierarchicalGridComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcHierarchicalGridComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcHierarchicalGridComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcHierarchicalGridComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcHierarchicalGridComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcHierarchicalGridComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcHierarchicalGridComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcHierarchicalGridComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcHierarchicalGridComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcHierarchicalGridComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcHierarchicalGridComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcHierarchicalGridComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcHierarchicalGridComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcHierarchicalGridComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcHierarchicalGridComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcHierarchicalGridComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcHierarchicalGridComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcHierarchicalGridComponentEventMap["dataChanged"]>;
}, {
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrHierarchicalGrid = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrHierarchicalGridModule: typeof Component;
/**
* @module igniteui-react-grids
*/
export * from './grid.js';
export * from './hierarchical-grid.js';
export * from './row-island.js';
export * from './tree-grid.js';
export * from './grid-state.js';
export * from './action-strip.js';
export * from './column-group.js';
export * from './column.js';
export * from './column-layout.js';
export * from './grid-editing-actions.js';
export * from './grid-pinning-actions.js';
export * from './grid-toolbar-title.js';
export * from './grid-toolbar-actions.js';
export * from './grid-toolbar-advanced-filtering.js';
export * from './grid-toolbar-exporter.js';
export * from './grid-toolbar-hiding.js';
export * from './grid-toolbar-pinning.js';
export * from './pivot-data-selector.js';
export * from './pivot-grid.js';
export * from './query-builder-header.js';
export * from './query-builder.js';
export * from './grid-toolbar.js';
export * from './paginator.js';
export * from './types.js';
import { IgcPaginatorComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcPaginatorComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Paginator component description
* @fires perPageChange - Emitted when `perPage` property value of the paginator is changed.
* @fires pageChange - Emitted after the current page is changed.
* @fires paging - Emitted before paging is performed.
* @fires pagingDone - Emitted after paging is performed.
* @class
*/
export declare const IgrPaginator: import("../react-props.js").ReactWebComponent<Component, {
onPerPageChange: EventName<IgcPaginatorComponentEventMap["perPageChange"]>;
onPageChange: EventName<IgcPaginatorComponentEventMap["pageChange"]>;
onPaging: EventName<IgcPaginatorComponentEventMap["paging"]>;
onPagingDone: EventName<IgcPaginatorComponentEventMap["pagingDone"]>;
}, {}>;
export type IgrPaginator = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrPaginatorModule: typeof Component;
import { IgcPivotDataSelectorComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcPivotDataSelectorComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Pivot Data Selector provides means to configure the pivot state of the Pivot Grid via a vertical panel UI
* @fires columnsExpandedChange - Emitted when the columns panel is expanded or collapsed.
* @fires rowsExpandedChange - Emitted when the rows panel is expanded or collapsed.
* @fires filtersExpandedChange - Emitted when the filters panel is expanded or collapsed.
* @fires valuesExpandedChange - Emitted when the values panel is expanded or collapsed.
* @class
*/
export declare const IgrPivotDataSelector: import("../react-props.js").ReactWebComponent<Component, {
onColumnsExpandedChange: EventName<IgcPivotDataSelectorComponentEventMap["columnsExpandedChange"]>;
onRowsExpandedChange: EventName<IgcPivotDataSelectorComponentEventMap["rowsExpandedChange"]>;
onFiltersExpandedChange: EventName<IgcPivotDataSelectorComponentEventMap["filtersExpandedChange"]>;
onValuesExpandedChange: EventName<IgcPivotDataSelectorComponentEventMap["valuesExpandedChange"]>;
}, {}>;
export type IgrPivotDataSelector = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrPivotDataSelectorModule: typeof Component;
import { IgcPivotGridComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcPivotGridComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Pivot Grid provides a way to present and manipulate data in a pivot table view.
* @fires dimensionsChange - Emitted when the dimension collection is changed via the grid chip area.
* @fires pivotConfigurationChange - Emitted when any of the pivotConfiguration properties is changed via the grid chip area.
* @fires dimensionInit - Emitted when the dimension is initialized.
* @fires valueInit - Emitted when the value is initialized.
* @fires dimensionsSortingExpressionsChange - Emitted when a dimension is sorted.
* @fires valuesChange - Emitted when the values collection is changed via the grid chip area.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrPivotGrid: import("../react-props.js").ReactWebComponent<Component, {
onDimensionsChange: EventName<IgcPivotGridComponentEventMap["dimensionsChange"]>;
onPivotConfigurationChange: EventName<IgcPivotGridComponentEventMap["pivotConfigurationChange"]>;
onDimensionInit: EventName<IgcPivotGridComponentEventMap["dimensionInit"]>;
onValueInit: EventName<IgcPivotGridComponentEventMap["valueInit"]>;
onDimensionsSortingExpressionsChange: EventName<IgcPivotGridComponentEventMap["dimensionsSortingExpressionsChange"]>;
onValuesChange: EventName<IgcPivotGridComponentEventMap["valuesChange"]>;
onFilteringExpressionsTreeChange: EventName<IgcPivotGridComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcPivotGridComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcPivotGridComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcPivotGridComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcPivotGridComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcPivotGridComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcPivotGridComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcPivotGridComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcPivotGridComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcPivotGridComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcPivotGridComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcPivotGridComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcPivotGridComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcPivotGridComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcPivotGridComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcPivotGridComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcPivotGridComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcPivotGridComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcPivotGridComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcPivotGridComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcPivotGridComponentEventMap["columnInit"]>;
onSorting: EventName<IgcPivotGridComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcPivotGridComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcPivotGridComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcPivotGridComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcPivotGridComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcPivotGridComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcPivotGridComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcPivotGridComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcPivotGridComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcPivotGridComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcPivotGridComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcPivotGridComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcPivotGridComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcPivotGridComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcPivotGridComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcPivotGridComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcPivotGridComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcPivotGridComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcPivotGridComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcPivotGridComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcPivotGridComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcPivotGridComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcPivotGridComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcPivotGridComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcPivotGridComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcPivotGridComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcPivotGridComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcPivotGridComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcPivotGridComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcPivotGridComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcPivotGridComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcPivotGridComponentEventMap["dataChanged"]>;
}, {
valueChipTemplate: string;
rowDimensionHeaderTemplate: string;
emptyPivotGridTemplate: string;
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrPivotGrid = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrPivotGridModule: typeof Component;
import { IgcQueryBuilderHeaderComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* @class
*/
export declare const IgrQueryBuilderHeader: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrQueryBuilderHeader = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrQueryBuilderHeaderModule: typeof Component;
import { IgcQueryBuilderComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcQueryBuilderComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* A component used for operating with complex filters by creating or editing conditions and grouping them using AND/OR logic. It is used internally in the Advanced Filtering of the Grid.
* @fires expressionTreeChange - Event fired as the expression tree is changed.
* @class
*/
export declare const IgrQueryBuilder: import("../react-props.js").ReactWebComponent<Component, {
onExpressionTreeChange: EventName<IgcQueryBuilderComponentEventMap["expressionTreeChange"]>;
}, {
searchValueTemplate: string;
}>;
export type IgrQueryBuilder = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrQueryBuilderModule: typeof Component;
import { IgcRowIslandComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcRowIslandComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Row island
* @fires columnsAutogenerated - undefined
* @fires gridCreated - Event emitted when a grid is being created based on this row island.
* @fires gridInitialized - Emitted after a grid is being initialized for this row island. The emitting is done in `ngAfterViewInit`.
* @fires dataPreLoad - Emitted when a new chunk of data is loaded from virtualization.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrRowIsland: import("../react-props.js").ReactWebComponent<Component, {
onColumnsAutogenerated: EventName<IgcRowIslandComponentEventMap["columnsAutogenerated"]>;
onGridCreated: EventName<IgcRowIslandComponentEventMap["gridCreated"]>;
onGridInitialized: EventName<IgcRowIslandComponentEventMap["gridInitialized"]>;
onDataPreLoad: EventName<IgcRowIslandComponentEventMap["dataPreLoad"]>;
onFilteringExpressionsTreeChange: EventName<IgcRowIslandComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcRowIslandComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcRowIslandComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcRowIslandComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcRowIslandComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcRowIslandComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcRowIslandComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcRowIslandComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcRowIslandComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcRowIslandComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcRowIslandComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcRowIslandComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcRowIslandComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcRowIslandComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcRowIslandComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcRowIslandComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcRowIslandComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcRowIslandComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcRowIslandComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcRowIslandComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcRowIslandComponentEventMap["columnInit"]>;
onSorting: EventName<IgcRowIslandComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcRowIslandComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcRowIslandComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcRowIslandComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcRowIslandComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcRowIslandComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcRowIslandComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcRowIslandComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcRowIslandComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcRowIslandComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcRowIslandComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcRowIslandComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcRowIslandComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcRowIslandComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcRowIslandComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcRowIslandComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcRowIslandComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcRowIslandComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcRowIslandComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcRowIslandComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcRowIslandComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcRowIslandComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcRowIslandComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcRowIslandComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcRowIslandComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcRowIslandComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcRowIslandComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcRowIslandComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcRowIslandComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcRowIslandComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcRowIslandComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcRowIslandComponentEventMap["dataChanged"]>;
}, {
toolbarTemplate: string;
paginatorTemplate: string;
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrRowIsland = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrRowIslandModule: typeof Component;
import { IgcTreeGridComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcTreeGridComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* **Ignite UI for Angular Tree Grid** - [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid) The Ignite UI Tree Grid displays and manipulates hierarchical data with consistent schema formatted as a table and provides features such as sorting, filtering, editing, column pinning, paging, column moving and hiding. Example:
* @fires columnsAutogenerated - undefined
* @fires childrenResolved - Emitted when content children are resolved and collections in grid are updated.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrTreeGrid: import("../react-props.js").ReactWebComponent<Component, {
onColumnsAutogenerated: EventName<IgcTreeGridComponentEventMap["columnsAutogenerated"]>;
onChildrenResolved: EventName<IgcTreeGridComponentEventMap["childrenResolved"]>;
onFilteringExpressionsTreeChange: EventName<IgcTreeGridComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcTreeGridComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcTreeGridComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcTreeGridComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcTreeGridComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcTreeGridComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcTreeGridComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcTreeGridComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcTreeGridComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcTreeGridComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcTreeGridComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcTreeGridComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcTreeGridComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcTreeGridComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcTreeGridComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcTreeGridComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcTreeGridComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcTreeGridComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcTreeGridComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcTreeGridComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcTreeGridComponentEventMap["columnInit"]>;
onSorting: EventName<IgcTreeGridComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcTreeGridComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcTreeGridComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcTreeGridComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcTreeGridComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcTreeGridComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcTreeGridComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcTreeGridComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcTreeGridComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcTreeGridComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcTreeGridComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcTreeGridComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcTreeGridComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcTreeGridComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcTreeGridComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcTreeGridComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcTreeGridComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcTreeGridComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcTreeGridComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcTreeGridComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcTreeGridComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcTreeGridComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcTreeGridComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcTreeGridComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcTreeGridComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcTreeGridComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcTreeGridComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcTreeGridComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcTreeGridComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcTreeGridComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcTreeGridComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcTreeGridComponentEventMap["dataChanged"]>;
}, {
rowLoadingIndicatorTemplate: string;
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrTreeGrid = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTreeGridModule: typeof Component;
import { type IgcGridBaseComponent as IgrGridBaseComponent, type IgcColumnsAutoGeneratedEventArgs as IgrColumnsAutoGeneratedEventArgsDetail, type IgcActionStripToken as IgrActionStripToken, type IgcHierarchicalGridBaseComponent as IgrHierarchicalGridBaseComponent, type IgcTreeGridBaseComponent as IgrTreeGridBaseComponent, type IgcGridStateBaseDirective as IgrGridStateBaseDirective, type IgcGridStateInfo as IgrGridStateInfo, type IgcActionStripResourceStrings as IgrActionStripResourceStrings, IgcBooleanFilteringOperand as IgrBooleanFilteringOperand, IgcFilteringOperand as IgrFilteringOperand, IgcDateFilteringOperand as IgrDateFilteringOperand, type IgcBaseDateTimeFilteringOperand as IgrBaseDateTimeFilteringOperand, IgcDateTimeFilteringOperand as IgrDateTimeFilteringOperand, IgcTimeFilteringOperand as IgrTimeFilteringOperand, IgcNumberFilteringOperand as IgrNumberFilteringOperand, IgcStringFilteringOperand as IgrStringFilteringOperand, type IgcFilteringExpression as IgrFilteringExpression, type IgcFilteringOperation as IgrFilteringOperation, type IgcExpressionTree as IgrExpressionTree, IgcNoopFilteringStrategy as IgrNoopFilteringStrategy, type IgcBaseFilteringStrategy as IgrBaseFilteringStrategy, IgcFilteringExpressionsTree as IgrFilteringExpressionsTree, IgcNoopSortingStrategy as IgrNoopSortingStrategy, type IgcSummaryExpression as IgrSummaryExpression, type IgcGroupByResult as IgrGroupByResult, type IgcGroupByRecord as IgrGroupByRecord, IgcDefaultTreeGridMergeStrategy as IgrDefaultTreeGridMergeStrategy, IgcDefaultMergeStrategy as IgrDefaultMergeStrategy, IgcByLevelTreeGridMergeStrategy as IgrByLevelTreeGridMergeStrategy, type IgcColumnTemplateContext as IgrColumnTemplateContext, IgcNoopPivotDimensionsStrategy as IgrNoopPivotDimensionsStrategy, type IgcPivotDimension as IgrPivotDimension, type IgcPivotValue as IgrPivotValue, type IgcGridActionsBaseDirective as IgrGridActionsBaseDirective, IgcPivotDateDimension as IgrPivotDateDimension, type IgcGridResourceStrings as IgrGridResourceStrings, type IgcPivotDateDimensionOptions as IgrPivotDateDimensionOptions, IgcCsvExporterOptions as IgrCsvExporterOptions, type IgcExporterOptionsBase as IgrExporterOptionsBase, IgcCsvExporterService as IgrCsvExporterService, type IgcBaseExporter as IgrBaseExporter, type IgcCsvExportEndedEventArgs as IgrCsvExportEndedEventArgsDetail, IgcExcelExporterOptions as IgrExcelExporterOptions, IgcExcelExporterService as IgrExcelExporterService, type IgcExcelExportEndedEventArgs as IgrExcelExportEndedEventArgsDetail, IgcSummaryOperand as IgrSummaryOperand, type IgcSummaryResult as IgrSummaryResult, IgcNumberSummaryOperand as IgrNumberSummaryOperand, IgcDateSummaryOperand as IgrDateSummaryOperand, IgcTimeSummaryOperand as IgrTimeSummaryOperand, type IgcOverlaySettings as IgrOverlaySettings, type IgcBaseToolbarDirective as IgrBaseToolbarDirective, type IgcExporterEventArgs as IgrExporterEventArgsDetail, type IgcBaseToolbarColumnActionsDirective as IgrBaseToolbarColumnActionsDirective, type IgcToggleViewCancelableEventArgs as IgrToggleViewCancelableEventArgsDetail, type IgcToggleViewEventArgs as IgrToggleViewEventArgsDetail, type IgcColumnToggledEventArgs as IgrColumnToggledEventArgsDetail, type IgcGridBaseDirective as IgrGridBaseDirective, type IgcDimensionsChange as IgrDimensionsChange, type IgcPivotConfigurationChangedEventArgs as IgrPivotConfigurationChangedEventArgsDetail, type IgcSortingExpression as IgrSortingExpression, type IgcValuesChange as IgrValuesChange, type IgcPivotGridValueTemplateContext as IgrPivotGridValueTemplateContext, type IgcPivotConfiguration as IgrPivotConfiguration, type IgcPivotUISettings as IgrPivotUISettings, type IgcQueryBuilderResourceStrings as IgrQueryBuilderResourceStrings, type IgcEntityType as IgrEntityType, type IgcQueryBuilderSearchValueContext as IgrQueryBuilderSearchValueContext, type IgcForOfState as IgrForOfState, type IgcGroupingExpression as IgrGroupingExpression, type IgcGroupByExpandState as IgrGroupByExpandState, type IgcGroupingDoneEventArgs as IgrGroupingDoneEventArgsDetail, type IgcGridMasterDetailContext as IgrGridMasterDetailContext, type IgcGridGroupingStrategy as IgrGridGroupingStrategy, type IgcGroupByRowSelectorTemplateContext as IgrGroupByRowSelectorTemplateContext, type IgcGroupByRowTemplateContext as IgrGroupByRowTemplateContext, type IgcRowType as IgrRowType, type IgcCellType as IgrCellType, type IgcBaseEventArgs as IgrBaseEventArgsDetail, type IgcHierarchicalGridBaseDirective as IgrHierarchicalGridBaseDirective, type IgcRowIslandBaseComponent as IgrRowIslandBaseComponent, type IgcGridTemplateContext as IgrGridTemplateContext, type IgcDataCloneStrategy as IgrDataCloneStrategy, type IgcClipboardOptions as IgrClipboardOptions, type IgcGridScrollEventArgs as IgrGridScrollEventArgsDetail, type IgcGridCellEventArgs as IgrGridCellEventArgsDetail, type IgcGridRowEventArgs as IgrGridRowEventArgsDetail, type IgcGridFormGroupCreatedEventArgs as IgrGridFormGroupCreatedEventArgsDetail, type IgcGridValidationStatusEventArgs as IgrGridValidationStatusEventArgsDetail, type IgcRowSelectionEventArgs as IgrRowSelectionEventArgsDetail, type IgcColumnSelectionEventArgs as IgrColumnSelectionEventArgsDetail, type IgcPinColumnCancellableEventArgs as IgrPinColumnCancellableEventArgsDetail, type IgcPinColumnEventArgs as IgrPinColumnEventArgsDetail, type IgcGridEditEventArgs as IgrGridEditEventArgsDetail, type IgcGridEditDoneEventArgs as IgrGridEditDoneEventArgsDetail, type IgcSortingEventArgs as IgrSortingEventArgsDetail, type IgcFilteringEventArgs as IgrFilteringEventArgsDetail, type IgcRowDataEventArgs as IgrRowDataEventArgsDetail, type IgcRowDataCancelableEventArgs as IgrRowDataCancelableEventArgsDetail, type IgcColumnResizeEventArgs as IgrColumnResizeEventArgsDetail, type IgcGridContextMenuEventArgs as IgrGridContextMenuEventArgsDetail, type IgcColumnVisibilityChangingEventArgs as IgrColumnVisibilityChangingEventArgsDetail, type IgcColumnVisibilityChangedEventArgs as IgrColumnVisibilityChangedEventArgsDetail, type IgcColumnMovingStartEventArgs as IgrColumnMovingStartEventArgsDetail, type IgcColumnMovingEventArgs as IgrColumnMovingEventArgsDetail, type IgcColumnMovingEndEventArgs as IgrColumnMovingEndEventArgsDetail, type IgcGridKeydownEventArgs as IgrGridKeydownEventArgsDetail, type IgcRowDragStartEventArgs as IgrRowDragStartEventArgsDetail, type IgcRowDragEndEventArgs as IgrRowDragEndEventArgsDetail, type IgcGridClipboardEvent as IgrGridClipboardEvent, type IgcRowToggleEventArgs as IgrRowToggleEventArgsDetail, type IgcPinRowEventArgs as IgrPinRowEventArgsDetail, type IgcActiveNodeChangeEventArgs as IgrActiveNodeChangeEventArgsDetail, type IgcGridToolbarExportEventArgs as IgrGridToolbarExportEventArgsDetail, type IgcGridSelectionRange as IgrGridSelectionRange, type IgcForOfDataChangeEventArgs as IgrForOfDataChangeEventArgsDetail, type IgcGridRowDragGhostContext as IgrGridRowDragGhostContext, type IgcGridRowEditTextTemplateContext as IgrGridRowEditTextTemplateContext, type IgcGridEmptyTemplateContext as IgrGridEmptyTemplateContext, type IgcGridRowEditActionsTemplateContext as IgrGridRowEditActionsTemplateContext, type IgcGridRowTemplateContext as IgrGridRowTemplateContext, type IgcGridHeaderTemplateContext as IgrGridHeaderTemplateContext, type IgcPinningConfig as IgrPinningConfig, type IgcFilteringStrategy as IgrFilteringStrategy, type IgcGridSortingStrategy as IgrGridSortingStrategy, type IgcGridMergeStrategy as IgrGridMergeStrategy, type IgcSortingOptions as IgrSortingOptions, type IgcRowDirective as IgrRowDirective, type IgcHeadSelectorTemplateContext as IgrHeadSelectorTemplateContext, type IgcRowSelectorTemplateContext as IgrRowSelectorTemplateContext, type IgcSearchInfo as IgrSearchInfo, type IgcOverlayOutletDirective as IgrOverlayOutletDirective, type IgcGridRowComponent as IgrGridRowComponent, type IgcCellPosition as IgrCellPosition, type IgcGridToolbarTemplateContext as IgrGridToolbarTemplateContext, type IgcGridPaginatorTemplateContext as IgrGridPaginatorTemplateContext, type IgcGridCreatedEventArgs as IgrGridCreatedEventArgsDetail, type IgcTreeGridRecord as IgrTreeGridRecord, type IgcGridStateOptions as IgrGridStateOptions, type IgcColumnState as IgrColumnState, type IgcPagingState as IgrPagingState, type IgcGroupingState as IgrGroupingState, type IgcGridStateCollection as IgrGridStateCollection, type IgcFilterItem as IgrFilterItem, type IgcGroupedRecords as IgrGroupedRecords, type IgcSortingStrategy as IgrSortingStrategy, type IgcSummaryTemplateContext as IgrSummaryTemplateContext, type IgcCellTemplateContext as IgrCellTemplateContext, type IgcColumnPipeArgs as IgrColumnPipeArgs, type IgcColumnEditorOptions as IgrColumnEditorOptions, type IgcPivotAggregator as IgrPivotAggregator, type IgcPivotGridRecord as IgrPivotGridRecord, type IgcPivotGridColumn as IgrPivotGridColumn, type IgcValidationResourceStrings as IgrValidationResourceStrings, type IgcRowExportingEventArgs as IgrRowExportingEventArgsDetail, type IgcColumnExportingEventArgs as IgrColumnExportingEventArgsDetail, type IgcPositionStrategy as IgrPositionStrategy, type IgcScrollStrategy as IgrScrollStrategy, type IgcExporterOptions as IgrExporterOptions, type IgcCancelableBrowserEventArgs as IgrCancelableBrowserEventArgsDetail, type IgcCancelableEventArgs as IgrCancelableEventArgsDetail, type IgcPivotDimensionStrategy as IgrPivotDimensionStrategy, type IgcPivotKeys as IgrPivotKeys, type IgcFieldType as IgrFieldType, type IgcGroupByKey as IgrGroupByKey, type IgcGroupByRowSelectorTemplateDetails as IgrGroupByRowSelectorTemplateDetails, type IgcGridValidationState as IgrGridValidationState, type IgcForOfDataChangingEventArgs as IgrForOfDataChangingEventArgsDetail, type IgcHeaderType as IgrHeaderType, type IgcPageCancellableEventArgs as IgrPageCancellableEventArgsDetail, type IgcPageEventArgs as IgrPageEventArgsDetail, type IgcPaginatorResourceStrings as IgrPaginatorResourceStrings, type IgcHeadSelectorTemplateDetails as IgrHeadSelectorTemplateDetails, type IgcRowSelectorTemplateDetails as IgrRowSelectorTemplateDetails, type IgcBaseSearchInfo as IgrBaseSearchInfo, type IgcFieldPipeArgs as IgrFieldPipeArgs, type IgcFieldEditorOptions as IgrFieldEditorOptions, type IgcPivotAggregation as IgrPivotAggregation, type IgcPositionSettings as IgrPositionSettings, type IgcValidationErrors as IgrValidationErrors, type IgcSize as IgrSize } from 'igniteui-webcomponents-grids/grids/index.js';
export type IgrColumnsAutoGeneratedEventArgs = CustomEvent<IgrColumnsAutoGeneratedEventArgsDetail>;
export type IgrCsvExportEndedEventArgs = CustomEvent<IgrCsvExportEndedEventArgsDetail>;
export type IgrExcelExportEndedEventArgs = CustomEvent<IgrExcelExportEndedEventArgsDetail>;
export type IgrExporterEventArgs = CustomEvent<IgrExporterEventArgsDetail>;
export type IgrToggleViewCancelableEventArgs = CustomEvent<IgrToggleViewCancelableEventArgsDetail>;
export type IgrToggleViewEventArgs = CustomEvent<IgrToggleViewEventArgsDetail>;
export type IgrColumnToggledEventArgs = CustomEvent<IgrColumnToggledEventArgsDetail>;
export type IgrPivotConfigurationChangedEventArgs = CustomEvent<IgrPivotConfigurationChangedEventArgsDetail>;
export type IgrGroupingDoneEventArgs = CustomEvent<IgrGroupingDoneEventArgsDetail>;
export type IgrBaseEventArgs = CustomEvent<IgrBaseEventArgsDetail>;
export type IgrGridScrollEventArgs = CustomEvent<IgrGridScrollEventArgsDetail>;
export type IgrGridCellEventArgs = CustomEvent<IgrGridCellEventArgsDetail>;
export type IgrGridRowEventArgs = CustomEvent<IgrGridRowEventArgsDetail>;
export type IgrGridFormGroupCreatedEventArgs = CustomEvent<IgrGridFormGroupCreatedEventArgsDetail>;
export type IgrGridValidationStatusEventArgs = CustomEvent<IgrGridValidationStatusEventArgsDetail>;
export type IgrRowSelectionEventArgs = CustomEvent<IgrRowSelectionEventArgsDetail>;
export type IgrColumnSelectionEventArgs = CustomEvent<IgrColumnSelectionEventArgsDetail>;
export type IgrPinColumnCancellableEventArgs = CustomEvent<IgrPinColumnCancellableEventArgsDetail>;
export type IgrPinColumnEventArgs = CustomEvent<IgrPinColumnEventArgsDetail>;
export type IgrGridEditEventArgs = CustomEvent<IgrGridEditEventArgsDetail>;
export type IgrGridEditDoneEventArgs = CustomEvent<IgrGridEditDoneEventArgsDetail>;
export type IgrSortingEventArgs = CustomEvent<IgrSortingEventArgsDetail>;
export type IgrFilteringEventArgs = CustomEvent<IgrFilteringEventArgsDetail>;
export type IgrRowDataEventArgs = CustomEvent<IgrRowDataEventArgsDetail>;
export type IgrRowDataCancelableEventArgs = CustomEvent<IgrRowDataCancelableEventArgsDetail>;
export type IgrColumnResizeEventArgs = CustomEvent<IgrColumnResizeEventArgsDetail>;
export type IgrGridContextMenuEventArgs = CustomEvent<IgrGridContextMenuEventArgsDetail>;
export type IgrColumnVisibilityChangingEventArgs = CustomEvent<IgrColumnVisibilityChangingEventArgsDetail>;
export type IgrColumnVisibilityChangedEventArgs = CustomEvent<IgrColumnVisibilityChangedEventArgsDetail>;
export type IgrColumnMovingStartEventArgs = CustomEvent<IgrColumnMovingStartEventArgsDetail>;
export type IgrColumnMovingEventArgs = CustomEvent<IgrColumnMovingEventArgsDetail>;
export type IgrColumnMovingEndEventArgs = CustomEvent<IgrColumnMovingEndEventArgsDetail>;
export type IgrGridKeydownEventArgs = CustomEvent<IgrGridKeydownEventArgsDetail>;
export type IgrRowDragStartEventArgs = CustomEvent<IgrRowDragStartEventArgsDetail>;
export type IgrRowDragEndEventArgs = CustomEvent<IgrRowDragEndEventArgsDetail>;
export type IgrRowToggleEventArgs = CustomEvent<IgrRowToggleEventArgsDetail>;
export type IgrPinRowEventArgs = CustomEvent<IgrPinRowEventArgsDetail>;
export type IgrActiveNodeChangeEventArgs = CustomEvent<IgrActiveNodeChangeEventArgsDetail>;
export type IgrGridToolbarExportEventArgs = CustomEvent<IgrGridToolbarExportEventArgsDetail>;
export type IgrForOfDataChangeEventArgs = CustomEvent<IgrForOfDataChangeEventArgsDetail>;
export type IgrGridCreatedEventArgs = CustomEvent<IgrGridCreatedEventArgsDetail>;
export type IgrRowExportingEventArgs = CustomEvent<IgrRowExportingEventArgsDetail>;
export type IgrColumnExportingEventArgs = CustomEvent<IgrColumnExportingEventArgsDetail>;
export type IgrCancelableBrowserEventArgs = CustomEvent<IgrCancelableBrowserEventArgsDetail>;
export type IgrCancelableEventArgs = CustomEvent<IgrCancelableEventArgsDetail>;
export type IgrForOfDataChangingEventArgs = CustomEvent<IgrForOfDataChangingEventArgsDetail>;
export type IgrPageCancellableEventArgs = CustomEvent<IgrPageCancellableEventArgsDetail>;
export type IgrPageEventArgs = CustomEvent<IgrPageEventArgsDetail>;
export { type IgrGridBaseComponent, type IgrColumnsAutoGeneratedEventArgsDetail, type IgrActionStripToken, type IgrHierarchicalGridBaseComponent, type IgrTreeGridBaseComponent, type IgrGridStateBaseDirective, type IgrGridStateInfo, type IgrActionStripResourceStrings, IgrBooleanFilteringOperand, IgrFilteringOperand, IgrDateFilteringOperand, type IgrBaseDateTimeFilteringOperand, IgrDateTimeFilteringOperand, IgrTimeFilteringOperand, IgrNumberFilteringOperand, IgrStringFilteringOperand, type IgrFilteringExpression, type IgrFilteringOperation, type IgrExpressionTree, IgrNoopFilteringStrategy, type IgrBaseFilteringStrategy, IgrFilteringExpressionsTree, IgrNoopSortingStrategy, type IgrSummaryExpression, type IgrGroupByResult, type IgrGroupByRecord, IgrDefaultTreeGridMergeStrategy, IgrDefaultMergeStrategy, IgrByLevelTreeGridMergeStrategy, type IgrColumnTemplateContext, IgrNoopPivotDimensionsStrategy, type IgrPivotDimension, type IgrPivotValue, type IgrGridActionsBaseDirective, IgrPivotDateDimension, type IgrGridResourceStrings, type IgrPivotDateDimensionOptions, IgrCsvExporterOptions, type IgrExporterOptionsBase, IgrCsvExporterService, type IgrBaseExporter, type IgrCsvExportEndedEventArgsDetail, IgrExcelExporterOptions, IgrExcelExporterService, type IgrExcelExportEndedEventArgsDetail, IgrSummaryOperand, type IgrSummaryResult, IgrNumberSummaryOperand, IgrDateSummaryOperand, IgrTimeSummaryOperand, type IgrOverlaySettings, type IgrBaseToolbarDirective, type IgrExporterEventArgsDetail, type IgrBaseToolbarColumnActionsDirective, type IgrToggleViewCancelableEventArgsDetail, type IgrToggleViewEventArgsDetail, type IgrColumnToggledEventArgsDetail, type IgrGridBaseDirective, type IgrDimensionsChange, type IgrPivotConfigurationChangedEventArgsDetail, type IgrSortingExpression, type IgrValuesChange, type IgrPivotGridValueTemplateContext, type IgrPivotConfiguration, type IgrPivotUISettings, type IgrQueryBuilderResourceStrings, type IgrEntityType, type IgrQueryBuilderSearchValueContext, type IgrForOfState, type IgrGroupingExpression, type IgrGroupByExpandState, type IgrGroupingDoneEventArgsDetail, type IgrGridMasterDetailContext, type IgrGridGroupingStrategy, type IgrGroupByRowSelectorTemplateContext, type IgrGroupByRowTemplateContext, type IgrRowType, type IgrCellType, type IgrBaseEventArgsDetail, type IgrHierarchicalGridBaseDirective, type IgrRowIslandBaseComponent, type IgrGridTemplateContext, type IgrDataCloneStrategy, type IgrClipboardOptions, type IgrGridScrollEventArgsDetail, type IgrGridCellEventArgsDetail, type IgrGridRowEventArgsDetail, type IgrGridFormGroupCreatedEventArgsDetail, type IgrGridValidationStatusEventArgsDetail, type IgrRowSelectionEventArgsDetail, type IgrColumnSelectionEventArgsDetail, type IgrPinColumnCancellableEventArgsDetail, type IgrPinColumnEventArgsDetail, type IgrGridEditEventArgsDetail, type IgrGridEditDoneEventArgsDetail, type IgrSortingEventArgsDetail, type IgrFilteringEventArgsDetail, type IgrRowDataEventArgsDetail, type IgrRowDataCancelableEventArgsDetail, type IgrColumnResizeEventArgsDetail, type IgrGridContextMenuEventArgsDetail, type IgrColumnVisibilityChangingEventArgsDetail, type IgrColumnVisibilityChangedEventArgsDetail, type IgrColumnMovingStartEventArgsDetail, type IgrColumnMovingEventArgsDetail, type IgrColumnMovingEndEventArgsDetail, type IgrGridKeydownEventArgsDetail, type IgrRowDragStartEventArgsDetail, type IgrRowDragEndEventArgsDetail, type IgrGridClipboardEvent, type IgrRowToggleEventArgsDetail, type IgrPinRowEventArgsDetail, type IgrActiveNodeChangeEventArgsDetail, type IgrGridToolbarExportEventArgsDetail, type IgrGridSelectionRange, type IgrForOfDataChangeEventArgsDetail, type IgrGridRowDragGhostContext, type IgrGridRowEditTextTemplateContext, type IgrGridEmptyTemplateContext, type IgrGridRowEditActionsTemplateContext, type IgrGridRowTemplateContext, type IgrGridHeaderTemplateContext, type IgrPinningConfig, type IgrFilteringStrategy, type IgrGridSortingStrategy, type IgrGridMergeStrategy, type IgrSortingOptions, type IgrRowDirective, type IgrHeadSelectorTemplateContext, type IgrRowSelectorTemplateContext, type IgrSearchInfo, type IgrOverlayOutletDirective, type IgrGridRowComponent, type IgrCellPosition, type IgrGridToolbarTemplateContext, type IgrGridPaginatorTemplateContext, type IgrGridCreatedEventArgsDetail, type IgrTreeGridRecord, type IgrGridStateOptions, type IgrColumnState, type IgrPagingState, type IgrGroupingState, type IgrGridStateCollection, type IgrFilterItem, type IgrGroupedRecords, type IgrSortingStrategy, type IgrSummaryTemplateContext, type IgrCellTemplateContext, type IgrColumnPipeArgs, type IgrColumnEditorOptions, type IgrPivotAggregator, type IgrPivotGridRecord, type IgrPivotGridColumn, type IgrValidationResourceStrings, type IgrRowExportingEventArgsDetail, type IgrColumnExportingEventArgsDetail, type IgrPositionStrategy, type IgrScrollStrategy, type IgrExporterOptions, type IgrCancelableBrowserEventArgsDetail, type IgrCancelableEventArgsDetail, type IgrPivotDimensionStrategy, type IgrPivotKeys, type IgrFieldType, type IgrGroupByKey, type IgrGroupByRowSelectorTemplateDetails, type IgrGridValidationState, type IgrForOfDataChangingEventArgsDetail, type IgrHeaderType, type IgrPageCancellableEventArgsDetail, type IgrPageEventArgsDetail, type IgrPaginatorResourceStrings, type IgrHeadSelectorTemplateDetails, type IgrRowSelectorTemplateDetails, type IgrBaseSearchInfo, type IgrFieldPipeArgs, type IgrFieldEditorOptions, type IgrPivotAggregation, type IgrPositionSettings, type IgrValidationErrors, type IgrSize, };
export { type GridColumnDataType, CsvFileTypes, type GridToolbarExporterType, PivotDimensionType, SortingDirection, FilteringLogic, type GridPagingMode, type GridValidationTrigger, type FilterMode, type GridSummaryPosition, type GridSummaryCalculationMode, type GridSelectionMode, type GridCellMergeMode, DropPosition, ColumnPinningPosition, FilteringExpressionsTreeType, type PivotRowLayoutType, type PivotSummaryPosition, type ValidationStatus, type GridKeydownTargetType, RowPinningPosition, type SortingOptionsMode, type PivotAggregationType, HorizontalAlignment, VerticalAlignment, type Point, type IResourceStrings, type IActionStripResourceStrings, type IBannerResourceStrings, type ICalendarResourceStrings, type ICarouselResourceStrings, type IChipResourceStrings, type IComboResourceStrings, type IDatePickerResourceStrings, type IDateRangePickerResourceStrings, type IGridResourceStrings, type IFileInputResourceStrings, type IListResourceStrings, type IPaginatorResourceStrings, type IQueryBuilderResourceStrings, type ITimePickerResourceStrings, type ITreeResourceStrings, registerI18n, setCurrentI18n, } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Use the function to get a random UUID string when secure context is not guaranteed making crypto.randomUUID unavailable.
* @returns A random UUID string.
*/
export declare function getUUID(): `${string}-${string}-${string}-${string}-${string}`;
/** biome-ignore-all lint/complexity/noBannedTypes: use `{}` literals */
import { type EventName, type Options } from '@lit/react';
import type React from 'react';
import type { WithDataContext } from './backfills.js';
export type { EventName } from '@lit/react';
type DistributiveOmit<T, K extends string | number | symbol> = T extends any ? K extends keyof T ? Omit<T, K> : T : T;
type PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;
type EventNames = Record<string, EventName | string>;
type EventListeners<R extends EventNames> = {
[K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;
};
type ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;
type ComponentProps<I, E extends EventNames> = Omit<React.HTMLAttributes<I>, keyof E | keyof ElementProps<I>> & EventListeners<E> & ElementProps<I>;
/** Mapped type to update the render props callback return type */
type WithJsxRenderProps<T, R extends Renderers> = {
[K in keyof T]: K extends keyof R ? NonNullable<T[K]> extends (...args: infer Args) => unknown ? (...args: WithDataContext<Args>) => React.ReactNode : T[K] : T[K];
};
export type ReactWebComponent<I extends HTMLElement, E extends EventNames, R extends Renderers> = React.ForwardRefExoticComponent<PropsWithoutRef<WithJsxRenderProps<ComponentProps<I, E>, R>> & React.RefAttributes<I>>;
type Renderers = Record<string, unknown>;
interface WrapperOptions<I extends HTMLElement, E extends EventNames, R extends Renderers> extends Options<I, E> {
renderProps?: R;
moveBackOnDelete?: boolean;
}
export declare const createComponent: <I extends HTMLElement, E extends EventNames = {}, R extends Renderers = {}>({ react: React, tagName, elementClass, events, displayName, renderProps, moveBackOnDelete, }: WrapperOptions<I, E, R>) => ReactWebComponent<I, E, R>;
import { AsyncDirective, type ChildPart, type DirectiveParameters } from 'lit/async-directive.js';
export declare const REQUEST_REMOVE: unique symbol;
export type RendererRequest<T> = {
data: T | typeof REQUEST_REMOVE;
name: string;
slotName: string;
node: Element;
};
declare class RequestRenderer<T> extends AsyncDirective {
private readonly _key;
private _part;
private _callback;
private _state;
private _name;
private get _renderNode();
private _shouldUpdateNG;
private _shouldUpdate;
render(_callback: any, _name: string, _data: T): symbol;
update(part: ChildPart, [callback, name, data]: DirectiveParameters<this>): symbol;
protected reconnected(): void;
protected disconnected(): void;
}
export declare const requestRenderer: (_callback: any, _name: string, _data: unknown) => import("lit-html/directive.js").DirectiveResult<typeof RequestRenderer>;
export {};
+2
-2
{
"name": "igniteui-react-grids",
"version": "19.8.0",
"version": "19.8.1",
"type": "module",

@@ -20,3 +20,3 @@ "description": "Ignite UI React Grid components.",

"@lit/react": "^1.0.7",
"igniteui-webcomponents-grids": "~7.2.0",
"igniteui-webcomponents-grids": "~7.2.1",
"lit": "^3.3.0"

@@ -23,0 +23,0 @@ },

import type { AbsolutePosition, CalendarHeaderOrientation, CalendarSelection, ContentOrientation, HorizontalTransitionAnimation, IconMeta, IgrActiveStepChangedEventArgs, IgrActiveStepChangingEventArgs, IgrButton, IgrChatMessage, IgrChatMessageAttachment, IgrChatMessageReaction, IgrCheckbox, IgrDropdownItem, IgrExpansionPanel, IgrIconButton, IgrInput, IgrSelectItem, IgrSwitch, IgrTab, IgrTile, IgrTreeItem, PickerMode, PopoverPlacement, PopoverScrollStrategy, SliderTickLabelRotation, SliderTickOrientation, ToggleLabelPosition } from './components/index.js';
export type IgrDropdownItemComponentEventArgs = CustomEvent<IgrDropdownItem>;
export type IgrExpansionPanelComponentEventArgs = CustomEvent<IgrExpansionPanel>;
export type IgrSelectItemComponentEventArgs = CustomEvent<IgrSelectItem>;
export type IgrTabComponentEventArgs = CustomEvent<IgrTab>;
export type IgrTileComponentEventArgs = CustomEvent<IgrTile>;
export type IgrTreeItemComponentEventArgs = CustomEvent<IgrTreeItem>;
export type IgrChatMessageEventArgs = CustomEvent<IgrChatMessage>;
export type IgrChatMessageReactionEventArgs = CustomEvent<IgrChatMessageReaction>;
export type IgrChatMessageAttachmentEventArgs = CustomEvent<IgrChatMessageAttachment>;
export type IgrChatAddedMessageAttachmentEventArgs = CustomEvent<IgrChatMessageAttachment[]>;
export type IgrComponentBoolValueChangedEventArgs = CustomEvent<boolean>;
export type IgrComponentDataValueChangedEventArgs = CustomEvent<any>;
export type IgrComponentDateValueChangedEventArgs = CustomEvent<Date>;
export type IgrComponentValueChangedEventArgs = CustomEvent<string>;
export type IgrNumberEventArgs = CustomEvent<number>;
export type IgrVoidEventArgs = CustomEvent<void>;
export type IgrCalendarFormatOptions = Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'>;
export type NumberFormatOptions = Intl.NumberFormatOptions;
/** @deprecated use PopoverPlacement */
export type DropdownPlacement = PopoverPlacement;
/** @deprecated use IconMeta */
export type IgrIconMeta = IconMeta;
/** @deprecated use AbsolutePosition */
export type BaseAlertLikePosition = AbsolutePosition;
/** @deprecated use CalendarSelection */
export type CalendarBaseSelection = CalendarSelection;
/** @deprecated use ContentOrientation */
export type CalendarOrientation = ContentOrientation;
/** @deprecated use ContentOrientation */
export type CardActionsOrientation = ContentOrientation;
/** @deprecated use HorizontalTransitionAnimation */
export type CarouselAnimationType = HorizontalTransitionAnimation;
/** @deprecated use ToggleLabelPosition */
export type CheckboxBaseLabelPosition = ToggleLabelPosition;
/** @deprecated use CalendarHeaderOrientation */
export type DatePickerHeaderOrientation = CalendarHeaderOrientation;
/** @deprecated use PickerMode */
export type DatePickerMode = PickerMode;
/** @deprecated use ContentOrientation */
export type DatePickerOrientation = ContentOrientation;
/** @deprecated use PopoverScrollStrategy */
export type DropdownScrollStrategy = PopoverScrollStrategy;
/** @deprecated use ContentOrientation */
export type RadioGroupAlignment = ContentOrientation;
/** @deprecated use ToggleLabelPosition */
export type RadioLabelPosition = ToggleLabelPosition;
/** @deprecated use PopoverScrollStrategy */
export type SelectScrollStrategy = PopoverScrollStrategy;
/** @deprecated use SliderTickOrientation */
export type SliderBaseTickOrientation = SliderTickOrientation;
/** @deprecated use HorizontalTransitionAnimation */
export type StepperHorizontalAnimation = HorizontalTransitionAnimation;
/** @deprecated use SliderTickLabelRotation */
export type TickLabelRotation = SliderTickLabelRotation;
/** @deprecated use IgrActiveStepChangedEventArgs */
export type IgrActiveStepChangedArgsEventArgs = IgrActiveStepChangedEventArgs;
/** @deprecated use IgrActiveStepChangingEventArgs */
export type IgrActiveStepChangingArgsEventArgs = IgrActiveStepChangingEventArgs;
/** @deprecated use the appropriate IgrButton or IgrIconButton type */
export type IgrButtonBase = IgrButton | IgrIconButton;
/** @deprecated use the appropriate IgrCheckbox or IgrSwitch type */
export type IgrCheckboxBase = IgrCheckbox | IgrSwitch;
/** @deprecated use IgrInput */
export type IgrInputBase = IgrInput;
import type { GridPagingMode as GridPagingModeType, IgrColumn, IgrDimensionsChange, IgrExpressionTree, IgrFilteringExpressionsTree, IgrForOfState, IgrGridClipboardEvent, IgrGridSelectionRange, IgrPivotDimension, IgrPivotValue, IgrSortingExpression, IgrValuesChange } from './grids/index.js';
export type IgrColumnComponentEventArgs = CustomEvent<IgrColumn>;
export type IgrDimensionsChangeEventArgs = CustomEvent<IgrDimensionsChange>;
export type IgrFilteringExpressionsTreeEventArgs = CustomEvent<IgrFilteringExpressionsTree>;
export type IgrForOfStateEventArgs = CustomEvent<IgrForOfState>;
export type IgrGridClipboardEventArgs = CustomEvent<IgrGridClipboardEvent>;
/** @deprecated use IgrGridClipboardEventArgs */
export type IgrGridClipboardEventEventArgs = IgrGridClipboardEventArgs;
export type IgrGridSelectionRangeEventArgs = CustomEvent<IgrGridSelectionRange>;
export type IgrPivotDimensionEventArgs = CustomEvent<IgrPivotDimension>;
/** @deprecated use IgrPivotValue */
export type IgrPivotValueDetail = IgrPivotValue;
export type IgrPivotValueEventArgs = CustomEvent<IgrPivotValue>;
export type IgrSortingExpressionEventArgs = CustomEvent<IgrSortingExpression[]>;
export type IgrValuesChangeEventArgs = CustomEvent<IgrValuesChange>;
export type IgrExpressionTreeEventArgs = CustomEvent<IgrExpressionTree>;
export type IgrComponentArrayDataValueChangedEventArgs = CustomEvent<any[]>;
export type GridPagingMode = GridPagingModeType;
/** @deprecated use of properties as enum values. GridPagingMode is now union type so use values directly, e.g. `pagingMode="local"` */
export declare const GridPagingMode: {
/** @deprecated use GridPagingMode union type values directly, e.g. `pagingMode="local"` */
readonly Local: "local";
/** @deprecated use GridPagingMode union type values directly, e.g. `pagingMode="remote"` */
readonly Remote: "remote";
};
/**
* Creates a proxy around template context data that adds back
* the `dataContext` prop returning the original data
*/
export declare function withDataContext(data: unknown): any;
interface DataContextProp<T> {
/**
* @deprecated template context props are now available as the root object and can be accessed directly.
* E.g. instead of `ctx.dataContext.<prop>` just `ctx.<prop>`
*/
dataContext: T;
}
export type WithDataContext<T> = T extends [infer F, ...infer R] ? [F & DataContextProp<F>, ...WithDataContext<R>] : [];
export {};
import { IgcAccordionComponent as Component } from 'igniteui-webcomponents';
import type { IgcExpansionPanelComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The Accordion is a container-based component that can house multiple expansion panels
* and offers keyboard navigation.
* @slot - Renders the expansion panels inside default slot.
* @class
*/
export declare const IgrAccordion: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcExpansionPanelComponentEventMap["igcOpening"]>;
onOpened: EventName<IgcExpansionPanelComponentEventMap["igcOpened"]>;
onClosing: EventName<IgcExpansionPanelComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcExpansionPanelComponentEventMap["igcClosed"]>;
}, {}>;
export type IgrAccordion = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrAccordionModule: typeof Component;
import { IgcAvatarComponent as Component } from 'igniteui-webcomponents';
/**
* An avatar component is used as a representation of a user identity
* typically in a user profile.
* @slot - Renders an icon inside the default slot.
* @csspart base - The base wrapper of the avatar.
* @csspart initials - The initials wrapper of the avatar.
* @csspart image - The image wrapper of the avatar.
* @csspart icon - The icon wrapper of the avatar.
* @class
*/
export declare const IgrAvatar: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrAvatar = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrAvatarModule: typeof Component;
import { IgcBadgeComponent as Component } from 'igniteui-webcomponents';
/**
* The badge is a component indicating a status on a related item or an area
* where some active indication is required.
* @slot - Default slot for the badge content.
* @csspart base - The base wrapper of the badge.
* @csspart icon - The icon container, present when an igc-icon element is slotted.
* @class
*/
export declare const IgrBadge: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrBadge = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrBadgeModule: typeof Component;
import { IgcBannerComponent as Component } from 'igniteui-webcomponents';
import type { IgcBannerComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A non-modal notification banner that displays important, concise messages
* requiring user acknowledgement.
*
* The banner slides into view with an animated grow transition and renders
* inline, pushing the surrounding page content rather than overlaying it.
*
* The component integrates with the
* [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):
* an Ignite button or a native `<button>` with `command="--show"` / `"--hide"` /
* `"--toggle"` and `commandfor` pointing to this element will call the
* corresponding method declaratively without any JavaScript.
* @slot - The banner message text content.
* @slot prefix - An icon or illustration rendered to the left of the message. Useful for reinforcing the message type (info, warning, success, etc.).
* @slot actions - Custom action elements rendered in the banner's action area. When provided, replaces the default "OK" dismiss button.
* @fires igcClosing - Emitted just before the banner closes in response to the default action button being clicked. Cancelable — call `event.preventDefault()` to abort the closing sequence.
* @fires igcClosed - Emitted after the banner has fully closed and its exit animation has completed.
* @csspart base - The root wrapper element of the banner.
* @csspart spacer - The inner wrapper that controls the spacing around the banner content.
* @csspart message - The container that holds the illustration and text content.
* @csspart illustration - The container for the prefix slot (icon/illustration).
* @csspart content - The container for the default message slot.
* @csspart actions - The container for the action buttons slot.
* @class
*/
export declare const IgrBanner: import("../react-props.js").ReactWebComponent<Component, {
onClosing: EventName<IgcBannerComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcBannerComponentEventMap["igcClosed"]>;
}, {}>;
export type IgrBanner = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrBannerModule: typeof Component;
import { IgcButtonGroupComponent as Component } from 'igniteui-webcomponents';
import type { IgcButtonGroupComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The `igc-button-group` groups a series of `igc-toggle-button`s together, exposing features such as layout and selection.
* @slot - Renders `igc-toggle-button` component.
* @fires igcSelect - Emitted when a button is selected through user interaction.
* @fires igcDeselect - Emitted when a button is deselected through user interaction.
* @csspart group - The button group container.
* @class
*/
export declare const IgrButtonGroup: import("../react-props.js").ReactWebComponent<Component, {
onSelect: EventName<IgcButtonGroupComponentEventMap["igcSelect"]>;
onDeselect: EventName<IgcButtonGroupComponentEventMap["igcDeselect"]>;
}, {}>;
export type IgrButtonGroup = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrButtonGroupModule: typeof Component;
import { IgcButtonComponent as Component } from 'igniteui-webcomponents';
/**
* Represents a clickable button, used to submit forms or anywhere in a
* document for accessible, standard button functionality.
*
* The button supports multiple visual variants, can render as an anchor
* (`<a>`) element when the `href` attribute is set, and is fully
* form-associated, acting as a native `submit` or `reset` control.
* @slot - Renders the label of the button.
* @slot prefix - Renders content before the label of the button.
* @slot suffix - Renders content after the label of the button.
* @csspart base - The native button element of the igc-button component.
* @csspart prefix - The prefix container of the igc-button component.
* @csspart suffix - The suffix container of the igc-button component.
* @class
*/
export declare const IgrButton: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrButton = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrButtonModule: typeof Component;
import { IgcCalendarComponent as Component } from 'igniteui-webcomponents';
import type { IgcCalendarComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* Represents a calendar that lets users
* to select a date value in a variety of different ways.
* @slot - The default slot for the calendar.
* @slot title - Renders the title of the calendar header.
* @slot header-date - Renders content instead of the current date/range in the calendar header.
* @fires igcChange - Emitted when calendar changes its value.
* @csspart header - The header element of the calendar.
* @csspart header-title - The header title element of the calendar.
* @csspart header-date - The header date element of the calendar.
* @csspart content - The content element which contains the views and navigation elements of the calendar.
* @csspart content-vertical - The content element which contains the views and navigation elements of the calendar in vertical orientation.
* @csspart navigation - The navigation container element of the calendar.
* @csspart months-navigation - The months navigation button element of the calendar.
* @csspart years-navigation - The years navigation button element of the calendar.
* @csspart years-range - The years range element of the calendar.
* @csspart navigation-buttons - The navigation buttons container of the calendar.
* @csspart navigation-button - Previous/next navigation button of the calendar.
* @csspart days-view-container - The days view container element of the calendar.
* @csspart days-view - Days view element of the calendar.
* @csspart months-view - The months view element of the calendar.
* @csspart years-view - The years view element of the calendar.
* @csspart days-row - Days row element of the calendar.
* @csspart label - Week header label element of the calendar.
* @csspart week-number - Week number element of the calendar.
* @csspart week-number-inner - Week number inner element of the calendar.
* @csspart date - Date element of the calendar.
* @csspart date-inner - Date inner element of the calendar.
* @csspart first - The first selected date element of the calendar in range selection.
* @csspart last - The last selected date element of the calendar in range selection.
* @csspart inactive - Inactive date element of the calendar.
* @csspart hidden - Hidden date element of the calendar.
* @csspart weekend - Weekend date element of the calendar.
* @csspart range - Range selected element of the calendar.
* @csspart special - Special date element of the calendar.
* @csspart disabled - Disabled date element of the calendar.
* @csspart single - Single selected date element of the calendar.
* @csspart preview - Range selection preview date element of the calendar.
* @csspart month - Month element of the calendar.
* @csspart month-inner - Month inner element of the calendar.
* @csspart year - Year element of the calendar.
* @csspart year-inner - Year inner element of the calendar.
* @csspart selected - Indicates selected state. Applies to date, month and year elements of the calendar.
* @csspart current - Indicates current state. Applies to date, month and year elements of the calendar.
* @class
*/
export declare const IgrCalendar: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcCalendarComponentEventMap["igcChange"]>;
}, {}>;
export type IgrCalendar = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCalendarModule: typeof Component;
import { IgcCardActionsComponent as Component } from 'igniteui-webcomponents';
/**
* A container component for card action items such as buttons or icon buttons.
* Actions can be positioned at the start, center, or end of the container.
* @slot start - Renders items at the beginning of the actions area.
* @slot - Renders items in the center of the actions area.
* @slot end - Renders items at the end of the actions area.
* @class
*/
export declare const IgrCardActions: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCardActions = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCardActionsModule: typeof Component;
import { IgcCardContentComponent as Component } from 'igniteui-webcomponents';
/**
* A container component for the card's main text content.
* This component should be used within an igc-card element to display the primary content.
* @slot - Renders the card text content (e.g., paragraphs, lists).
* @class
*/
export declare const IgrCardContent: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCardContent = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCardContentModule: typeof Component;
import { IgcCardHeaderComponent as Component } from 'igniteui-webcomponents';
/**
* A container component for the card's header section.
* Displays header content including an optional thumbnail, title, subtitle, and additional content.
* @slot thumbnail - Renders header media such as an icon or small image.
* @slot title - Renders the card title (typically a heading element).
* @slot subtitle - Renders the card subtitle (typically a smaller heading or text).
* @slot - Renders additional content displayed next to the title area.
* @csspart header - The card header text container.
* @csspart title - The title slot wrapper.
* @csspart subtitle - The subtitle slot wrapper.
* @class
*/
export declare const IgrCardHeader: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCardHeader = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCardHeaderModule: typeof Component;
import { IgcCardMediaComponent as Component } from 'igniteui-webcomponents';
/**
* A container component for card media content such as images, GIFs, or videos.
* This component should be used within an igc-card element to display visual content.
* @slot - Renders the card media content (e.g., img, video elements).
* @class
*/
export declare const IgrCardMedia: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCardMedia = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCardMediaModule: typeof Component;
import { IgcCardComponent as Component } from 'igniteui-webcomponents';
/**
* A container component that wraps different elements related to a single subject.
* The card component provides a flexible container for organizing content such as headers,
* media, text content, and actions.
* @slot - Renders the card content. Typically contains igc-card-header, igc-card-media, igc-card-content, and igc-card-actions.
* @class
*/
export declare const IgrCard: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCard = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCardModule: typeof Component;
import { IgcCarouselIndicatorComponent as Component } from 'igniteui-webcomponents';
/**
* Used when a custom indicator needs to be passed to the `igc-carousel` component.
* @slot - Default slot for projected inactive indicator.
* @slot active - Default slot for projected active indicator.
* @csspart indicator - The wrapping container of the carousel dot indicator.
* @csspart inactive - The wrapping container of the inactive dot indicator.
* @csspart active - The wrapping container of the active dot indicator.
* @class
*/
export declare const IgrCarouselIndicator: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCarouselIndicator = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCarouselIndicatorModule: typeof Component;
import { IgcCarouselSlideComponent as Component } from 'igniteui-webcomponents';
/**
* A single content container within a set of containers used in the context of an `igc-carousel`.
* @slot Default - slot for the carousel slide.
* @class
*/
export declare const IgrCarouselSlide: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCarouselSlide = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCarouselSlideModule: typeof Component;
import { IgcCarouselComponent as Component } from 'igniteui-webcomponents';
import type { IgcCarouselComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The `igc-carousel` presents a set of `igc-carousel-slide`s by sequentially displaying a subset of one or more slides.
* @slot Default - slot for the carousel. Any projected `igc-carousel-slide` components should be projected here.
* @slot previous-button - Renders content inside the previous button.
* @slot next-button - Renders content inside the next button.
* @fires igcSlideChanged - Emitted when the current active slide is changed either by user interaction or by the interval callback.
* @fires igcPlaying - Emitted when the carousel enters playing state by a user interaction.
* @fires igcPaused - Emitted when the carousel enters paused state by a user interaction.
* @csspart navigation - The wrapper container of each carousel navigation button.
* @csspart previous - The wrapper container of the carousel previous navigation button.
* @csspart next - The wrapper container of the carousel next navigation button.
* @csspart dot - The carousel dot indicator container.
* @csspart active - The carousel active dot indicator container.
* @csspart label - The label container of the carousel indicators.
* @csspart start - The wrapping container of all carousel indicators when indicators-orientation is set to start.
* @class
*/
export declare const IgrCarousel: import("../react-props.js").ReactWebComponent<Component, {
onSlideChanged: EventName<IgcCarouselComponentEventMap["igcSlideChanged"]>;
onPlaying: EventName<IgcCarouselComponentEventMap["igcPlaying"]>;
onPaused: EventName<IgcCarouselComponentEventMap["igcPaused"]>;
}, {}>;
export type IgrCarousel = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCarouselModule: typeof Component;
import { IgcChatComponent as Component } from 'igniteui-webcomponents';
import type { IgcChatComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A chat UI component for displaying messages, attachments, and input interaction.
* @slot prefix - Slot for injecting content (e.g., avatar or icon) before the chat title.
* @slot title - Slot for overriding the chat title content.
* @slot actions - Slot for injecting header actions (e.g., buttons, menus).
* @slot suggestions-header - Slot for rendering a custom header for the suggestions list.
* @slot suggestions - Slot for rendering a custom list of quick reply suggestions.
* @slot suggestions-actions - Slot for rendering additional actions.
* @slot suggestion - Slot for rendering a single suggestion item.
* @slot empty-state - Slot shown when there are no messages.
* @slot typing-indicator - Slot for the "is typing" indicator.
* @fires igcMessageCreated - Dispatched when a new chat message is created (sent).
* @fires igcMessageReact - Dispatched when a message is reacted to.
* @fires igcAttachmentClick - Dispatched when a chat message attachment is clicked.
* @fires igcAttachmentAdded - Dispatched when attachment(s) are added either through drag & drop or through the default file input.
* @fires igcAttachmentRemoved - Dispatched when an attachment is removed by the user.
* @fires igcAttachmentDrag - Dispatched during an attachment drag operation.
* @fires igcAttachmentDrop - Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).
* @fires igcTypingChange - Dispatched when the typing status changes (e.g., user starts or stops typing).
* @fires igcInputFocus - Dispatched when the chat input field gains focus.
* @fires igcInputBlur - Dispatched when the chat input field loses focus.
* @fires igcInputChange - Dispatched when the content of the chat input changes.
* @csspart chat-container - Styles the main chat container.
* @csspart header - Styles the chat header container.
* @csspart prefix - Styles the element before the chat title (e.g., avatar).
* @csspart title - Styles the chat header title.
* @csspart message-area-container - Styles the container holding the messages and (optional) suggestions.
* @csspart message-list - Styles the message list container.
* @csspart message-item - Styles each message wrapper.
* @csspart typing-indicator - Styles the typing indicator container.
* @csspart typing-dot - Styles individual typing indicator dots.
* @csspart suggestions-container - Styles the container holding all suggestions.
* @csspart suggestions-header - Styles the suggestions header.
* @csspart suggestion - Styles each suggestion item.
* @csspart suggestion-prefix - Styles the icon or prefix in a suggestion.
* @csspart suggestion-title - Styles the text/title of a suggestion.
* @csspart empty-state - Styles the empty state container when there are no messages.
* @csspart input-area-container - Styles the wrapper around the chat input area.
* @csspart input-area - Styles the main text input area.
* @csspart input-attachments-container - Styles the container for attachments in the input.
* @csspart input-attachment-container - Styles a single attachment in the input area.
* @csspart input-attachment-name - Styles the file name of an attachment.
* @csspart input-attachment-icon - Styles the icon of an attachment.
* @csspart text-input - Styles the text input field for typing messages.
* @csspart input-actions-container - Styles the container for input actions.
* @csspart input-actions-start - Styles the group of actions at the start of the input after the default file upload.
* @csspart input-actions-end - Styles the group of actions at the end of the input.
* @csspart file-upload-container - Styles the container for the file upload input.
* @csspart file-upload - Styles the file upload input itself.
* @csspart send-button-container - Styles the container around the send button.
* @csspart send-button - Styles the send button.
* @csspart message-container - Styles the container of a single message.
* @csspart message-list - (forwarded) - Styles the internal list of messages.
* @csspart message-header - Styles the header of a message (e.g., sender, timestamp).
* @csspart message-content - Styles the text content of a message.
* @csspart message-attachments-container - Styles the container for message attachments.
* @csspart message-attachment - Styles a single message attachment.
* @csspart message-actions-container - Styles the container holding message actions.
* @csspart message-sent - Styles messages marked as sent by the current user.
* @csspart attachment-header - Styles the header of an attachment block.
* @csspart attachment-content - Styles the content of an attachment block.
* @csspart attachment-icon - Styles the icon of an attachment.
* @csspart file-name - Styles the file name shown in an attachment.
* @class
*/
export declare const IgrChat: import("../react-props.js").ReactWebComponent<Component, {
onMessageCreated: EventName<IgcChatComponentEventMap["igcMessageCreated"]>;
onMessageReact: EventName<IgcChatComponentEventMap["igcMessageReact"]>;
onAttachmentClick: EventName<IgcChatComponentEventMap["igcAttachmentClick"]>;
onAttachmentAdded: EventName<IgcChatComponentEventMap["igcAttachmentAdded"]>;
onAttachmentRemoved: EventName<IgcChatComponentEventMap["igcAttachmentRemoved"]>;
onAttachmentDrag: EventName<IgcChatComponentEventMap["igcAttachmentDrag"]>;
onAttachmentDrop: EventName<IgcChatComponentEventMap["igcAttachmentDrop"]>;
onTypingChange: EventName<IgcChatComponentEventMap["igcTypingChange"]>;
onInputFocus: EventName<IgcChatComponentEventMap["igcInputFocus"]>;
onInputBlur: EventName<IgcChatComponentEventMap["igcInputBlur"]>;
onInputChange: EventName<IgcChatComponentEventMap["igcInputChange"]>;
}, {
options: {
renderers: {
attachment: string;
attachmentContent: string;
attachmentHeader: string;
fileUploadButton: string;
input: string;
inputActions: string;
inputActionsEnd: string;
inputActionsStart: string;
inputAttachments: string;
message: string;
messageActions: string;
messageAttachments: string;
messageContent: string;
messageHeader: string;
typingIndicator: string;
sendButton: string;
suggestionPrefix: string;
};
};
}>;
export type IgrChat = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrChatModule: typeof Component;
import { IgcCheckboxComponent as Component } from 'igniteui-webcomponents';
import type { IgcCheckboxComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A check box allowing single values to be selected/deselected.
* @slot - The checkbox label.
* @slot helper-text - Renders content below the input.
* @slot value-missing - Renders content when the required validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcChange - Emitted when the control's checked state changes.
* @csspart base - The base wrapper of the checkbox.
* @csspart control - The checkbox input element.
* @csspart label - The checkbox label.
* @csspart indicator - The checkbox indicator icon.
* @class
*/
export declare const IgrCheckbox: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcCheckboxComponentEventMap["igcChange"]>;
}, {}>;
export type IgrCheckbox = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCheckboxModule: typeof Component;
import { IgcChipComponent as Component } from 'igniteui-webcomponents';
import type { IgcChipComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* Chips help people enter information, make selections, filter content, or trigger actions.
* @slot - Renders content in the default slot of the chip.
* @slot prefix - Renders content at the start of the chip, before the default content.
* @slot suffix - Renders content at the end of the chip after the default content.
* @slot select - Content to render when the chip in selected state.
* @slot remove - Content to override the default remove chip icon.
* @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.
* @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.
* @csspart base - The base wrapper of the chip.
* @csspart content - The wrapper element around the default slot of the chip.
* @csspart prefix - The prefix container of the chip.
* @csspart suffix - The suffix container of the chip.
* @class
*/
export declare const IgrChip: import("../react-props.js").ReactWebComponent<Component, {
onRemove: EventName<IgcChipComponentEventMap["igcRemove"]>;
onSelect: EventName<IgcChipComponentEventMap["igcSelect"]>;
}, {}>;
export type IgrChip = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrChipModule: typeof Component;
import { IgcCircularGradientComponent as Component } from 'igniteui-webcomponents';
/**
* Used for defining gradient stops in the igc-circular-progress.
* For each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.
* The values passed as `color`, `offset` and `opacity` would be set as
* `stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.
* @class
*/
export declare const IgrCircularGradient: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCircularGradient = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCircularGradientModule: typeof Component;
import { IgcCircularProgressComponent as Component } from 'igniteui-webcomponents';
/**
* A circular progress indicator used to express unspecified wait time or display
* the length of a process.
* @slot - The text area container.
* @slot gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.
* @csspart svg - The igc-circular-progress SVG element.
* @csspart gradient_start - The igc-circular-progress linear-gradient start color.
* @csspart gradient_end - The igc-circular-progress linear-gradient end color.
* @csspart track - The igc-circular-progress ring track area.
* @csspart fill - The igc-circular-progress indicator area.
* @csspart label - The igc-circular-progress label.
* @csspart value - The igc-circular-progress label value.
* @csspart indeterminate - The igc-circular-progress indeterminate state.
* @csspart primary - The igc-circular-progress primary state.
* @csspart danger - The igc-circular-progress error state.
* @csspart warning - The igc-circular-progress warning state.
* @csspart info - The igc-circular-progress info state.
* @csspart success - The igc-circular-progress success state.
* @class
*/
export declare const IgrCircularProgress: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrCircularProgress = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrCircularProgressModule: typeof Component;
import { IgcComboComponent as Component } from 'igniteui-webcomponents';
import type { IgcComboComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.
* In contrast to the Select component, the Combo component displays all options in a virtualized list of items,
* meaning the combo box can simultaneously show thousands of options, where one or more options can be selected.
* Additionally, users can create custom item templates, allowing for robust data visualization.
* The Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.
* @slot prefix - Renders content before the input of the combo.
* @slot suffix - Renders content after the input of the combo.
* @slot header - Renders a container before the list of options of the combo.
* @slot footer - Renders a container after the list of options of the combo.
* @slot empty - Renders content when the combo dropdown list has no items/data.
* @slot helper-text - Renders content below the input of the combo.
* @slot toggle-icon - Renders content inside the suffix container of the combo.
* @slot clear-icon - Renders content inside the suffix container of the combo.
* @slot value-missing - Renders content when the required validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcChange - Emitted when the control's selection has changed.
* @fires igcOpening - Emitted just before the list of options is opened.
* @fires igcOpened - Emitted after the list of options is opened.
* @fires igcClosing - Emitter just before the list of options is closed.
* @fires igcClosed - Emitted after the list of options is closed.
* @csspart label - The encapsulated text label of the combo.
* @csspart input - The main input field of the combo.
* @csspart native-input - The native input of the main input field of the combo.
* @csspart prefix - The prefix wrapper of the combo.
* @csspart suffix - The suffix wrapper of the combo.
* @csspart toggle-icon - The toggle icon wrapper of the combo.
* @csspart clear-icon - The clear icon wrapper of the combo.
* @csspart case-icon - The case icon wrapper of the combo.
* @csspart helper-text - The helper text wrapper of the combo.
* @csspart search-input - The search input field of the combo.
* @csspart list-wrapper - The list of options wrapper of the combo.
* @csspart list - The list of options box of the combo.
* @csspart item - Represents each item in the list of options of the combo.
* @csspart group-header - Represents each header in the list of options of the combo.
* @csspart active - Appended to the item parts list when the item is active of the combo.
* @csspart selected - Appended to the item parts list when the item is selected of the combo.
* @csspart checkbox - Represents each checkbox of each list item of the combo.
* @csspart checkbox-indicator - Represents the checkbox indicator of each list item of the combo.
* @csspart checked - Appended to checkbox parts list when checkbox is checked in the combo.
* @csspart header - The container holding the header content of the combo.
* @csspart footer - The container holding the footer content of the combo.
* @csspart empty - The container holding the empty content of the combo.
* @class
*/
export declare const IgrCombo: import("../react-props.js").ReactWebComponent<Component<any>, {
onChange: EventName<IgcComboComponentEventMap["igcChange"]>;
onOpening: EventName<IgcComboComponentEventMap["igcOpening"]>;
onOpened: EventName<IgcComboComponentEventMap["igcOpened"]>;
onClosing: EventName<IgcComboComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcComboComponentEventMap["igcClosed"]>;
}, {
itemTemplate: string;
groupHeaderTemplate: string;
}>;
export type IgrCombo = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrComboModule: typeof Component;
import { IgcDatePickerComponent as Component } from 'igniteui-webcomponents';
import type { IgcDatePickerComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* igc-date-picker is a feature rich component used for entering a date through manual text input or
* choosing date values from a calendar dialog that pops up.
* @slot prefix - Renders content before the input.
* @slot suffix - Renders content after the input.
* @slot helper-text - Renders content below the input.
* @slot bad-input - Renders content when the value is in the disabledDates ranges.
* @slot value-missing - Renders content when the required validation fails.
* @slot range-overflow - Renders content when the max validation fails.
* @slot range-underflow - Renders content when the min validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @slot title - Renders content in the calendar title.
* @slot header-date - Renders content instead of the current date/range in the calendar header.
* @slot clear-icon - Renders a clear icon template.
* @slot calendar-icon - Renders the icon/content for the calendar picker.
* @slot calendar-icon-open - Renders the icon/content for the picker in open state.
* @slot actions - Renders content in the action part of the picker in open state.
* @fires igcOpening - Emitted just before the calendar dropdown is shown.
* @fires igcOpened - Emitted after the calendar dropdown is shown.
* @fires igcClosing - Emitted just before the calendar dropdown is hidden.
* @fires igcClosed - Emitted after the calendar dropdown is hidden.
* @fires igcChange - Emitted when the user modifies and commits the elements's value.
* @fires igcInput - Emitted when when the user types in the element.
* @csspart label - The label wrapper that renders content above the target input.
* @csspart container - The main wrapper that holds all main input elements.
* @csspart input - The native input element.
* @csspart prefix - The prefix wrapper.
* @csspart suffix - The suffix wrapper.
* @csspart calendar-icon - The calendar icon wrapper for closed state.
* @csspart calendar-icon-open - The calendar icon wrapper for opened state.
* @csspart clear-icon - The clear icon wrapper.
* @csspart actions - The actions wrapper.
* @csspart helper-text - The helper-text wrapper that renders content below the target input.
* @csspart header - The calendar header element.
* @csspart header-title - The calendar header title element.
* @csspart header-date - The calendar header date element.
* @csspart calendar-content - The calendar content element which contains the views and navigation elements.
* @csspart navigation - The calendar navigation container element.
* @csspart months-navigation - The calendar months navigation button element.
* @csspart years-navigation - The calendar years navigation button element.
* @csspart years-range - The calendar years range element.
* @csspart navigation-buttons - The calendar navigation buttons container.
* @csspart navigation-button - The calendar previous/next navigation button.
* @csspart days-view-container - The calendar days view container element.
* @csspart days-view - The calendar days view element.
* @csspart months-view - The calendar months view element.
* @csspart years-view - The calendar years view element.
* @csspart days-row - The calendar days row element.
* @csspart calendar-label - The calendar week header label element.
* @csspart week-number - The calendar week number element.
* @csspart week-number-inner - The calendar week number inner element.
* @csspart date - The calendar date element.
* @csspart date-inner - The calendar date inner element.
* @csspart first - The calendar first selected date element in range selection.
* @csspart last - The calendar last selected date element in range selection.
* @csspart inactive - The calendar inactive date element.
* @csspart hidden - The calendar hidden date element.
* @csspart weekend - The calendar weekend date element.
* @csspart range - The calendar range selected element.
* @csspart special - The calendar special date element.
* @csspart disabled - The calendar disabled date element.
* @csspart single - The calendar single selected date element.
* @csspart preview - The calendar range selection preview date element.
* @csspart month - The calendar month element.
* @csspart month-inner - The calendar month inner element.
* @csspart year - The calendar year element.
* @csspart year-inner - The calendar year inner element.
* @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.
* @csspart current - The calendar current state for element(s). Applies to date, month and year elements.
* @class
*/
export declare const IgrDatePicker: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcDatePickerComponentEventMap["igcOpening"]>;
onOpened: EventName<IgcDatePickerComponentEventMap["igcOpened"]>;
onClosing: EventName<IgcDatePickerComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcDatePickerComponentEventMap["igcClosed"]>;
onChange: EventName<IgcDatePickerComponentEventMap["igcChange"]>;
onInput: EventName<IgcDatePickerComponentEventMap["igcInput"]>;
}, {}>;
export type IgrDatePicker = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDatePickerModule: typeof Component;
import { IgcDateRangePickerComponent as Component } from 'igniteui-webcomponents';
import type { IgcDateRangePickerComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The igc-date-range-picker allows the user to select a range of dates.
* @slot prefix - Renders content before the input (single input).
* @slot prefix-start - Renders content before the start input (two inputs).
* @slot prefix-end - Renders content before the end input (two inputs).
* @slot suffix - Renders content after the input (single input).
* @slot suffix-start - Renders content after the start input (single input).
* @slot suffix-end - Renders content after the end input (single input).
* @slot helper-text - Renders content below the input.
* @slot bad-input - Renders content when the value is in the disabledDates ranges.
* @slot value-missing - Renders content when the required validation fails.
* @slot range-overflow - Renders content when the max validation fails.
* @slot range-underflow - Renders content when the min validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @slot title - Renders content in the calendar title.
* @slot header-date - Renders content instead of the current date/range in the calendar header.
* @slot clear-icon - Renders a clear icon template.
* @slot clear-icon-start - Renders a clear icon template for the start input (two inputs).
* @slot clear-icon-end - Renders a clear icon template for the end input (two inputs).
* @slot calendar-icon - Renders the icon/content for the calendar picker.
* @slot calendar-icon-start - Renders the icon/content for the calendar picker for the start input (two inputs).
* @slot calendar-icon-end - Renders the icon/content for the calendar picker for the end input (two inputs).
* @slot calendar-icon-open - Renders the icon/content for the picker in open state.
* @slot calendar-icon-open-start - Renders the icon/content for the picker in open state for the start input (two inputs).
* @slot calendar-icon-open-end - Renders the icon/content for the picker in open state for the end input (two inputs).
* @slot actions - Renders content in the action part of the picker in open state.
* @slot separator - Renders the separator element between the two inputs.
* @fires igcOpening - Emitted just before the calendar dropdown is shown.
* @fires igcOpened - Emitted after the calendar dropdown is shown.
* @fires igcClosing - Emitted just before the calendar dropdown is hidden.
* @fires igcClosed - Emitted after the calendar dropdown is hidden.
* @fires igcChange - Emitted when the user modifies and commits the elements's value.
* @fires igcInput - Emitted when when the user types in the element.
* @csspart separator - The separator element between the two inputs.
* @csspart ranges - The wrapper that renders the custom and predefined ranges.
* @csspart label - The label wrapper that renders content above the target input.
* @csspart calendar-icon - The calendar icon wrapper for closed state (single input).
* @csspart calendar-icon-start - The calendar icon wrapper for closed state for the start input (two inputs).
* @csspart calendar-icon-end - The calendar icon wrapper for closed state for the end input (two inputs).
* @csspart calendar-icon-open - The calendar icon wrapper for opened state (single input).
* @csspart calendar-icon-open-start - The calendar icon wrapper for opened state for the start input (two inputs).
* @csspart calendar-icon-open-end - The calendar icon wrapper for opened state for the end input (two inputs).
* @csspart clear-icon - The clear icon wrapper (single input).
* @csspart clear-icon-start - The clear icon wrapper for the start input (two inputs).
* @csspart clear-icon-end - The clear icon wrapper for the end input (two inputs).
* @csspart actions - The wrapper for the custom actions area.
* @csspart clear-icon - The clear icon wrapper.
* @csspart input - The native input element.
* @csspart prefix - The prefix wrapper.
* @csspart suffix - The suffix wrapper.
* @csspart helper-text - The helper-text wrapper that renders content below the target input.
* @csspart header - The calendar header element.
* @csspart header-title - The calendar header title element.
* @csspart header-date - The calendar header date element.
* @csspart calendar-content - The calendar content element which contains the views and navigation elements.
* @csspart navigation - The calendar navigation container element.
* @csspart months-navigation - The calendar months navigation button element.
* @csspart years-navigation - The calendar years navigation button element.
* @csspart years-range - The calendar years range element.
* @csspart navigation-buttons - The calendar navigation buttons container.
* @csspart navigation-button - The calendar previous/next navigation button.
* @csspart days-view-container - The calendar days view container element.
* @csspart days-view - The calendar days view element.
* @csspart months-view - The calendar months view element.
* @csspart years-view - The calendar years view element.
* @csspart days-row - The calendar days row element.
* @csspart calendar-label - The calendar week header label element.
* @csspart week-number - The calendar week number element.
* @csspart week-number-inner - The calendar week number inner element.
* @csspart date - The calendar date element.
* @csspart date-inner - The calendar date inner element.
* @csspart first - The calendar first selected date element in range selection.
* @csspart last - The calendar last selected date element in range selection.
* @csspart inactive - The calendar inactive date element.
* @csspart hidden - The calendar hidden date element.
* @csspart weekend - The calendar weekend date element.
* @csspart range - The calendar range selected element.
* @csspart special - The calendar special date element.
* @csspart disabled - The calendar disabled date element.
* @csspart single - The calendar single selected date element.
* @csspart preview - The calendar range selection preview date element.
* @csspart month - The calendar month element.
* @csspart month-inner - The calendar month inner element.
* @csspart year - The calendar year element.
* @csspart year-inner - The calendar year inner element.
* @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.
* @csspart current - The calendar current state for element(s). Applies to date, month and year elements.
* @class
*/
export declare const IgrDateRangePicker: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcDateRangePickerComponentEventMap["igcOpening"]>;
onOpened: EventName<IgcDateRangePickerComponentEventMap["igcOpened"]>;
onClosing: EventName<IgcDateRangePickerComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcDateRangePickerComponentEventMap["igcClosed"]>;
onChange: EventName<IgcDateRangePickerComponentEventMap["igcChange"]>;
onInput: EventName<IgcDateRangePickerComponentEventMap["igcInput"]>;
}, {}>;
export type IgrDateRangePicker = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDateRangePickerModule: typeof Component;
import { IgcDateTimeInputComponent as Component } from 'igniteui-webcomponents';
import type { IgcDateTimeInputComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A date time input is an input field that lets you set and edit the date and time in a chosen input element
* using customizable display and input formats.
* @slot prefix - Renders content before the input.
* @slot suffix - Renders content after input.
* @slot helper-text - Renders content below the input.
* @slot value-missing - Renders content when the required validation fails.
* @slot range-overflow - Renders content when the max validation fails.
* @slot range-underflow - Renders content when the min validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcInput - Emitted when the control input receives user input.
* @fires igcChange - Emitted when the control's checked state changes.
* @csspart container - The main wrapper that holds all main input elements.
* @csspart input - The native input element.
* @csspart label - The native label element.
* @csspart prefix - The prefix wrapper.
* @csspart suffix - The suffix wrapper.
* @csspart helper-text - The helper text wrapper.
* @class
*/
export declare const IgrDateTimeInput: import("../react-props.js").ReactWebComponent<Component, {
onInput: EventName<IgcDateTimeInputComponentEventMap["igcInput"]>;
onChange: EventName<IgcDateTimeInputComponentEventMap["igcChange"]>;
}, {}>;
export type IgrDateTimeInput = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDateTimeInputModule: typeof Component;
import { IgcDialogComponent as Component } from 'igniteui-webcomponents';
import type { IgcDialogComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A modal dialog component built on the native `<dialog>` element.
*
* The dialog traps focus while open and blocks interaction with the rest
* of the page (modal semantics). It supports animated open/close
* transitions, an optional backdrop overlay, and multiple content areas
* through named slots.
*
* The component integrates with the
* [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):
* an Ignite button or a native `<button>` with `command="--show"` / `"--hide"` / `"--toggle"`
* and `commandfor` pointing to this element will call the corresponding method
* declaratively without any JavaScript.
* @slot - General-purpose content area. Also the target for any `<form method="dialog">` placed inside the dialog.
* @slot title - Content rendered in the dialog header. Falls back to the `title` attribute when empty.
* @slot message - A dedicated message/body area rendered above the default slot. Hidden when no content is assigned.
* @slot footer - Content rendered in the dialog footer. When empty, a default "OK" close button is shown (unless `hide-default-action` is set).
* @fires igcClosing - Emitted just before the dialog closes. Cancelable — call `event.preventDefault()` to abort the closing sequence.
* @fires igcClosed - Emitted after the dialog has fully closed and its exit animation has completed.
* @csspart base - The native `<dialog>` element.
* @csspart title - The `<header>` element wrapping the title slot.
* @csspart content - The `<section>` element wrapping the message and default slots.
* @csspart footer - The `<footer>` element wrapping the footer slot.
* @csspart backdrop - The decorative backdrop overlay element.
* @csspart animating - Applied to the backdrop while an animation is running.
* @class
*/
export declare const IgrDialog: import("../react-props.js").ReactWebComponent<Component, {
onClosing: EventName<IgcDialogComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcDialogComponentEventMap["igcClosed"]>;
}, {}>;
export type IgrDialog = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDialogModule: typeof Component;
import { IgcDividerComponent as Component } from 'igniteui-webcomponents';
/**
* The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.
* @cssproperty --color - Sets the color of the divider.
* @cssproperty --inset - Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.
* @class
*/
export declare const IgrDivider: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrDivider = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDividerModule: typeof Component;
import { IgcDropdownGroupComponent as Component } from 'igniteui-webcomponents';
/**
* A container for a group of `igc-dropdown-item` components.
* @slot label - Contains the group's label.
* @slot - Intended to contain the items belonging to this group.
* @csspart label - The native label element.
* @class
*/
export declare const IgrDropdownGroup: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrDropdownGroup = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDropdownGroupModule: typeof Component;
import { IgcDropdownHeaderComponent as Component } from 'igniteui-webcomponents';
/**
* Represents a header item in a igc-dropdown list.
* @slot - Renders the header.
* @class
*/
export declare const IgrDropdownHeader: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrDropdownHeader = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDropdownHeaderModule: typeof Component;
import { IgcDropdownItemComponent as Component } from 'igniteui-webcomponents';
/**
* Represents an item in a dropdown list.
* @slot prefix - Renders content before the item's main content.
* @slot - Renders the item's main content.
* @slot suffix - Renders content after the item's main content.
* @csspart prefix - The prefix wrapper of the igc-dropdown-item.
* @csspart content - The main content wrapper of the igc-dropdown-item.
* @csspart suffix - The suffix wrapper of the igc-dropdown-item.
* @class
*/
export declare const IgrDropdownItem: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrDropdownItem = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDropdownItemModule: typeof Component;
import { IgcDropdownComponent as Component } from 'igniteui-webcomponents';
import type { IgcDropdownComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* Represents a DropDown component.
* @slot target - Renders the dropdown's target element.
* @slot - Renders the dropdown list items.
* @fires igcChange - Emitted when the selected item changes.
* @fires igcOpening - Emitted just before the dropdown is open.
* @fires igcOpened - Emitted after the dropdown is open.
* @fires igcClosing - Emitter just before the dropdown is closed.
* @fires igcClosed - Emitted after closing the dropdown.
* @csspart base - The dropdown list wrapper container.
* @csspart list - The dropdown list element.
* @class
*/
export declare const IgrDropdown: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcDropdownComponentEventMap["igcChange"]>;
onOpening: EventName<IgcDropdownComponentEventMap["igcOpening"]>;
onOpened: EventName<IgcDropdownComponentEventMap["igcOpened"]>;
onClosing: EventName<IgcDropdownComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcDropdownComponentEventMap["igcClosed"]>;
}, {}>;
export type IgrDropdown = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDropdownModule: typeof Component;
import { IgcExpansionPanelComponent as Component } from 'igniteui-webcomponents';
import type { IgcExpansionPanelComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The Expansion Panel Component provides a way to display information in a toggleable way -
* compact summary view containing title and description and expanded detail view containing
* additional content to the summary header.
* @slot - renders the default content of the panel
* @slot title - renders the title of the panel's header
* @slot subtitle - renders the subtitle of the panel's header
* @slot indicator - renders the expand/collapsed indicator
* @slot indicator-expanded - renders the expanded state of the indicator
* @fires igcOpening - Emitted before opening the expansion panel.
* @fires igcOpened - Emitted after the expansion panel is opened.
* @fires igcClosing - Emitted before closing the expansion panel.
* @fires igcClosed - Emitted after the expansion panel is closed.
* @csspart header - The container of the expansion indicator, title and subtitle.
* @csspart title - The title container.
* @csspart subtitle - The subtitle container.
* @csspart indicator - The indicator container.
* @csspart content - The expansion panel's content wrapper.
* @class
*/
export declare const IgrExpansionPanel: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcExpansionPanelComponentEventMap["igcOpening"]>;
onOpened: EventName<IgcExpansionPanelComponentEventMap["igcOpened"]>;
onClosing: EventName<IgcExpansionPanelComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcExpansionPanelComponentEventMap["igcClosed"]>;
}, {}>;
export type IgrExpansionPanel = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrExpansionPanelModule: typeof Component;
import { IgcFileInputComponent as Component } from 'igniteui-webcomponents';
import type { IgcFileInputComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* @slot prefix - Renders content before the input.
* @slot suffix - Renders content after input.
* @slot helper-text - Renders content below the input.
* @slot file-selector-text - Renders content for the browse button when input type is file.
* @slot file-missing-text - Renders content when input type is file and no file is chosen.
* @slot value-missing - Renders content when the required validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcChange - Emitted when the control's checked state changes.
* @fires igcCancel - Emitted when the control's file picker dialog is canceled.
* @csspart container - The main wrapper that holds all main input elements.
* @csspart input - The native input element.
* @csspart label - The native label element.
* @csspart file-names - The file names wrapper when input type is 'file'.
* @csspart file-selector-button - The browse button when input type is 'file'.
* @csspart prefix - The prefix wrapper.
* @csspart suffix - The suffix wrapper.
* @csspart helper-text - The helper text wrapper.
* @class
*/
export declare const IgrFileInput: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcFileInputComponentEventMap["igcChange"]>;
onCancel: EventName<IgcFileInputComponentEventMap["igcCancel"]>;
}, {}>;
export type IgrFileInput = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrFileInputModule: typeof Component;
import { IgcHighlightComponent as Component } from 'igniteui-webcomponents';
/**
* The highlight component provides efficient searching and highlighting of text
* projected into it via its default slot. It uses the native CSS Custom Highlight API
* to apply highlight styles to matched text nodes without modifying the DOM.
*
* The component supports case-sensitive matching, programmatic navigation between
* matches, and automatic scroll-into-view of the active match.
* @slot - The default slot. Place the text content you want to search and highlight here.
* @cssproperty --foreground - The text color for a highlighted text node.
* @cssproperty --background - The background color for a highlighted text node.
* @cssproperty --foreground-active - The text color for the active highlighted text node.
* @cssproperty --background-active - The background color for the active highlighted text node.
* @class
*/
export declare const IgrHighlight: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrHighlight = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrHighlightModule: typeof Component;
import { IgcIconButtonComponent as Component } from 'igniteui-webcomponents';
/**
* A button that displays a single icon, designed for compact, icon-only
* interactions such as toolbar actions, floating action buttons, or inline
* controls.
*
* The icon is sourced from the icon registry via the `name` and `collection`
* attributes. Like the normal button, it can render as an anchor element when
* `href` is set and is fully form-associated.
* @slot - Optional label rendered alongside the icon, useful for accessibility or augmented layouts.
* @csspart base - The wrapping element of the icon button.
* @csspart icon - The icon element of the icon button.
* @class
*/
export declare const IgrIconButton: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrIconButton = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrIconButtonModule: typeof Component;
import { IgcIconComponent as Component } from 'igniteui-webcomponents';
/**
* The icon component allows visualizing collections of pre-registered SVG icons.
* @class
*/
export declare const IgrIcon: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrIcon = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrIconModule: typeof Component;
/**
* @module igniteui-react
*/
export * from './button.js';
export * from './icon.js';
export * from './file-input.js';
export * from './avatar.js';
export * from './expansion-panel.js';
export * from './accordion.js';
export * from './badge.js';
export * from './banner.js';
export * from './toggle-button.js';
export * from './button-group.js';
export * from './calendar.js';
export * from './card-actions.js';
export * from './card-content.js';
export * from './card-header.js';
export * from './card-media.js';
export * from './card.js';
export * from './toast.js';
export * from './tooltip.js';
export * from './list-header.js';
export * from './list-item.js';
export * from './list.js';
export * from './icon-button.js';
export * from './chip.js';
export * from './textarea.js';
export * from './chat.js';
export * from './divider.js';
export * from './tile.js';
export * from './tile-manager.js';
export * from './carousel-indicator.js';
export * from './carousel-slide.js';
export * from './carousel.js';
export * from './checkbox.js';
export * from './circular-gradient.js';
export * from './circular-progress.js';
export * from './input.js';
export * from './combo.js';
export * from './date-time-input.js';
export * from './dialog.js';
export * from './date-picker.js';
export * from './date-range-picker.js';
export * from './dropdown-item.js';
export * from './dropdown-group.js';
export * from './dropdown-header.js';
export * from './dropdown.js';
export * from './select-item.js';
export * from './select-group.js';
export * from './select-header.js';
export * from './select.js';
export * from './linear-progress.js';
export * from './mask-input.js';
export * from './nav-drawer-header-item.js';
export * from './nav-drawer-item.js';
export * from './nav-drawer.js';
export * from './navbar.js';
export * from './radio.js';
export * from './radio-group.js';
export * from './rating-symbol.js';
export * from './rating.js';
export * from './ripple.js';
export * from './slider-label.js';
export * from './range-slider.js';
export * from './snackbar.js';
export * from './slider.js';
export * from './tab.js';
export * from './tabs.js';
export * from './switch.js';
export * from './tree-item.js';
export * from './tree.js';
export * from './splitter.js';
export * from './step.js';
export * from './stepper.js';
export * from './highlight.js';
export * from './theme-provider.js';
export * from './types.js';
import { IgcInputComponent as Component } from 'igniteui-webcomponents';
import type { IgcInputComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* @slot prefix - Renders content before the input.
* @slot suffix - Renders content after input.
* @slot helper-text - Renders content below the input.
* @slot value-missing - Renders content when the required validation fails.
* @slot type-mismatch - Renders content when the a type url/email input pattern validation fails.
* @slot pattern-mismatch - Renders content when the pattern validation fails.
* @slot too-long - Renders content when the maxlength validation fails.
* @slot too-short - Renders content when the minlength validation fails.
* @slot range-overflow - Renders content when the max validation fails.
* @slot range-underflow - Renders content when the min validation fails.
* @slot step-mismatch - Renders content when the step validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcInput - Emitted when the control input receives user input.
* @fires igcChange - Emitted when the control's checked state changes.
* @csspart container - The main wrapper that holds all main input elements.
* @csspart input - The native input element.
* @csspart label - The native label element.
* @csspart prefix - The prefix wrapper.
* @csspart suffix - The suffix wrapper.
* @csspart helper-text - The helper text wrapper.
* @class
*/
export declare const IgrInput: import("../react-props.js").ReactWebComponent<Component, {
onInput: EventName<IgcInputComponentEventMap["igcInput"]>;
onChange: EventName<IgcInputComponentEventMap["igcChange"]>;
}, {}>;
export type IgrInput = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrInputModule: typeof Component;
import { IgcLinearProgressComponent as Component } from 'igniteui-webcomponents';
/**
* A linear progress indicator used to express unspecified wait time or display
* the length of a process.
* @slot - The text area container.
* @csspart track - The igc-linear-progress track area.
* @csspart fill - The igc-linear-progress indicator area.
* @csspart striped - The igc-linear-progress striped indicator.
* @csspart label - The igc-linear-progress label.
* @csspart value - The igc-linear-progress label value.
* @csspart indeterminate - The igc-linear-progress indeterminate state.
* @csspart primary - The igc-linear-progress indicator primary state.
* @csspart danger - The igc-linear-progress indicator error state.
* @csspart warning - The igc-linear-progress indicator warning state.
* @csspart info - The igc-linear-progress indicator info state.
* @csspart success - The igc-linear-progress indicator success state.
* @class
*/
export declare const IgrLinearProgress: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrLinearProgress = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrLinearProgressModule: typeof Component;
import { IgcListHeaderComponent as Component } from 'igniteui-webcomponents';
/**
* Header list item.
* @slot - Renders header list item's content.
* @class
*/
export declare const IgrListHeader: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrListHeader = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrListHeaderModule: typeof Component;
import { IgcListItemComponent as Component } from 'igniteui-webcomponents';
/**
* The list-item component is a container
* intended for row items in the list component.
* @slot - Renders custom content.
* @slot start - Renders content before all other content.
* @slot end - Renders content after all other content.
* @slot title - Renders the title.
* @slot subtitle - Renders the subtitle.
* @csspart start - The start container.
* @csspart end - The end container.
* @csspart content - The header and custom content container.
* @csspart header - The title and subtitle container.
* @csspart title - The title container.
* @csspart subtitle - The subtitle container.
* @class
*/
export declare const IgrListItem: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrListItem = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrListItemModule: typeof Component;
import { IgcListComponent as Component } from 'igniteui-webcomponents';
/**
* Displays a collection of data items in a templatable list format.
* @slot - Renders the list items and list headers inside default slot.
* @class
*/
export declare const IgrList: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrList = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrListModule: typeof Component;
import { IgcMaskInputComponent as Component } from 'igniteui-webcomponents';
import type { IgcMaskInputComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A masked input is an input field where a developer can control user input and format the visible value,
* based on configurable rules
* @slot prefix - Renders content before the input
* @slot suffix - Renders content after the input
* @slot helper-text - Renders content below the input
* @slot value-missing - Renders content when the required validation fails.
* @slot bad-input - Renders content when a required mask pattern validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcInput - Emitted when the control receives user input
* @fires igcChange - Emitted when an alteration of the control's value is committed by the user
* @csspart container - The main wrapper that holds all main input elements
* @csspart input - The native input element
* @csspart label - The native label element
* @csspart prefix - The prefix wrapper
* @csspart suffix - The suffix wrapper
* @csspart helper-text - The helper text wrapper
* @class
*/
export declare const IgrMaskInput: import("../react-props.js").ReactWebComponent<Component, {
onInput: EventName<IgcMaskInputComponentEventMap["igcInput"]>;
onChange: EventName<IgcMaskInputComponentEventMap["igcChange"]>;
}, {}>;
export type IgrMaskInput = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrMaskInputModule: typeof Component;
import { IgcNavDrawerHeaderItemComponent as Component } from 'igniteui-webcomponents';
/**
* A wrapper for navigation drawer's header.
* @slot - Renders the header content
* @class
*/
export declare const IgrNavDrawerHeaderItem: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrNavDrawerHeaderItem = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrNavDrawerHeaderItemModule: typeof Component;
import { IgcNavDrawerItemComponent as Component } from 'igniteui-webcomponents';
/**
* Represents a navigation drawer item.
* @slot content - The content slot for the drawer item.
* @slot icon - The slot for the icon of the drawer item.
* @csspart base - The base wrapper of the drawer item.
* @csspart icon - The icon container.
* @csspart content - The content container.
* @class
*/
export declare const IgrNavDrawerItem: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrNavDrawerItem = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrNavDrawerItemModule: typeof Component;
import { IgcNavDrawerComponent as Component } from 'igniteui-webcomponents';
import type { IgcNavDrawerComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A side navigation container that provides
* quick access between views within an application.
*
* For non-relative positions (`start`, `end`, `top`, `bottom`) the drawer is
* rendered as a native `<dialog>` element, providing modal semantics, automatic
* focus trapping, and a backdrop. For the `relative` position it is rendered
* inline as a `<nav>` landmark.
*
* When content is provided in the `mini` slot, a compact icon-only variant is
* always displayed alongside the main drawer (hidden only while the full drawer
* is open).
*
* The component integrates with the
* [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):
* an Ignite button or a native `<button>` with `command="--show"` / `"--hide"` / `"--toggle"`
* and `commandfor` pointing to this element will call the corresponding method
* declaratively without any JavaScript.
* @slot - Renders the main navigation content of the drawer.
* @slot mini - Renders the compact mini variant of the drawer.
* @fires igcClosing - Emitted just before the drawer is closed by a user interaction. Cancelable — call `event.preventDefault()` to abort the closing sequence.
* @fires igcClosed - Emitted just after the drawer is closed by a user interaction.
* @csspart base - The base wrapper of the drawer.
* @csspart main - The main content container of the drawer.
* @csspart mini - The mini variant container of the drawer.
* @class
*/
export declare const IgrNavDrawer: import("../react-props.js").ReactWebComponent<Component, {
onClosing: EventName<IgcNavDrawerComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcNavDrawerComponentEventMap["igcClosed"]>;
}, {}>;
export type IgrNavDrawer = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrNavDrawerModule: typeof Component;
import { IgcNavbarComponent as Component } from 'igniteui-webcomponents';
/**
* A navigation bar component is used to facilitate navigation through
* a series of hierarchical screens within an app.
* @slot - Renders a title inside the default slot.
* @slot start - Renders left aligned icons.
* @slot end - Renders right aligned action icons.
* @csspart base - The base wrapper of the navigation bar.
* @csspart start - The left aligned icon container.
* @csspart middle - The navigation bar title container.
* @csspart end - The right aligned action icons container.
* @class
*/
export declare const IgrNavbar: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrNavbar = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrNavbarModule: typeof Component;
import { IgcRadioGroupComponent as Component } from 'igniteui-webcomponents';
import type { IgcRadioComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The igc-radio-group component unifies one or more igc-radio buttons.
* @slot - Default slot
* @class
*/
export declare const IgrRadioGroup: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcRadioComponentEventMap["igcChange"]>;
}, {}>;
export type IgrRadioGroup = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrRadioGroupModule: typeof Component;
import { IgcRadioComponent as Component } from 'igniteui-webcomponents';
import type { IgcRadioComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* @slot - The radio label.
* @slot helper-text - Renders content below the input.
* @slot value-missing - Renders content when the required validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcChange - Emitted when the control's checked state changes.
* @csspart base - The radio control base wrapper.
* @csspart control - The radio input control.
* @csspart label - The radio control label.
* @class
*/
export declare const IgrRadio: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcRadioComponentEventMap["igcChange"]>;
}, {}>;
export type IgrRadio = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrRadioModule: typeof Component;
import { IgcRangeSliderComponent as Component } from 'igniteui-webcomponents';
import type { IgcRangeSliderComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A range slider component used to select two numeric values within a range.
* @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.
* @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.
* @csspart base - The base wrapper of the slider.
* @csspart ticks - The ticks container.
* @csspart tick-group - The tick group container.
* @csspart tick - The tick element.
* @csspart tick-label - The tick label element.
* @csspart tick-label-inner - The inner element of the tick label.
* @csspart thumbs - The thumbs container.
* @csspart thumb - The thumb element.
* @csspart thumb-label - The thumb tooltip label container.
* @csspart thumb-label-inner - The thumb tooltip label inner element.
* @csspart track - The track container.
* @csspart steps - The track steps element.
* @csspart inactive - The inactive element of the track.
* @csspart fill - The filled part of the track.
* @class
*/
export declare const IgrRangeSlider: import("../react-props.js").ReactWebComponent<Component, {
onInput: EventName<IgcRangeSliderComponentEventMap["igcInput"]>;
onChange: EventName<IgcRangeSliderComponentEventMap["igcChange"]>;
}, {}>;
export type IgrRangeSlider = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrRangeSliderModule: typeof Component;
import { IgcRatingSymbolComponent as Component } from 'igniteui-webcomponents';
/**
*
* Used when a custom icon/symbol/element needs to be passed to the igc-rating component.
* @slot - Default slot for projected full symbols/icons.
* @slot empty - Default slot for projected empty symbols/icons.
* @csspart symbol - The symbol wrapping container.
* @csspart full - The full symbol wrapping container.
* @csspart empty - The empty symbol wrapping container.
* @class
*/
export declare const IgrRatingSymbol: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrRatingSymbol = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrRatingSymbolModule: typeof Component;
import { IgcRatingComponent as Component } from 'igniteui-webcomponents';
import type { IgcRatingComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A rating component that allows users to view and provide ratings using customizable symbols.
* It supports fractional values, hover previews, keyboard navigation, single-selection mode,
* and integrates with forms as a number input.
* @slot symbol - Slot for projecting custom `igc-rating-symbol` elements. When used, the number of symbols determines the `max` value.
* @slot value-label - Slot for custom content displayed alongside the rating value.
* @fires igcChange - Emitted when the value of the control changes.
* @fires igcHover - Emitted when hover is enabled and the user mouses over a symbol of the rating.
* @csspart base - The main wrapper which holds all of the rating elements.
* @csspart label - The label part.
* @csspart value-label - The value label part.
* @csspart symbols - A wrapper for all rating symbols.
* @csspart symbol - The part of the encapsulated default symbol.
* @csspart full - The part of the encapsulated full symbols.
* @csspart empty - The part of the encapsulated empty symbols.
* @cssproperty --symbol-size - The size of the symbols.
* @cssproperty --symbol-full-color - The color of the filled symbol.
* @cssproperty --symbol-empty-color - The color of the empty symbol.
* @cssproperty --symbol-full-filter - The filter(s) used for the filled symbol.
* @cssproperty --symbol-empty-filter - The filter(s) used for the empty symbol.
* @class
*/
export declare const IgrRating: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcRatingComponentEventMap["igcChange"]>;
onHover: EventName<IgcRatingComponentEventMap["igcHover"]>;
}, {}>;
export type IgrRating = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrRatingModule: typeof Component;
import { IgcRippleComponent as Component } from 'igniteui-webcomponents';
/**
* A ripple can be applied to an element to represent
* interactive surface.
* @class
*/
export declare const IgrRipple: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrRipple = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrRippleModule: typeof Component;
import { IgcSelectGroupComponent as Component } from 'igniteui-webcomponents';
/**
* @slot label - Contains the group's label.
* @slot - Intended to contain the items belonging to this group.
* @csspart label - The native label element.
* @class
*/
export declare const IgrSelectGroup: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrSelectGroup = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSelectGroupModule: typeof Component;
import { IgcSelectHeaderComponent as Component } from 'igniteui-webcomponents';
/**
* Represents a header item in an igc-select component.
* @slot - Renders the header.
* @class
*/
export declare const IgrSelectHeader: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrSelectHeader = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSelectHeaderModule: typeof Component;
import { IgcSelectItemComponent as Component } from 'igniteui-webcomponents';
/**
* Represents an item in a select list.
* @slot - Renders the all content bar the prefix and suffix.
* @slot prefix - Renders content before the main content area.
* @slot suffix - Renders content after the main content area.
* @csspart prefix - The prefix wrapper of the igc-select-item.
* @csspart content - The main content wrapper of the igc-select-item.
* @csspart suffix - The suffix wrapper of the igc-select-item.
* @class
*/
export declare const IgrSelectItem: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrSelectItem = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSelectItemModule: typeof Component;
import { IgcSelectComponent as Component } from 'igniteui-webcomponents';
import type { IgcSelectComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* Represents a control that provides a menu of options.
* @slot - Renders the list of select items.
* @slot prefix - Renders content before the input.
* @slot suffix - Renders content after input.
* @slot header - Renders a container before the list of options.
* @slot footer - Renders a container after the list of options.
* @slot helper-text - Renders content below the input.
* @slot toggle-icon - Renders content inside the suffix container.
* @slot toggle-icon-expanded - Renders content for the toggle icon when the component is in open state.
* @slot value-missing - Renders content when the required validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcChange - Emitted when the control's checked state changes.
* @fires igcOpening - Emitted just before the list of options is opened.
* @fires igcOpened - Emitted after the list of options is opened.
* @fires igcClosing - Emitter just before the list of options is closed.
* @fires igcClosed - Emitted after the list of options is closed.
* @csspart list - The list wrapping container for the items of the igc-select.
* @csspart input - The encapsulated igc-input of the igc-select.
* @csspart label - The encapsulated text label of the igc-select.
* @csspart prefix - The prefix wrapper of the input of the igc-select.
* @csspart suffix - The suffix wrapper of the input of the igc-select.
* @csspart toggle-icon - The toggle icon wrapper of the igc-select.
* @csspart helper-text - The helper text wrapper of the igc-select.
* @class
*/
export declare const IgrSelect: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcSelectComponentEventMap["igcChange"]>;
onOpening: EventName<IgcSelectComponentEventMap["igcOpening"]>;
onOpened: EventName<IgcSelectComponentEventMap["igcOpened"]>;
onClosing: EventName<IgcSelectComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcSelectComponentEventMap["igcClosed"]>;
}, {}>;
export type IgrSelect = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSelectModule: typeof Component;
import { IgcSliderLabelComponent as Component } from 'igniteui-webcomponents';
/**
* Allows formatting the values of the slider as string values.
* The text content of the slider labels is used for thumb and tick labels.
* @class
*/
export declare const IgrSliderLabel: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrSliderLabel = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSliderLabelModule: typeof Component;
import { IgcSliderComponent as Component } from 'igniteui-webcomponents';
import type { IgcSliderComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A slider component used to select numeric value within a range.
* @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.
* @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.
* @csspart base - The base wrapper of the slider.
* @csspart ticks - The ticks container.
* @csspart tick-group - The tick group container.
* @csspart tick - The tick element.
* @csspart tick-label - The tick label element.
* @csspart tick-label-inner - The inner element of the tick label.
* @csspart thumbs - The thumbs container.
* @csspart thumb - The thumb element.
* @csspart thumb-label - The thumb tooltip label container.
* @csspart thumb-label-inner - The thumb tooltip label inner element.
* @csspart track - The track container.
* @csspart steps - The track steps element.
* @csspart inactive - The inactive element of the track.
* @csspart fill - The filled part of the track.
* @class
*/
export declare const IgrSlider: import("../react-props.js").ReactWebComponent<Component, {
onInput: EventName<IgcSliderComponentEventMap["igcInput"]>;
onChange: EventName<IgcSliderComponentEventMap["igcChange"]>;
}, {}>;
export type IgrSlider = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSliderModule: typeof Component;
import { IgcSnackbarComponent as Component } from 'igniteui-webcomponents';
import type { IgcSnackbarComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A snackbar component is used to provide feedback about an operation
* by showing a brief message at the bottom of the screen.
*
* The component integrates with the
* [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):
* an Ignite button or a native `<button>` with `command="--show"` / `"--hide"` /
* `"--toggle"` and `commandfor` pointing to this element will call the
* corresponding method declaratively without any JavaScript.
* @slot - Default slot to render the snackbar content.
* @slot action - Renders the action part of the snackbar. Usually an interactive element (button).
* @fires igcAction - Emitted when the snackbar action button is clicked.
* @csspart base - The base wrapper of the snackbar component.
* @csspart message - The snackbar message.
* @csspart action - The default snackbar action button.
* @csspart action-container - The area holding the actions.
* @class
*/
export declare const IgrSnackbar: import("../react-props.js").ReactWebComponent<Component, {
onAction: EventName<IgcSnackbarComponentEventMap["igcAction"]>;
}, {}>;
export type IgrSnackbar = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSnackbarModule: typeof Component;
import { IgcSplitterComponent as Component } from 'igniteui-webcomponents';
import type { IgcSplitterComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The `igc-splitter` component provides a resizable split-pane layout that divides the view
* into two panels — *start* and *end* — separated by a draggable bar.
*
* Panels can be resized by dragging the bar, using keyboard shortcuts, or collapsed/expanded
* using the built-in collapse buttons or the programmatic `toggle()` API.
* Nested splitters are supported for more complex layouts.
* @slot start - Content projected into the start (left/top) panel.
* @slot end - Content projected into the end (right/bottom) panel.
* @fires igcResizeStart - Emitted once when a resize operation begins (pointer drag or keyboard).
* @fires igcResizing - Emitted continuously while a pane is being resized.
* @fires igcResizeEnd - Emitted once when a resize operation completes.
* @csspart splitter-bar - The resizable bar element between the two panels.
* @csspart drag-handle - The drag handle icon/element on the splitter bar.
* @csspart start-pane - The container for the start panel content.
* @csspart end-pane - The container for the end panel content.
* @csspart start-collapse-btn - The button to collapse the start panel.
* @csspart end-collapse-btn - The button to collapse the end panel.
* @csspart start-expand-btn - The button to expand the start panel when collapsed.
* @csspart end-expand-btn - The button to expand the end panel when collapsed.
* @class
*/
export declare const IgrSplitter: import("../react-props.js").ReactWebComponent<Component, {
onResizeStart: EventName<IgcSplitterComponentEventMap["igcResizeStart"]>;
onResizing: EventName<IgcSplitterComponentEventMap["igcResizing"]>;
onResizeEnd: EventName<IgcSplitterComponentEventMap["igcResizeEnd"]>;
}, {}>;
export type IgrSplitter = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSplitterModule: typeof Component;
import { IgcStepComponent as Component } from 'igniteui-webcomponents';
/**
* A step component used within an `igc-stepper` to represent an individual step in a wizard-like workflow.
* @slot - Renders the content of the step.
* @slot indicator - Renders the indicator of the step. By default, it displays the step index + 1.
* @slot title - Renders the title of the step.
* @slot subtitle - Renders the subtitle of the step.
* @csspart header-container - Wrapper of the step's `header` and its separators.
* @csspart disabled - Indicates a disabled state. Applies to `header-container`.
* @csspart complete-start - Indicates a complete state of the current step. Applies to `header-container`.
* @csspart complete-end - Indicates a complete state of the previous step. Applies to `header-container`.
* @csspart optional - Indicates an optional state. Applies to `header-container`.
* @csspart invalid - Indicates an invalid state. Applies to `header-container`.
* @csspart top - Indicates that the title should be above the indicator. Applies to `header-container`.
* @csspart bottom - Indicates that the title should be below the indicator. Applies to `header-container`.
* @csspart start - Indicates that the title should be before the indicator. Applies to `header-container`.
* @csspart end - Indicates that the title should be after the indicator. Applies to `header-container`.
* @csspart header - Wrapper of the step's `indicator` and `text`.
* @csspart indicator - The indicator of the step.
* @csspart text - Wrapper of the step's `title` and `subtitle`.
* @csspart empty - Indicates that no title and subtitle have been provided to the step. Applies to `text`.
* @csspart title - The title of the step.
* @csspart subtitle - The subtitle of the step.
* @csspart body - Wrapper of the step's `content`.
* @csspart content - The step's `content`.
* @class
*/
export declare const IgrStep: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrStep = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrStepModule: typeof Component;
import { IgcStepperComponent as Component } from 'igniteui-webcomponents';
import type { IgcStepperComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* A stepper component that provides a wizard-like workflow by dividing content into logical steps.
* @slot - Renders `igc-step` components inside the default slot.
* @fires igcActiveStepChanging - Emitted when the active step is about to change. Cancelable.
* @fires igcActiveStepChanged - Emitted after the active step has changed.
* @class
*/
export declare const IgrStepper: import("../react-props.js").ReactWebComponent<Component, {
onActiveStepChanging: EventName<IgcStepperComponentEventMap["igcActiveStepChanging"]>;
onActiveStepChanged: EventName<IgcStepperComponentEventMap["igcActiveStepChanged"]>;
}, {}>;
export type IgrStepper = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrStepperModule: typeof Component;
import { IgcSwitchComponent as Component } from 'igniteui-webcomponents';
import type { IgcSwitchComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* Similar to a checkbox, a switch controls the state of a single setting on or off.
* @slot - The switch label.
* @fires igcChange - Emitted when the control's checked state changes.
* @csspart base - The base wrapper of the switch.
* @csspart control - The switch input element.
* @csspart thumb - The position indicator of the switch.
* @csspart label - The switch label.
* @class
*/
export declare const IgrSwitch: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcSwitchComponentEventMap["igcChange"]>;
}, {}>;
export type IgrSwitch = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrSwitchModule: typeof Component;
import { IgcTabComponent as Component } from 'igniteui-webcomponents';
/**
* A tab element slotted into an `igc-tabs` container.
* @slot - Renders the tab's content.
* @slot label - Renders the tab header's label.
* @slot prefix - Renders the tab header's prefix.
* @slot suffix - Renders the tab header's suffix.
* @csspart tab-header - The header of a single tab.
* @csspart prefix - Tab header's label prefix.
* @csspart content - Tab header's label slot container.
* @csspart suffix - Tab header's label suffix.
* @csspart tab-body - Holds the body content of a single tab, only the body of the selected tab is visible.
* @class
*/
export declare const IgrTab: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrTab = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTabModule: typeof Component;
import { IgcTabsComponent as Component } from 'igniteui-webcomponents';
import type { IgcTabsComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.
*
* The `<igc-tabs>` component allows the user to navigate between multiple `<igc-tab>` elements.
* It supports keyboard navigation and provides API methods to control the selected tab.
* @slot - Renders the `IgcTabComponents` inside default slot.
* @fires igcChange - Emitted when the selected tab changes.
* @csspart start-scroll-button - The start scroll button displayed when the tabs overflow.
* @csspart end-scroll-button - The end scroll button displayed when the tabs overflow.
* @csspart selected-indicator - The indicator that shows which tab is selected.
* @class
*/
export declare const IgrTabs: import("../react-props.js").ReactWebComponent<Component, {
onChange: EventName<IgcTabsComponentEventMap["igcChange"]>;
}, {}>;
export type IgrTabs = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTabsModule: typeof Component;
import { IgcTextareaComponent as Component } from 'igniteui-webcomponents';
import type { IgcTextareaComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* This element represents a multi-line plain-text editing control,
* useful when you want to allow users to enter a sizeable amount of free-form text,
* for example a comment on a review or feedback form.
* @slot - Text content from the default slot will be used as the value of the component.
* @slot prefix - Renders content before the input.
* @slot suffix - Renders content after input.
* @slot helper-text - Renders content below the input.
* @slot value-missing - Renders content when the required validation fails.
* @slot too-long - Renders content when the maxlength validation fails.
* @slot too-short - Renders content when the minlength validation fails.
* @slot custom-error - Renders content when setCustomValidity(message) is set.
* @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
* @fires igcInput - Emitted when the control receives user input.
* @fires igcChange - Emitted when the a change to the control value is committed by the user.
* @csspart container - The main wrapper that holds all main input elements of the textarea.
* @csspart input - The native input element of the igc-textarea.
* @csspart label - The native label element of the igc-textarea.
* @csspart prefix - The prefix wrapper of the igc-textarea.
* @csspart suffix - The suffix wrapper of the igc-textarea.
* @csspart helper-text - The helper text wrapper of the igc-textarea.
* @class
*/
export declare const IgrTextarea: import("../react-props.js").ReactWebComponent<Component, {
onInput: EventName<IgcTextareaComponentEventMap["igcInput"]>;
onChange: EventName<IgcTextareaComponentEventMap["igcChange"]>;
}, {}>;
export type IgrTextarea = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTextareaModule: typeof Component;
import { IgcThemeProviderComponent as Component } from 'igniteui-webcomponents';
/**
* A theme provider component that uses Lit context to provide theme information
* to descendant components.
*
* This component allows you to scope a theme to a specific part of the page.
* All library components within this provider will use the specified theme
* instead of the global theme.
* @slot - Default slot for content that should receive the provided theme.
* @class
*/
export declare const IgrThemeProvider: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrThemeProvider = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrThemeProviderModule: typeof Component;
import { IgcTileManagerComponent as Component } from 'igniteui-webcomponents';
import type { IgcTileComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The tile manager component enables the dynamic arrangement, resizing, and interaction of tiles.
* @slot - Default slot for the tile manager. Only `igc-tile` elements will be projected inside the CSS grid container.
* @csspart base - The tile manager CSS Grid container.
* @cssproperty --column-count - The number of columns for the tile manager. The `column-count` attribute sets this variable.
* @cssproperty --min-col-width - The minimum size of the columns in the tile-manager. The `min-column-width` attribute sets this variable.
* @cssproperty --min-row-height - The minimum size of the rows in the tile-manager. The `min-row-height` attribute sets this variable.
* @cssproperty --grid-gap - The gap size of the underlying CSS grid container. The `gap` attributes sts this variable.
* @class
*/
export declare const IgrTileManager: import("../react-props.js").ReactWebComponent<Component, {
onTileFullscreen: EventName<IgcTileComponentEventMap["igcTileFullscreen"]>;
onTileMaximize: EventName<IgcTileComponentEventMap["igcTileMaximize"]>;
onTileDragStart: EventName<IgcTileComponentEventMap["igcTileDragStart"]>;
onTileDragEnd: EventName<IgcTileComponentEventMap["igcTileDragEnd"]>;
onTileDragCancel: EventName<IgcTileComponentEventMap["igcTileDragCancel"]>;
onTileResizeStart: EventName<IgcTileComponentEventMap["igcTileResizeStart"]>;
onTileResizeEnd: EventName<IgcTileComponentEventMap["igcTileResizeEnd"]>;
onTileResizeCancel: EventName<IgcTileComponentEventMap["igcTileResizeCancel"]>;
}, {}>;
export type IgrTileManager = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTileManagerModule: typeof Component;
import { IgcTileComponent as Component } from 'igniteui-webcomponents';
import type { IgcTileComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The tile component is used within the `igc-tile-manager` as a container
* for displaying various types of information.
* @slot - Default slot for the tile's content.
* @slot title - Renders the title of the tile header.
* @slot maximize-action - Renders the maximize action element of the tile header.
* @slot fullscreen-action - Renders the fullscreen action element of the tile header.
* @slot actions - Renders items after the default actions in the tile header.
* @slot side-adorner - Renders the side resize handle of the tile.
* @slot corner-adorner - Renders the corner resize handle of the tile.
* @slot bottom-adorner - Renders the bottom resize handle of the tile.
* @fires igcTileFullscreen - Fired when tile the fullscreen state changes.
* @fires igcTileMaximize - Fired when tile the maximize state changes.
* @fires igcTileDragStart - Fired when a drag operation on a tile is about to begin. Cancelable.
* @fires igcTileDragEnd - Fired when a drag operation with a tile is successfully completed.
* @fires igcTileDragCancel - Fired when a tile drag operation is canceled by the user.
* @fires igcTileResizeStart - Fired when a resize operation on a tile is about to begin. Cancelable.
* @fires igcTileResizeEnd - Fired when a resize operation on a tile is successfully completed.
* @fires igcTileResizeCancel - Fired when a resize operation on a tile is canceled by the user.
* @csspart base - The wrapper for the entire tile content, header and content.
* @csspart header - The container for the tile header, including title and actions.
* @csspart title - The title container of the tile.
* @csspart actions - The actions container of the tile header.
* @csspart content-container - The container wrapping the tile’s main content.
* @csspart trigger-side - The part for the side adorner of the encapsulated resize element in the tile.
* @csspart trigger - The part for the corner adorner of the encapsulated resize element in the tile.
* @csspart trigger-bottom - The part for the bottom adorner of the encapsulated resize element in the tile.
* @class
*/
export declare const IgrTile: import("../react-props.js").ReactWebComponent<Component, {
onTileFullscreen: EventName<IgcTileComponentEventMap["igcTileFullscreen"]>;
onTileMaximize: EventName<IgcTileComponentEventMap["igcTileMaximize"]>;
onTileDragStart: EventName<IgcTileComponentEventMap["igcTileDragStart"]>;
onTileDragEnd: EventName<IgcTileComponentEventMap["igcTileDragEnd"]>;
onTileDragCancel: EventName<IgcTileComponentEventMap["igcTileDragCancel"]>;
onTileResizeStart: EventName<IgcTileComponentEventMap["igcTileResizeStart"]>;
onTileResizeEnd: EventName<IgcTileComponentEventMap["igcTileResizeEnd"]>;
onTileResizeCancel: EventName<IgcTileComponentEventMap["igcTileResizeCancel"]>;
}, {}>;
export type IgrTile = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTileModule: typeof Component;
import { IgcToastComponent as Component } from 'igniteui-webcomponents';
/**
* A toast component is used to show a brief, non-interactive notification.
*
* The component integrates with the
* [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API):
* an Ignite button or a native `<button>` with `command="--show"` / `"--hide"` /
* `"--toggle"` and `commandfor` pointing to this element will call the
* corresponding method declaratively without any JavaScript.
* @slot - Default slot for the toast content.
* @csspart base - The base wrapper of the toast.
* @class
*/
export declare const IgrToast: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrToast = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrToastModule: typeof Component;
import { IgcToggleButtonComponent as Component } from 'igniteui-webcomponents';
/**
* The `igc-toggle-button` wraps a native button element and exposes additional `value` and `selected` properties.
* It is used in the context of an `igc-button-group` to facilitate the creation of group/toolbar like UX behaviors.
* @slot Renders - the label/content of the button.
* @csspart toggle - The native button element.
* @class
*/
export declare const IgrToggleButton: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrToggleButton = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrToggleButtonModule: typeof Component;
import { IgcTooltipComponent as Component } from 'igniteui-webcomponents';
import type { IgcTooltipComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* Provides a way to display supplementary information related to an element when a user interacts with it (e.g., hover, focus).
* It offers features such as placement customization, delays, sticky mode, and animations.
* @slot - Default slot of the tooltip component.
* @slot close-button - Slot for custom sticky-mode close action (e.g., an icon/button).
* @fires igcOpening - Emitted before the tooltip begins to open. Can be canceled to prevent opening.
* @fires igcOpened - Emitted after the tooltip has successfully opened and is visible.
* @fires igcClosing - Emitted before the tooltip begins to close. Can be canceled to prevent closing.
* @fires igcClosed - Emitted after the tooltip has been fully removed from view.
* @csspart base - The wrapping container of the tooltip content.
* @csspart simple-text - The container where the message property of the tooltip is rendered.
* @class
*/
export declare const IgrTooltip: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcTooltipComponentEventMap["igcOpening"]>;
onOpened: EventName<IgcTooltipComponentEventMap["igcOpened"]>;
onClosing: EventName<IgcTooltipComponentEventMap["igcClosing"]>;
onClosed: EventName<IgcTooltipComponentEventMap["igcClosed"]>;
}, {}>;
export type IgrTooltip = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTooltipModule: typeof Component;
import { IgcTreeItemComponent as Component } from 'igniteui-webcomponents';
/**
* The tree-item component represents a child item of the tree component or another tree item.
* @slot - Renders nested tree-item component.
* @slot label - Renders the tree item container.
* @slot indicator - Renders the expand indicator container.
* @slot loading - Renders the tree item loading indicator container.
* @slot indentation - Renders the container (by default the space) before the tree item.
* @csspart wrapper - The wrapper for the tree item.
* @csspart selected - Indicates selected state. Applies to `wrapper`.
* @csspart focused - Indicates focused state. Applies to `wrapper`.
* @csspart active - Indicates an active state. Applies to `wrapper`.
* @csspart indicator - The expand indicator of the tree item.
* @csspart label - The tree item content.
* @csspart text - The tree item displayed text.
* @csspart select - The checkbox of the tree item when selection is enabled.
* @class
*/
export declare const IgrTreeItem: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrTreeItem = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTreeItemModule: typeof Component;
import { IgcTreeComponent as Component } from 'igniteui-webcomponents';
import type { IgcTreeComponentEventMap } from 'igniteui-webcomponents';
import { type EventName } from '../react-props.js';
/**
* The tree allows users to represent hierarchical data in a tree-view structure,
* maintaining parent-child relationships, as well as to define static tree-view structure without a corresponding data model.
* @slot - Renders the tree items inside default slot.
* @fires igcSelection - Emitted when item selection is changing, before the selection completes.
* @fires igcItemCollapsed - Emitted when tree item is collapsed.
* @fires igcItemCollapsing - Emitted when tree item is about to collapse.
* @fires igcItemExpanded - Emitted when tree item is expanded.
* @fires igcItemExpanding - Emitted when tree item is about to expand.
* @fires igcActiveItem - Emitted when the tree's `active` item changes.
* @class
*/
export declare const IgrTree: import("../react-props.js").ReactWebComponent<Component, {
onSelection: EventName<IgcTreeComponentEventMap["igcSelection"]>;
onItemCollapsed: EventName<IgcTreeComponentEventMap["igcItemCollapsed"]>;
onItemCollapsing: EventName<IgcTreeComponentEventMap["igcItemCollapsing"]>;
onItemExpanded: EventName<IgcTreeComponentEventMap["igcItemExpanded"]>;
onItemExpanding: EventName<IgcTreeComponentEventMap["igcItemExpanding"]>;
onActiveItem: EventName<IgcTreeComponentEventMap["igcActiveItem"]>;
}, {}>;
export type IgrTree = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTreeModule: typeof Component;
import { IgcCalendarResourceStringEN as IgrCalendarResourceStringEN, type IgcCalendarResourceStrings as IgrCalendarResourceStrings, IgcDateRangePickerResourceStringsEN as IgrDateRangePickerResourceStringsEN, type IgcDateRangePickerResourceStrings as IgrDateRangePickerResourceStrings, IgcChatResourceStringEN as IgrChatResourceStringEN, type IgcChatResourceStrings as IgrChatResourceStrings, type IgcTileChangeStateEventArgs as IgrTileChangeStateEventArgsDetail, type IgcCheckboxChangeEventArgs as IgrCheckboxChangeEventArgsDetail, type IgcRadioChangeEventArgs as IgrRadioChangeEventArgsDetail, type IgcRangeSliderValueEventArgs as IgrRangeSliderValueEventArgsDetail, type IgcSplitterResizeEventArgs as IgrSplitterResizeEventArgsDetail, type IgcActiveStepChangingEventArgs as IgrActiveStepChangingEventArgsDetail, type IgcActiveStepChangedEventArgs as IgrActiveStepChangedEventArgsDetail, type IgcTreeSelectionEventArgs as IgrTreeSelectionEventArgsDetail, type IgcComboChangeEventArgs as IgrComboChangeEventArgsDetail, type IgcChatMessage as IgrChatMessage, type IgcChatMessageAttachment as IgrChatMessageAttachment, type IgcChatOptions as IgrChatOptions, type IgcChatDraftMessage as IgrChatDraftMessage, type IgcChatMessageReaction as IgrChatMessageReaction } from 'igniteui-webcomponents';
export type IgrTileChangeStateEventArgs = CustomEvent<IgrTileChangeStateEventArgsDetail>;
export type IgrCheckboxChangeEventArgs = CustomEvent<IgrCheckboxChangeEventArgsDetail>;
export type IgrRadioChangeEventArgs = CustomEvent<IgrRadioChangeEventArgsDetail>;
export type IgrRangeSliderValueEventArgs = CustomEvent<IgrRangeSliderValueEventArgsDetail>;
export type IgrSplitterResizeEventArgs = CustomEvent<IgrSplitterResizeEventArgsDetail>;
export type IgrActiveStepChangingEventArgs = CustomEvent<IgrActiveStepChangingEventArgsDetail>;
export type IgrActiveStepChangedEventArgs = CustomEvent<IgrActiveStepChangedEventArgsDetail>;
export type IgrTreeSelectionEventArgs = CustomEvent<IgrTreeSelectionEventArgsDetail>;
export type IgrComboChangeEventArgs = CustomEvent<IgrComboChangeEventArgsDetail>;
export { IgrCalendarResourceStringEN, type IgrCalendarResourceStrings, IgrDateRangePickerResourceStringsEN, type IgrDateRangePickerResourceStrings, IgrChatResourceStringEN, type IgrChatResourceStrings, type IgrTileChangeStateEventArgsDetail, type IgrCheckboxChangeEventArgsDetail, type IgrRadioChangeEventArgsDetail, type IgrRangeSliderValueEventArgsDetail, type IgrSplitterResizeEventArgsDetail, type IgrActiveStepChangingEventArgsDetail, type IgrActiveStepChangedEventArgsDetail, type IgrTreeSelectionEventArgsDetail, type IgrComboChangeEventArgsDetail, type IgrChatMessage, type IgrChatMessageAttachment, type IgrChatOptions, type IgrChatDraftMessage, type IgrChatMessageReaction, };
export { registerIcon, registerIconFromText, setIconRef, configureTheme, type Theme, type ThemeVariant, type ICalendarResourceStrings, type ICarouselResourceStrings, type IChatResourceStrings, type IChipResourceStrings, type IComboResourceStrings, type IDatePickerResourceStrings, type IDateRangePickerResourceStrings, type IFileInputResourceStrings, type ITreeResourceStrings, CalendarResourceStringsEN, CarouselResourceStringsEN, ChatResourceStringsEN, ChipResourceStringsEN, ComboResourceStringsEN, DatePickerResourceStringsEN, DateRangePickerResourceStringsEN, FileInputResourceStringsEN, TreeResourceStringsEN, registerI18n, setCurrentI18n, type CalendarActiveView, type CalendarHeaderOrientation, type CalendarSelection, type DateRangeDescriptor, type WeekDays, DateRangeType, DatePart, type DatePartDeltas, type CustomDateRange, type DateRangeValue, type PopoverPlacement, type ComboItemTemplate, type ComboTemplateProps, type FilteringOptions, type GroupingDirection, type IconMeta, θaddThemingController, θaddAdoptedStylesController, θcreateAbortHandle, type AbsolutePosition, type ContentOrientation, type HorizontalTransitionAnimation, type NotificationPositioning, type PickerMode, type PopoverScrollStrategy, type RangeTextSelectMode, type SelectionRangeDirection, type StyleVariant, type ToggleLabelPosition, type TreeSelection, type AvatarShape, type BadgeShape, type ButtonGroupSelection, type ButtonVariant, type CarouselIndicatorsOrientation, type DividerType, type ExpansionPanelIndicatorPosition, type IconButtonVariant, type InputType, type LinearProgressLabelAlign, type MaskInputValueMode, type NavDrawerPosition, type SliderTickLabelRotation, type SliderTickOrientation, type SplitterOrientation, type StepperOrientation, type StepperStepType, type StepperTitlePosition, type StepperVerticalAnimation, type TabsActivation, type TabsAlignment, type TextareaResize, type TileManagerDragMode, type TileManagerResizeMode, type ChatRenderers, type ChatTemplateRenderer, type ChatSuggestionsPosition, type ChatRenderContext, type ChatInputRenderContext, type ChatMessageRenderContext, type ChatAttachmentRenderContext, } from 'igniteui-webcomponents';
import { IgcDockManagerComponent as Component } from 'igniteui-dockmanager';
import type { IgcDockManagerComponentEventMap } from 'igniteui-dockmanager';
import { type EventName } from '../react-props.js';
/**
* A powerful, flexible dock manager component for laying out, docking,
* undocking, pinning, and floating panes of content.
* @slot paneHeaderCloseButton - Custom close button for pane headers
* @slot tabHeaderCloseButton - Custom close button for tab headers
* @slot closeButton - Alias for pane/tab close button
* @slot moreTabsButton - Slot for the "more tabs" button
* @slot maximizeButton - Slot for maximize buttons
* @slot minimizeButton - Slot for minimize buttons
* @slot pinButton - Slot for pin buttons
* @slot unpinButton - Slot for unpin buttons
* @slot moreOptionsButton - Slot for more-options buttons on tab headers
* @slot splitterHandle- - Slot for custom splitter handle
* @fires activePaneChanged - Emitted when the active content pane changes
* @fires floatingPaneResizeStart - Emitted when a floating pane resize interaction begins
* @fires floatingPaneResizeMove - Emitted while a floating pane is being resized
* @fires floatingPaneResizeEnd - Emitted when a floating pane resize interaction ends
* @fires layoutChange - Emitted after the layout has been programmatically updated
* @fires paneDragStart - Emitted when a pane drag operation begins
* @fires paneDragOver - Emitted repeatedly as a pane is dragged
* @fires paneDragEnd - Emitted when a pane drag operation ends
* @fires paneHeaderConnected - Emitted when an `<igc-pane-header>` is connected
* @fires paneHeaderDisconnected - Emitted when an `<igc-pane-header>` is disconnected
* @fires paneClose - Emitted when a pane is closed
* @fires panePinnedToggle - Emitted when a pane is pinned or unpinned
* @fires paneScroll - Emitted when the user scrolls within a pane’s content
* @fires splitterResizeStart - Emitted when a splitter resize starts
* @fires splitterResizeEnd - Emitted when a splitter resize ends
* @fires tabHeaderConnected - Emitted when an `<igc-tab-header>` is connected
* @fires tabHeaderDisconnected - Emitted when an `<igc-tab-header>` is disconnected
* @fires paneFlyoutToggle - Emitted when an unpinned pane's flyout state changes (opens or closes).
* @class
*/
export declare const IgrDockManager: import("../react-props.js").ReactWebComponent<Component, {
onActivePaneChanged: EventName<IgcDockManagerComponentEventMap["activePaneChanged"]>;
onFloatingPaneResizeStart: EventName<IgcDockManagerComponentEventMap["floatingPaneResizeStart"]>;
onFloatingPaneResizeMove: EventName<IgcDockManagerComponentEventMap["floatingPaneResizeMove"]>;
onFloatingPaneResizeEnd: EventName<IgcDockManagerComponentEventMap["floatingPaneResizeEnd"]>;
onLayoutChange: EventName<IgcDockManagerComponentEventMap["layoutChange"]>;
onPaneDragStart: EventName<IgcDockManagerComponentEventMap["paneDragStart"]>;
onPaneDragOver: EventName<IgcDockManagerComponentEventMap["paneDragOver"]>;
onPaneDragEnd: EventName<IgcDockManagerComponentEventMap["paneDragEnd"]>;
onPaneHeaderConnected: EventName<IgcDockManagerComponentEventMap["paneHeaderConnected"]>;
onPaneHeaderDisconnected: EventName<IgcDockManagerComponentEventMap["paneHeaderDisconnected"]>;
onPaneClose: EventName<IgcDockManagerComponentEventMap["paneClose"]>;
onPanePinnedToggle: EventName<IgcDockManagerComponentEventMap["panePinnedToggle"]>;
onPaneScroll: EventName<IgcDockManagerComponentEventMap["paneScroll"]>;
onSplitterResizeStart: EventName<IgcDockManagerComponentEventMap["splitterResizeStart"]>;
onSplitterResizeEnd: EventName<IgcDockManagerComponentEventMap["splitterResizeEnd"]>;
onTabHeaderConnected: EventName<IgcDockManagerComponentEventMap["tabHeaderConnected"]>;
onTabHeaderDisconnected: EventName<IgcDockManagerComponentEventMap["tabHeaderDisconnected"]>;
onPaneFlyoutToggle: EventName<IgcDockManagerComponentEventMap["paneFlyoutToggle"]>;
}, {}>;
export type IgrDockManager = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrDockManagerModule: typeof Component;
/**
* @module igniteui-react-dockmanager
*/
export * from './dockmanager.js';
export * from './types.js';
import { type IgcActivePaneEventArgs as IgrActivePaneEventArgsDetail, type IgcContentPane as IgrContentPane, type IgcDockingIndicator as IgrDockingIndicator, type IgcDockManagerLayout as IgrDockManagerLayout, type IgcDockManagerPane as IgrDockManagerPane, type IgcDockManagerPoint as IgrDockManagerPoint, type IgcDockManagerResourceStrings as IgrDockManagerResourceStrings, type IgcDockPaneAction as IgrDockPaneAction, type IgcDocumentHost as IgrDocumentHost, type IgcFloatingPaneResizeEventArgs as IgrFloatingPaneResizeEventArgsDetail, type IgcFloatingPaneResizeMoveEventArgs as IgrFloatingPaneResizeMoveEventArgsDetail, type IgcFloatPaneAction as IgrFloatPaneAction, type IgcMoveFloatingPaneAction as IgrMoveFloatingPaneAction, type IgcMoveTabAction as IgrMoveTabAction, type IgcPaneCloseEventArgs as IgrPaneCloseEventArgsDetail, type IgcPaneDragAction as IgrPaneDragAction, type IgcPaneDragEndEventArgs as IgrPaneDragEndEventArgsDetail, type IgcPaneDragOverEventArgs as IgrPaneDragOverEventArgsDetail, type IgcPaneDragStartEventArgs as IgrPaneDragStartEventArgsDetail, type IgcPaneHeaderConnectionEventArgs as IgrPaneHeaderConnectionEventArgsDetail, type IgcPaneHeaderElement as IgrPaneHeaderElement, type IgcPanePinnedEventArgs as IgrPanePinnedEventArgsDetail, type IgcPaneScrollEventArgs as IgrPaneScrollEventArgsDetail, type IgcSplitPane as IgrSplitPane, type IgcSplitterResizeEventArgs as IgrSplitterResizeEventArgsDetail, type IgcTabGroupPane as IgrTabGroupPane, type IgcTabHeaderConnectionEventArgs as IgrTabHeaderConnectionEventArgsDetail, type IgcTabHeaderElement as IgrTabHeaderElement, IgcDockingIndicatorPosition as IgrDockingIndicatorPosition, IgcDockManagerPaneType as IgrDockManagerPaneType, IgcPaneActionBehavior as IgrPaneActionBehavior, IgcPaneDragActionType as IgrPaneDragActionType, IgcResizerLocation as IgrResizerLocation, IgcSplitPaneOrientation as IgrSplitPaneOrientation, IgcUnpinnedLocation as IgrUnpinnedLocation } from 'igniteui-dockmanager';
export type IgrActivePaneEventArgs = CustomEvent<IgrActivePaneEventArgsDetail>;
export type IgrFloatingPaneResizeEventArgs = CustomEvent<IgrFloatingPaneResizeEventArgsDetail>;
export type IgrFloatingPaneResizeMoveEventArgs = CustomEvent<IgrFloatingPaneResizeMoveEventArgsDetail>;
export type IgrPaneCloseEventArgs = CustomEvent<IgrPaneCloseEventArgsDetail>;
export type IgrPaneDragEndEventArgs = CustomEvent<IgrPaneDragEndEventArgsDetail>;
export type IgrPaneDragOverEventArgs = CustomEvent<IgrPaneDragOverEventArgsDetail>;
export type IgrPaneDragStartEventArgs = CustomEvent<IgrPaneDragStartEventArgsDetail>;
export type IgrPaneHeaderConnectionEventArgs = CustomEvent<IgrPaneHeaderConnectionEventArgsDetail>;
export type IgrPanePinnedEventArgs = CustomEvent<IgrPanePinnedEventArgsDetail>;
export type IgrPaneScrollEventArgs = CustomEvent<IgrPaneScrollEventArgsDetail>;
export type IgrSplitterResizeEventArgs = CustomEvent<IgrSplitterResizeEventArgsDetail>;
export type IgrTabHeaderConnectionEventArgs = CustomEvent<IgrTabHeaderConnectionEventArgsDetail>;
export { type IgrActivePaneEventArgsDetail, type IgrContentPane, type IgrDockingIndicator, type IgrDockManagerLayout, type IgrDockManagerPane, type IgrDockManagerPoint, type IgrDockManagerResourceStrings, type IgrDockPaneAction, type IgrDocumentHost, type IgrFloatingPaneResizeEventArgsDetail, type IgrFloatingPaneResizeMoveEventArgsDetail, type IgrFloatPaneAction, type IgrMoveFloatingPaneAction, type IgrMoveTabAction, type IgrPaneCloseEventArgsDetail, type IgrPaneDragAction, type IgrPaneDragEndEventArgsDetail, type IgrPaneDragOverEventArgsDetail, type IgrPaneDragStartEventArgsDetail, type IgrPaneHeaderConnectionEventArgsDetail, type IgrPaneHeaderElement, type IgrPanePinnedEventArgsDetail, type IgrPaneScrollEventArgsDetail, type IgrSplitPane, type IgrSplitterResizeEventArgsDetail, type IgrTabGroupPane, type IgrTabHeaderConnectionEventArgsDetail, type IgrTabHeaderElement, IgrDockingIndicatorPosition, IgrDockManagerPaneType, IgrPaneActionBehavior, IgrPaneDragActionType, IgrResizerLocation, IgrSplitPaneOrientation, IgrUnpinnedLocation, };
export { getCurrentI18n, getCurrentResourceStrings, registerI18n, setCurrentI18n, defineAllComponents, defineComponents, DockingIndicatorPosition, DockManagerPaneType, PaneActionBehavior, PaneDragActionType, ResizerLocation, SplitPaneOrientation, UnpinnedLocation, } from 'igniteui-dockmanager';
export declare function equal<T>(a: unknown, b: T, visited?: WeakSet<WeakKey>): boolean;
import type { IgcChatMessage } from 'igniteui-webcomponents';
import type { MarkdownRendererOptions } from 'igniteui-webcomponents/extras';
export type IgrChatMarkdownRendererOptions = MarkdownRendererOptions;
export declare function createChatMarkdownRenderer(options: IgrChatMarkdownRendererOptions): Promise<(message: IgcChatMessage) => Promise<unknown>>;
import { IgcGridLiteColumn as Component } from 'igniteui-grid-lite';
/**
* @class
*/
export declare const IgrGridLiteColumn: import("../react-props.js").ReactWebComponent<Component<any>, {}, {
headerTemplate: string;
cellTemplate: string;
}>;
export type IgrGridLiteColumn = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridLiteColumnModule: typeof Component;
/**
* @module igniteui-react/grid-lite
*/
export * from './grid-lite-column.js';
export * from './grid-lite.js';
export * from './types.js';
import { type IgcFilteredEvent as IgrFilteredEvent, type IgcFilteringEvent as IgrFilteringEvent, type IgcCellContext as IgrCellContext, type IgcHeaderContext as IgrHeaderContext } from 'igniteui-grid-lite';
export { type IgrFilteredEvent, type IgrFilteringEvent, type IgrCellContext, type IgrHeaderContext, };
export { type BaseColumnConfiguration, type BaseColumnSortConfiguration, type BaseIgcCellContext, type ColumnConfiguration, type ColumnSortConfiguration, type DataPipelineConfiguration, type DataPipelineHook, type DataPipelineParams, type DataType, type GridLiteSortingOptions, type Keys, type PropertyType, BooleanOperands, NumberOperands, StringOperands, type BaseFilterExpression, type FilterCriteria, type FilterExpression, type FilterOperation, type FilterOperationLogic, type OperandKeys, type BaseSortComparer, type BaseSortingExpression, type SortComparer, type SortingDirection, type SortingExpression, type SortState, } from 'igniteui-grid-lite';
export type * from './backfill-types-grids.js';
export { GridPagingMode } from './backfill-types-grids.js';
export * from './grids/index.js';
import { IgcActionStripComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Action Strip provides templatable area for one or more actions.
* @class
*/
export declare const IgrActionStrip: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrActionStrip = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrActionStripModule: typeof Component;
import { IgcColumnGroupComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcColumnGroupComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* **Ignite UI for Angular Column Group**
* @fires hiddenChange - Emitted when the column is hidden or shown.
* @fires expandedChange - Emitted when the column expanded or collapsed.
* @fires widthChange - Emitted when the column width changes.
* @fires pinnedChange - Emitted when the column is pinned/unpinned.
* @class
*/
export declare const IgrColumnGroup: import("../react-props.js").ReactWebComponent<Component, {
onHiddenChange: EventName<IgcColumnGroupComponentEventMap["hiddenChange"]>;
onExpandedChange: EventName<IgcColumnGroupComponentEventMap["expandedChange"]>;
onWidthChange: EventName<IgcColumnGroupComponentEventMap["widthChange"]>;
onPinnedChange: EventName<IgcColumnGroupComponentEventMap["pinnedChange"]>;
}, {
collapsibleIndicatorTemplate: string;
summaryTemplate: string;
bodyTemplate: string;
headerTemplate: string;
inlineEditorTemplate: string;
errorTemplate: string;
filterCellTemplate: string;
}>;
export type IgrColumnGroup = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrColumnGroupModule: typeof Component;
import { IgcColumnLayoutComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcColumnLayoutComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Column layout for declaration of Multi-row Layout
* @fires hiddenChange - Emitted when the column is hidden or shown.
* @fires expandedChange - Emitted when the column expanded or collapsed.
* @fires widthChange - Emitted when the column width changes.
* @fires pinnedChange - Emitted when the column is pinned/unpinned.
* @class
*/
export declare const IgrColumnLayout: import("../react-props.js").ReactWebComponent<Component, {
onHiddenChange: EventName<IgcColumnLayoutComponentEventMap["hiddenChange"]>;
onExpandedChange: EventName<IgcColumnLayoutComponentEventMap["expandedChange"]>;
onWidthChange: EventName<IgcColumnLayoutComponentEventMap["widthChange"]>;
onPinnedChange: EventName<IgcColumnLayoutComponentEventMap["pinnedChange"]>;
}, {
collapsibleIndicatorTemplate: string;
summaryTemplate: string;
bodyTemplate: string;
headerTemplate: string;
inlineEditorTemplate: string;
errorTemplate: string;
filterCellTemplate: string;
}>;
export type IgrColumnLayout = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrColumnLayoutModule: typeof Component;
import { IgcColumnComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcColumnComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* **Ignite UI for Angular Column** - [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid#columns-configuration) The Ignite UI Column is used within an `igx-grid` element to define what data the column will show. Features such as sorting, filtering & editing are enabled at the column level. You can also provide a template containing custom content inside the column using `ng-template` which will be used for all cells within the column.
* @fires hiddenChange - Emitted when the column is hidden or shown.
* @fires expandedChange - Emitted when the column expanded or collapsed.
* @fires widthChange - Emitted when the column width changes.
* @fires pinnedChange - Emitted when the column is pinned/unpinned.
* @class
*/
export declare const IgrColumn: import("../react-props.js").ReactWebComponent<Component, {
onHiddenChange: EventName<IgcColumnComponentEventMap["hiddenChange"]>;
onExpandedChange: EventName<IgcColumnComponentEventMap["expandedChange"]>;
onWidthChange: EventName<IgcColumnComponentEventMap["widthChange"]>;
onPinnedChange: EventName<IgcColumnComponentEventMap["pinnedChange"]>;
}, {
summaryTemplate: string;
bodyTemplate: string;
headerTemplate: string;
inlineEditorTemplate: string;
errorTemplate: string;
filterCellTemplate: string;
}>;
export type IgrColumn = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrColumnModule: typeof Component;
import { IgcGridEditingActionsComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Grid Editing Actions for the Action Strip
* @class
*/
export declare const IgrGridEditingActions: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridEditingActions = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridEditingActionsModule: typeof Component;
import { IgcGridPinningActionsComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Grid Pinning Actions for the Action Strip
* @class
*/
export declare const IgrGridPinningActions: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridPinningActions = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridPinningActionsModule: typeof Component;
import { IgcGridStateComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridStateComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* State component allows saving and restoring the state of the grid features.
* @fires stateParsed - Event emitted when set state is called with a string. Returns the parsed state object so that it can be further modified before applying to the grid.
* @class
*/
export declare const IgrGridState: import("../react-props.js").ReactWebComponent<Component, {
onStateParsed: EventName<IgcGridStateComponentEventMap["stateParsed"]>;
}, {}>;
export type IgrGridState = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridStateModule: typeof Component;
import { IgcGridToolbarActionsComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Provides a way to template the action portion of the toolbar in the grid.
* @class
*/
export declare const IgrGridToolbarActions: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridToolbarActions = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarActionsModule: typeof Component;
import { IgcGridToolbarAdvancedFilteringComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Provides a pre-configured button to open the advanced filtering dialog of the grid.
* @class
*/
export declare const IgrGridToolbarAdvancedFiltering: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridToolbarAdvancedFiltering = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarAdvancedFilteringModule: typeof Component;
import { IgcGridToolbarExporterComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridToolbarExporterComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Provides a pre-configured exporter component for the grid.
* @fires exportStarted - Emitted when starting an export operation. Re-emitted additionally by the grid itself.
* @fires exportEnded - Emitted on successful ending of an export operation.
* @fires opening - Emits an event before the toggle container is opened.
* @fires opened - Emits an event after the toggle container is opened.
* @fires closing - Emits an event before the toggle container is closed.
* @fires closed - Emits an event after the toggle container is closed.
* @fires columnToggle - Emits when after a column's checked state is changed
* @class
*/
export declare const IgrGridToolbarExporter: import("../react-props.js").ReactWebComponent<Component, {
onExportStarted: EventName<IgcGridToolbarExporterComponentEventMap["exportStarted"]>;
onExportEnded: EventName<IgcGridToolbarExporterComponentEventMap["exportEnded"]>;
onOpening: EventName<IgcGridToolbarExporterComponentEventMap["opening"]>;
onOpened: EventName<IgcGridToolbarExporterComponentEventMap["opened"]>;
onClosing: EventName<IgcGridToolbarExporterComponentEventMap["closing"]>;
onClosed: EventName<IgcGridToolbarExporterComponentEventMap["closed"]>;
onColumnToggle: EventName<IgcGridToolbarExporterComponentEventMap["columnToggle"]>;
}, {}>;
export type IgrGridToolbarExporter = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarExporterModule: typeof Component;
import { IgcGridToolbarHidingComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridToolbarHidingComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Provides a pre-configured column hiding component for the grid.
* @fires opening - Emits an event before the toggle container is opened.
* @fires opened - Emits an event after the toggle container is opened.
* @fires closing - Emits an event before the toggle container is closed.
* @fires closed - Emits an event after the toggle container is closed.
* @fires columnToggle - Emits when after a column's checked state is changed
* @class
*/
export declare const IgrGridToolbarHiding: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcGridToolbarHidingComponentEventMap["opening"]>;
onOpened: EventName<IgcGridToolbarHidingComponentEventMap["opened"]>;
onClosing: EventName<IgcGridToolbarHidingComponentEventMap["closing"]>;
onClosed: EventName<IgcGridToolbarHidingComponentEventMap["closed"]>;
onColumnToggle: EventName<IgcGridToolbarHidingComponentEventMap["columnToggle"]>;
}, {}>;
export type IgrGridToolbarHiding = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarHidingModule: typeof Component;
import { IgcGridToolbarPinningComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridToolbarPinningComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Provides a pre-configured column pinning component for the grid.
* @fires opening - Emits an event before the toggle container is opened.
* @fires opened - Emits an event after the toggle container is opened.
* @fires closing - Emits an event before the toggle container is closed.
* @fires closed - Emits an event after the toggle container is closed.
* @fires columnToggle - Emits when after a column's checked state is changed
* @class
*/
export declare const IgrGridToolbarPinning: import("../react-props.js").ReactWebComponent<Component, {
onOpening: EventName<IgcGridToolbarPinningComponentEventMap["opening"]>;
onOpened: EventName<IgcGridToolbarPinningComponentEventMap["opened"]>;
onClosing: EventName<IgcGridToolbarPinningComponentEventMap["closing"]>;
onClosed: EventName<IgcGridToolbarPinningComponentEventMap["closed"]>;
onColumnToggle: EventName<IgcGridToolbarPinningComponentEventMap["columnToggle"]>;
}, {}>;
export type IgrGridToolbarPinning = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarPinningModule: typeof Component;
import { IgcGridToolbarTitleComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Provides a way to template the title portion of the toolbar in the grid.
* @class
*/
export declare const IgrGridToolbarTitle: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridToolbarTitle = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarTitleModule: typeof Component;
import { IgcGridToolbarComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Provides a context-aware container component for UI operations for the grid components.
* @class
*/
export declare const IgrGridToolbar: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrGridToolbar = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridToolbarModule: typeof Component;
import { IgcGridComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcGridComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Grid provides a way to present and manipulate tabular data.
* @fires columnsAutogenerated - undefined
* @fires childrenResolved - Emitted when content children are resolved and collections in grid are updated.
* @fires dataPreLoad - Emitted when a new chunk of data is loaded from virtualization.
* @fires groupingExpressionsChange - Emitted when grouping is performed.
* @fires groupingExpansionStateChange - Emitted when groups are expanded/collapsed.
* @fires groupingDone - Emitted when columns are grouped/ungrouped.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrGrid: import("../react-props.js").ReactWebComponent<Component, {
onColumnsAutogenerated: EventName<IgcGridComponentEventMap["columnsAutogenerated"]>;
onChildrenResolved: EventName<IgcGridComponentEventMap["childrenResolved"]>;
onDataPreLoad: EventName<IgcGridComponentEventMap["dataPreLoad"]>;
onGroupingExpressionsChange: EventName<IgcGridComponentEventMap["groupingExpressionsChange"]>;
onGroupingExpansionStateChange: EventName<IgcGridComponentEventMap["groupingExpansionStateChange"]>;
onGroupingDone: EventName<IgcGridComponentEventMap["groupingDone"]>;
onFilteringExpressionsTreeChange: EventName<IgcGridComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcGridComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcGridComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcGridComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcGridComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcGridComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcGridComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcGridComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcGridComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcGridComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcGridComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcGridComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcGridComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcGridComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcGridComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcGridComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcGridComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcGridComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcGridComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcGridComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcGridComponentEventMap["columnInit"]>;
onSorting: EventName<IgcGridComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcGridComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcGridComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcGridComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcGridComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcGridComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcGridComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcGridComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcGridComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcGridComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcGridComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcGridComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcGridComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcGridComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcGridComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcGridComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcGridComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcGridComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcGridComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcGridComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcGridComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcGridComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcGridComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcGridComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcGridComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcGridComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcGridComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcGridComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcGridComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcGridComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcGridComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcGridComponentEventMap["dataChanged"]>;
}, {
dropAreaTemplate: string;
detailTemplate: string;
groupByRowSelectorTemplate: string;
groupRowTemplate: string;
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrGrid = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrGridModule: typeof Component;
import { IgcHierarchicalGridComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcHierarchicalGridComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Hierarchical grid
* @fires columnsAutogenerated - undefined
* @fires childrenResolved - Emitted when content children are resolved and collections in grid are updated.
* @fires dataPreLoad - Emitted when a new chunk of data is loaded from virtualization.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrHierarchicalGrid: import("../react-props.js").ReactWebComponent<Component, {
onColumnsAutogenerated: EventName<IgcHierarchicalGridComponentEventMap["columnsAutogenerated"]>;
onChildrenResolved: EventName<IgcHierarchicalGridComponentEventMap["childrenResolved"]>;
onDataPreLoad: EventName<IgcHierarchicalGridComponentEventMap["dataPreLoad"]>;
onFilteringExpressionsTreeChange: EventName<IgcHierarchicalGridComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcHierarchicalGridComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcHierarchicalGridComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcHierarchicalGridComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcHierarchicalGridComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcHierarchicalGridComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcHierarchicalGridComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcHierarchicalGridComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcHierarchicalGridComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcHierarchicalGridComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcHierarchicalGridComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcHierarchicalGridComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcHierarchicalGridComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcHierarchicalGridComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcHierarchicalGridComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcHierarchicalGridComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcHierarchicalGridComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcHierarchicalGridComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcHierarchicalGridComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcHierarchicalGridComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcHierarchicalGridComponentEventMap["columnInit"]>;
onSorting: EventName<IgcHierarchicalGridComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcHierarchicalGridComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcHierarchicalGridComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcHierarchicalGridComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcHierarchicalGridComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcHierarchicalGridComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcHierarchicalGridComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcHierarchicalGridComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcHierarchicalGridComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcHierarchicalGridComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcHierarchicalGridComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcHierarchicalGridComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcHierarchicalGridComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcHierarchicalGridComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcHierarchicalGridComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcHierarchicalGridComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcHierarchicalGridComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcHierarchicalGridComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcHierarchicalGridComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcHierarchicalGridComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcHierarchicalGridComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcHierarchicalGridComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcHierarchicalGridComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcHierarchicalGridComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcHierarchicalGridComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcHierarchicalGridComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcHierarchicalGridComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcHierarchicalGridComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcHierarchicalGridComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcHierarchicalGridComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcHierarchicalGridComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcHierarchicalGridComponentEventMap["dataChanged"]>;
}, {
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrHierarchicalGrid = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrHierarchicalGridModule: typeof Component;
/**
* @module igniteui-react-grids
*/
export * from './grid.js';
export * from './hierarchical-grid.js';
export * from './row-island.js';
export * from './tree-grid.js';
export * from './grid-state.js';
export * from './action-strip.js';
export * from './column-group.js';
export * from './column.js';
export * from './column-layout.js';
export * from './grid-editing-actions.js';
export * from './grid-pinning-actions.js';
export * from './grid-toolbar-title.js';
export * from './grid-toolbar-actions.js';
export * from './grid-toolbar-advanced-filtering.js';
export * from './grid-toolbar-exporter.js';
export * from './grid-toolbar-hiding.js';
export * from './grid-toolbar-pinning.js';
export * from './pivot-data-selector.js';
export * from './pivot-grid.js';
export * from './query-builder-header.js';
export * from './query-builder.js';
export * from './grid-toolbar.js';
export * from './paginator.js';
export * from './types.js';
import { IgcPaginatorComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcPaginatorComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Paginator component description
* @fires perPageChange - Emitted when `perPage` property value of the paginator is changed.
* @fires pageChange - Emitted after the current page is changed.
* @fires paging - Emitted before paging is performed.
* @fires pagingDone - Emitted after paging is performed.
* @class
*/
export declare const IgrPaginator: import("../react-props.js").ReactWebComponent<Component, {
onPerPageChange: EventName<IgcPaginatorComponentEventMap["perPageChange"]>;
onPageChange: EventName<IgcPaginatorComponentEventMap["pageChange"]>;
onPaging: EventName<IgcPaginatorComponentEventMap["paging"]>;
onPagingDone: EventName<IgcPaginatorComponentEventMap["pagingDone"]>;
}, {}>;
export type IgrPaginator = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrPaginatorModule: typeof Component;
import { IgcPivotDataSelectorComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcPivotDataSelectorComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Pivot Data Selector provides means to configure the pivot state of the Pivot Grid via a vertical panel UI
* @fires columnsExpandedChange - Emitted when the columns panel is expanded or collapsed.
* @fires rowsExpandedChange - Emitted when the rows panel is expanded or collapsed.
* @fires filtersExpandedChange - Emitted when the filters panel is expanded or collapsed.
* @fires valuesExpandedChange - Emitted when the values panel is expanded or collapsed.
* @class
*/
export declare const IgrPivotDataSelector: import("../react-props.js").ReactWebComponent<Component, {
onColumnsExpandedChange: EventName<IgcPivotDataSelectorComponentEventMap["columnsExpandedChange"]>;
onRowsExpandedChange: EventName<IgcPivotDataSelectorComponentEventMap["rowsExpandedChange"]>;
onFiltersExpandedChange: EventName<IgcPivotDataSelectorComponentEventMap["filtersExpandedChange"]>;
onValuesExpandedChange: EventName<IgcPivotDataSelectorComponentEventMap["valuesExpandedChange"]>;
}, {}>;
export type IgrPivotDataSelector = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrPivotDataSelectorModule: typeof Component;
import { IgcPivotGridComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcPivotGridComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Pivot Grid provides a way to present and manipulate data in a pivot table view.
* @fires dimensionsChange - Emitted when the dimension collection is changed via the grid chip area.
* @fires pivotConfigurationChange - Emitted when any of the pivotConfiguration properties is changed via the grid chip area.
* @fires dimensionInit - Emitted when the dimension is initialized.
* @fires valueInit - Emitted when the value is initialized.
* @fires dimensionsSortingExpressionsChange - Emitted when a dimension is sorted.
* @fires valuesChange - Emitted when the values collection is changed via the grid chip area.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrPivotGrid: import("../react-props.js").ReactWebComponent<Component, {
onDimensionsChange: EventName<IgcPivotGridComponentEventMap["dimensionsChange"]>;
onPivotConfigurationChange: EventName<IgcPivotGridComponentEventMap["pivotConfigurationChange"]>;
onDimensionInit: EventName<IgcPivotGridComponentEventMap["dimensionInit"]>;
onValueInit: EventName<IgcPivotGridComponentEventMap["valueInit"]>;
onDimensionsSortingExpressionsChange: EventName<IgcPivotGridComponentEventMap["dimensionsSortingExpressionsChange"]>;
onValuesChange: EventName<IgcPivotGridComponentEventMap["valuesChange"]>;
onFilteringExpressionsTreeChange: EventName<IgcPivotGridComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcPivotGridComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcPivotGridComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcPivotGridComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcPivotGridComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcPivotGridComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcPivotGridComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcPivotGridComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcPivotGridComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcPivotGridComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcPivotGridComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcPivotGridComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcPivotGridComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcPivotGridComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcPivotGridComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcPivotGridComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcPivotGridComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcPivotGridComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcPivotGridComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcPivotGridComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcPivotGridComponentEventMap["columnInit"]>;
onSorting: EventName<IgcPivotGridComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcPivotGridComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcPivotGridComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcPivotGridComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcPivotGridComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcPivotGridComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcPivotGridComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcPivotGridComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcPivotGridComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcPivotGridComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcPivotGridComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcPivotGridComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcPivotGridComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcPivotGridComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcPivotGridComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcPivotGridComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcPivotGridComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcPivotGridComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcPivotGridComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcPivotGridComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcPivotGridComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcPivotGridComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcPivotGridComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcPivotGridComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcPivotGridComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcPivotGridComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcPivotGridComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcPivotGridComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcPivotGridComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcPivotGridComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcPivotGridComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcPivotGridComponentEventMap["dataChanged"]>;
}, {
valueChipTemplate: string;
rowDimensionHeaderTemplate: string;
emptyPivotGridTemplate: string;
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrPivotGrid = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrPivotGridModule: typeof Component;
import { IgcQueryBuilderHeaderComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* @class
*/
export declare const IgrQueryBuilderHeader: import("../react-props.js").ReactWebComponent<Component, {}, {}>;
export type IgrQueryBuilderHeader = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrQueryBuilderHeaderModule: typeof Component;
import { IgcQueryBuilderComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcQueryBuilderComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* A component used for operating with complex filters by creating or editing conditions and grouping them using AND/OR logic. It is used internally in the Advanced Filtering of the Grid.
* @fires expressionTreeChange - Event fired as the expression tree is changed.
* @class
*/
export declare const IgrQueryBuilder: import("../react-props.js").ReactWebComponent<Component, {
onExpressionTreeChange: EventName<IgcQueryBuilderComponentEventMap["expressionTreeChange"]>;
}, {
searchValueTemplate: string;
}>;
export type IgrQueryBuilder = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrQueryBuilderModule: typeof Component;
import { IgcRowIslandComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcRowIslandComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* Row island
* @fires columnsAutogenerated - undefined
* @fires gridCreated - Event emitted when a grid is being created based on this row island.
* @fires gridInitialized - Emitted after a grid is being initialized for this row island. The emitting is done in `ngAfterViewInit`.
* @fires dataPreLoad - Emitted when a new chunk of data is loaded from virtualization.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrRowIsland: import("../react-props.js").ReactWebComponent<Component, {
onColumnsAutogenerated: EventName<IgcRowIslandComponentEventMap["columnsAutogenerated"]>;
onGridCreated: EventName<IgcRowIslandComponentEventMap["gridCreated"]>;
onGridInitialized: EventName<IgcRowIslandComponentEventMap["gridInitialized"]>;
onDataPreLoad: EventName<IgcRowIslandComponentEventMap["dataPreLoad"]>;
onFilteringExpressionsTreeChange: EventName<IgcRowIslandComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcRowIslandComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcRowIslandComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcRowIslandComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcRowIslandComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcRowIslandComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcRowIslandComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcRowIslandComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcRowIslandComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcRowIslandComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcRowIslandComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcRowIslandComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcRowIslandComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcRowIslandComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcRowIslandComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcRowIslandComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcRowIslandComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcRowIslandComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcRowIslandComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcRowIslandComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcRowIslandComponentEventMap["columnInit"]>;
onSorting: EventName<IgcRowIslandComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcRowIslandComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcRowIslandComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcRowIslandComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcRowIslandComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcRowIslandComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcRowIslandComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcRowIslandComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcRowIslandComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcRowIslandComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcRowIslandComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcRowIslandComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcRowIslandComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcRowIslandComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcRowIslandComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcRowIslandComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcRowIslandComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcRowIslandComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcRowIslandComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcRowIslandComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcRowIslandComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcRowIslandComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcRowIslandComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcRowIslandComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcRowIslandComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcRowIslandComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcRowIslandComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcRowIslandComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcRowIslandComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcRowIslandComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcRowIslandComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcRowIslandComponentEventMap["dataChanged"]>;
}, {
toolbarTemplate: string;
paginatorTemplate: string;
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrRowIsland = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrRowIslandModule: typeof Component;
import { IgcTreeGridComponent as Component } from 'igniteui-webcomponents-grids/grids/index.js';
import type { IgcTreeGridComponentEventMap } from 'igniteui-webcomponents-grids/grids/index.js';
import { type EventName } from '../react-props.js';
/**
* **Ignite UI for Angular Tree Grid** - [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid) The Ignite UI Tree Grid displays and manipulates hierarchical data with consistent schema formatted as a table and provides features such as sorting, filtering, editing, column pinning, paging, column moving and hiding. Example:
* @fires columnsAutogenerated - undefined
* @fires childrenResolved - Emitted when content children are resolved and collections in grid are updated.
* @fires filteringExpressionsTreeChange - Emitted after filtering is performed.
* @fires advancedFilteringExpressionsTreeChange - Emitted after advanced filtering is performed.
* @fires gridScroll - Emitted when grid is scrolled horizontally/vertically.
* @fires cellClick - Emitted when a cell is clicked.
* @fires rowClick - Emitted when a row is clicked.
* @fires formGroupCreated - Emitted when formGroup is created on edit of row/cell.
* @fires validationStatusChange - Emitted when grid's validation status changes.
* @fires selected - Emitted when a cell is selected.
* @fires rowSelectionChanging - Emitted when grid row is selected.
* @fires columnSelectionChanging - Emitted when column is selected.
* @fires columnPin - Emitted before column is pinned.
* @fires columnPinned - Emitted after column is pinned.
* @fires cellEditEnter - Emitted when cell enters edit mode.
* @fires cellEditExit - Emitted when cell exits edit mode.
* @fires cellEdit - Emitted when cell has been edited.
* @fires cellEditDone - Emitted after cell has been edited and editing has been committed.
* @fires rowEditEnter - Emitted when a row enters edit mode.
* @fires rowEdit - Emitted when exiting edit mode for a row.
* @fires rowEditDone - Emitted after exiting edit mode for a row and editing has been committed.
* @fires rowEditExit - Emitted when row editing is canceled.
* @fires columnInit - Emitted when a column is initialized.
* @fires sorting - Emitted before sorting expressions are applied.
* @fires sortingDone - Emitted after sorting is completed.
* @fires filtering - Emitted before filtering expressions are applied.
* @fires filteringDone - Emitted after filtering is performed through the UI.
* @fires rowAdded - Emitted when a row is added.
* @fires rowDeleted - Emitted when a row is deleted.
* @fires rowDelete - Emmited when deleting a row.
* @fires rowAdd - Emmited just before the newly added row is commited.
* @fires columnResized - Emitted after column is resized.
* @fires contextMenu - Emitted when a cell or row is right clicked.
* @fires doubleClick - Emitted when a cell is double clicked.
* @fires columnVisibilityChanging - Emitted before column visibility is changed.
* @fires columnVisibilityChanged - Emitted after column visibility is changed.
* @fires columnMovingStart - Emitted when column moving starts.
* @fires columnMoving - Emitted during the column moving operation.
* @fires columnMovingEnd - Emitted when column moving ends.
* @fires gridKeydown - Emitted when keydown is triggered over element inside grid's body.
* @fires rowDragStart - Emitted when start dragging a row.
* @fires rowDragEnd - Emitted when dropping a row.
* @fires gridCopy - Emitted when a copy operation is executed.
* @fires expansionStatesChange - Emitted when the rows are expanded or collapsed.
* @fires selectedRowsChange - Emitted when the rows are selected or deselected.
* @fires rowToggle - Emitted when the expanded state of a row gets changed.
* @fires rowPinning - Emitted when the pinned state of a row is changed.
* @fires rowPinned - Emitted when the pinned state of a row is changed.
* @fires activeNodeChange - Emitted when the active node is changed.
* @fires sortingExpressionsChange - Emitted before sorting is performed.
* @fires toolbarExporting - Emitted when an export process is initiated by the user.
* @fires rangeSelected - Emitted when making a range selection.
* @fires rendered - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
* @fires dataChanging - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
* @fires dataChanged - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
* @class
*/
export declare const IgrTreeGrid: import("../react-props.js").ReactWebComponent<Component, {
onColumnsAutogenerated: EventName<IgcTreeGridComponentEventMap["columnsAutogenerated"]>;
onChildrenResolved: EventName<IgcTreeGridComponentEventMap["childrenResolved"]>;
onFilteringExpressionsTreeChange: EventName<IgcTreeGridComponentEventMap["filteringExpressionsTreeChange"]>;
onAdvancedFilteringExpressionsTreeChange: EventName<IgcTreeGridComponentEventMap["advancedFilteringExpressionsTreeChange"]>;
onGridScroll: EventName<IgcTreeGridComponentEventMap["gridScroll"]>;
onCellClick: EventName<IgcTreeGridComponentEventMap["cellClick"]>;
onRowClick: EventName<IgcTreeGridComponentEventMap["rowClick"]>;
onFormGroupCreated: EventName<IgcTreeGridComponentEventMap["formGroupCreated"]>;
onValidationStatusChange: EventName<IgcTreeGridComponentEventMap["validationStatusChange"]>;
onSelected: EventName<IgcTreeGridComponentEventMap["selected"]>;
onRowSelectionChanging: EventName<IgcTreeGridComponentEventMap["rowSelectionChanging"]>;
onColumnSelectionChanging: EventName<IgcTreeGridComponentEventMap["columnSelectionChanging"]>;
onColumnPin: EventName<IgcTreeGridComponentEventMap["columnPin"]>;
onColumnPinned: EventName<IgcTreeGridComponentEventMap["columnPinned"]>;
onCellEditEnter: EventName<IgcTreeGridComponentEventMap["cellEditEnter"]>;
onCellEditExit: EventName<IgcTreeGridComponentEventMap["cellEditExit"]>;
onCellEdit: EventName<IgcTreeGridComponentEventMap["cellEdit"]>;
onCellEditDone: EventName<IgcTreeGridComponentEventMap["cellEditDone"]>;
onRowEditEnter: EventName<IgcTreeGridComponentEventMap["rowEditEnter"]>;
onRowEdit: EventName<IgcTreeGridComponentEventMap["rowEdit"]>;
onRowEditDone: EventName<IgcTreeGridComponentEventMap["rowEditDone"]>;
onRowEditExit: EventName<IgcTreeGridComponentEventMap["rowEditExit"]>;
onColumnInit: EventName<IgcTreeGridComponentEventMap["columnInit"]>;
onSorting: EventName<IgcTreeGridComponentEventMap["sorting"]>;
onSortingDone: EventName<IgcTreeGridComponentEventMap["sortingDone"]>;
onFiltering: EventName<IgcTreeGridComponentEventMap["filtering"]>;
onFilteringDone: EventName<IgcTreeGridComponentEventMap["filteringDone"]>;
onRowAdded: EventName<IgcTreeGridComponentEventMap["rowAdded"]>;
onRowDeleted: EventName<IgcTreeGridComponentEventMap["rowDeleted"]>;
onRowDelete: EventName<IgcTreeGridComponentEventMap["rowDelete"]>;
onRowAdd: EventName<IgcTreeGridComponentEventMap["rowAdd"]>;
onColumnResized: EventName<IgcTreeGridComponentEventMap["columnResized"]>;
onContextMenu: EventName<IgcTreeGridComponentEventMap["contextMenu"]>;
onDoubleClick: EventName<IgcTreeGridComponentEventMap["doubleClick"]>;
onColumnVisibilityChanging: EventName<IgcTreeGridComponentEventMap["columnVisibilityChanging"]>;
onColumnVisibilityChanged: EventName<IgcTreeGridComponentEventMap["columnVisibilityChanged"]>;
onColumnMovingStart: EventName<IgcTreeGridComponentEventMap["columnMovingStart"]>;
onColumnMoving: EventName<IgcTreeGridComponentEventMap["columnMoving"]>;
onColumnMovingEnd: EventName<IgcTreeGridComponentEventMap["columnMovingEnd"]>;
onGridKeydown: EventName<IgcTreeGridComponentEventMap["gridKeydown"]>;
onRowDragStart: EventName<IgcTreeGridComponentEventMap["rowDragStart"]>;
onRowDragEnd: EventName<IgcTreeGridComponentEventMap["rowDragEnd"]>;
onGridCopy: EventName<IgcTreeGridComponentEventMap["gridCopy"]>;
onExpansionStatesChange: EventName<IgcTreeGridComponentEventMap["expansionStatesChange"]>;
onSelectedRowsChange: EventName<IgcTreeGridComponentEventMap["selectedRowsChange"]>;
onRowToggle: EventName<IgcTreeGridComponentEventMap["rowToggle"]>;
onRowPinning: EventName<IgcTreeGridComponentEventMap["rowPinning"]>;
onRowPinned: EventName<IgcTreeGridComponentEventMap["rowPinned"]>;
onActiveNodeChange: EventName<IgcTreeGridComponentEventMap["activeNodeChange"]>;
onSortingExpressionsChange: EventName<IgcTreeGridComponentEventMap["sortingExpressionsChange"]>;
onToolbarExporting: EventName<IgcTreeGridComponentEventMap["toolbarExporting"]>;
onRangeSelected: EventName<IgcTreeGridComponentEventMap["rangeSelected"]>;
onRendered: EventName<IgcTreeGridComponentEventMap["rendered"]>;
onDataChanging: EventName<IgcTreeGridComponentEventMap["dataChanging"]>;
onDataChanged: EventName<IgcTreeGridComponentEventMap["dataChanged"]>;
}, {
rowLoadingIndicatorTemplate: string;
emptyGridTemplate: string;
addRowEmptyTemplate: string;
loadingGridTemplate: string;
dragGhostCustomTemplate: string;
rowEditTextTemplate: string;
rowAddTextTemplate: string;
rowEditActionsTemplate: string;
rowExpandedIndicatorTemplate: string;
rowCollapsedIndicatorTemplate: string;
headerExpandedIndicatorTemplate: string;
headerCollapsedIndicatorTemplate: string;
excelStyleHeaderIconTemplate: string;
sortAscendingHeaderIconTemplate: string;
sortDescendingHeaderIconTemplate: string;
sortHeaderIconTemplate: string;
headSelectorTemplate: string;
rowSelectorTemplate: string;
dragIndicatorIconTemplate: string;
}>;
export type IgrTreeGrid = Component;
/** @deprecated Module register is no longer needed and can be removed */
export declare const IgrTreeGridModule: typeof Component;
import { type IgcGridBaseComponent as IgrGridBaseComponent, type IgcColumnsAutoGeneratedEventArgs as IgrColumnsAutoGeneratedEventArgsDetail, type IgcActionStripToken as IgrActionStripToken, type IgcHierarchicalGridBaseComponent as IgrHierarchicalGridBaseComponent, type IgcTreeGridBaseComponent as IgrTreeGridBaseComponent, type IgcGridStateBaseDirective as IgrGridStateBaseDirective, type IgcGridStateInfo as IgrGridStateInfo, type IgcActionStripResourceStrings as IgrActionStripResourceStrings, IgcBooleanFilteringOperand as IgrBooleanFilteringOperand, IgcFilteringOperand as IgrFilteringOperand, IgcDateFilteringOperand as IgrDateFilteringOperand, type IgcBaseDateTimeFilteringOperand as IgrBaseDateTimeFilteringOperand, IgcDateTimeFilteringOperand as IgrDateTimeFilteringOperand, IgcTimeFilteringOperand as IgrTimeFilteringOperand, IgcNumberFilteringOperand as IgrNumberFilteringOperand, IgcStringFilteringOperand as IgrStringFilteringOperand, type IgcFilteringExpression as IgrFilteringExpression, type IgcFilteringOperation as IgrFilteringOperation, type IgcExpressionTree as IgrExpressionTree, IgcNoopFilteringStrategy as IgrNoopFilteringStrategy, type IgcBaseFilteringStrategy as IgrBaseFilteringStrategy, IgcFilteringExpressionsTree as IgrFilteringExpressionsTree, IgcNoopSortingStrategy as IgrNoopSortingStrategy, type IgcSummaryExpression as IgrSummaryExpression, type IgcGroupByResult as IgrGroupByResult, type IgcGroupByRecord as IgrGroupByRecord, IgcDefaultTreeGridMergeStrategy as IgrDefaultTreeGridMergeStrategy, IgcDefaultMergeStrategy as IgrDefaultMergeStrategy, IgcByLevelTreeGridMergeStrategy as IgrByLevelTreeGridMergeStrategy, type IgcColumnTemplateContext as IgrColumnTemplateContext, IgcNoopPivotDimensionsStrategy as IgrNoopPivotDimensionsStrategy, type IgcPivotDimension as IgrPivotDimension, type IgcPivotValue as IgrPivotValue, type IgcGridActionsBaseDirective as IgrGridActionsBaseDirective, IgcPivotDateDimension as IgrPivotDateDimension, type IgcGridResourceStrings as IgrGridResourceStrings, type IgcPivotDateDimensionOptions as IgrPivotDateDimensionOptions, IgcCsvExporterOptions as IgrCsvExporterOptions, type IgcExporterOptionsBase as IgrExporterOptionsBase, IgcCsvExporterService as IgrCsvExporterService, type IgcBaseExporter as IgrBaseExporter, type IgcCsvExportEndedEventArgs as IgrCsvExportEndedEventArgsDetail, IgcExcelExporterOptions as IgrExcelExporterOptions, IgcExcelExporterService as IgrExcelExporterService, type IgcExcelExportEndedEventArgs as IgrExcelExportEndedEventArgsDetail, IgcSummaryOperand as IgrSummaryOperand, type IgcSummaryResult as IgrSummaryResult, IgcNumberSummaryOperand as IgrNumberSummaryOperand, IgcDateSummaryOperand as IgrDateSummaryOperand, IgcTimeSummaryOperand as IgrTimeSummaryOperand, type IgcOverlaySettings as IgrOverlaySettings, type IgcBaseToolbarDirective as IgrBaseToolbarDirective, type IgcExporterEventArgs as IgrExporterEventArgsDetail, type IgcBaseToolbarColumnActionsDirective as IgrBaseToolbarColumnActionsDirective, type IgcToggleViewCancelableEventArgs as IgrToggleViewCancelableEventArgsDetail, type IgcToggleViewEventArgs as IgrToggleViewEventArgsDetail, type IgcColumnToggledEventArgs as IgrColumnToggledEventArgsDetail, type IgcGridBaseDirective as IgrGridBaseDirective, type IgcDimensionsChange as IgrDimensionsChange, type IgcPivotConfigurationChangedEventArgs as IgrPivotConfigurationChangedEventArgsDetail, type IgcSortingExpression as IgrSortingExpression, type IgcValuesChange as IgrValuesChange, type IgcPivotGridValueTemplateContext as IgrPivotGridValueTemplateContext, type IgcPivotConfiguration as IgrPivotConfiguration, type IgcPivotUISettings as IgrPivotUISettings, type IgcQueryBuilderResourceStrings as IgrQueryBuilderResourceStrings, type IgcEntityType as IgrEntityType, type IgcQueryBuilderSearchValueContext as IgrQueryBuilderSearchValueContext, type IgcForOfState as IgrForOfState, type IgcGroupingExpression as IgrGroupingExpression, type IgcGroupByExpandState as IgrGroupByExpandState, type IgcGroupingDoneEventArgs as IgrGroupingDoneEventArgsDetail, type IgcGridMasterDetailContext as IgrGridMasterDetailContext, type IgcGridGroupingStrategy as IgrGridGroupingStrategy, type IgcGroupByRowSelectorTemplateContext as IgrGroupByRowSelectorTemplateContext, type IgcGroupByRowTemplateContext as IgrGroupByRowTemplateContext, type IgcRowType as IgrRowType, type IgcCellType as IgrCellType, type IgcBaseEventArgs as IgrBaseEventArgsDetail, type IgcHierarchicalGridBaseDirective as IgrHierarchicalGridBaseDirective, type IgcRowIslandBaseComponent as IgrRowIslandBaseComponent, type IgcGridTemplateContext as IgrGridTemplateContext, type IgcDataCloneStrategy as IgrDataCloneStrategy, type IgcClipboardOptions as IgrClipboardOptions, type IgcGridScrollEventArgs as IgrGridScrollEventArgsDetail, type IgcGridCellEventArgs as IgrGridCellEventArgsDetail, type IgcGridRowEventArgs as IgrGridRowEventArgsDetail, type IgcGridFormGroupCreatedEventArgs as IgrGridFormGroupCreatedEventArgsDetail, type IgcGridValidationStatusEventArgs as IgrGridValidationStatusEventArgsDetail, type IgcRowSelectionEventArgs as IgrRowSelectionEventArgsDetail, type IgcColumnSelectionEventArgs as IgrColumnSelectionEventArgsDetail, type IgcPinColumnCancellableEventArgs as IgrPinColumnCancellableEventArgsDetail, type IgcPinColumnEventArgs as IgrPinColumnEventArgsDetail, type IgcGridEditEventArgs as IgrGridEditEventArgsDetail, type IgcGridEditDoneEventArgs as IgrGridEditDoneEventArgsDetail, type IgcSortingEventArgs as IgrSortingEventArgsDetail, type IgcFilteringEventArgs as IgrFilteringEventArgsDetail, type IgcRowDataEventArgs as IgrRowDataEventArgsDetail, type IgcRowDataCancelableEventArgs as IgrRowDataCancelableEventArgsDetail, type IgcColumnResizeEventArgs as IgrColumnResizeEventArgsDetail, type IgcGridContextMenuEventArgs as IgrGridContextMenuEventArgsDetail, type IgcColumnVisibilityChangingEventArgs as IgrColumnVisibilityChangingEventArgsDetail, type IgcColumnVisibilityChangedEventArgs as IgrColumnVisibilityChangedEventArgsDetail, type IgcColumnMovingStartEventArgs as IgrColumnMovingStartEventArgsDetail, type IgcColumnMovingEventArgs as IgrColumnMovingEventArgsDetail, type IgcColumnMovingEndEventArgs as IgrColumnMovingEndEventArgsDetail, type IgcGridKeydownEventArgs as IgrGridKeydownEventArgsDetail, type IgcRowDragStartEventArgs as IgrRowDragStartEventArgsDetail, type IgcRowDragEndEventArgs as IgrRowDragEndEventArgsDetail, type IgcGridClipboardEvent as IgrGridClipboardEvent, type IgcRowToggleEventArgs as IgrRowToggleEventArgsDetail, type IgcPinRowEventArgs as IgrPinRowEventArgsDetail, type IgcActiveNodeChangeEventArgs as IgrActiveNodeChangeEventArgsDetail, type IgcGridToolbarExportEventArgs as IgrGridToolbarExportEventArgsDetail, type IgcGridSelectionRange as IgrGridSelectionRange, type IgcForOfDataChangeEventArgs as IgrForOfDataChangeEventArgsDetail, type IgcGridRowDragGhostContext as IgrGridRowDragGhostContext, type IgcGridRowEditTextTemplateContext as IgrGridRowEditTextTemplateContext, type IgcGridEmptyTemplateContext as IgrGridEmptyTemplateContext, type IgcGridRowEditActionsTemplateContext as IgrGridRowEditActionsTemplateContext, type IgcGridRowTemplateContext as IgrGridRowTemplateContext, type IgcGridHeaderTemplateContext as IgrGridHeaderTemplateContext, type IgcPinningConfig as IgrPinningConfig, type IgcFilteringStrategy as IgrFilteringStrategy, type IgcGridSortingStrategy as IgrGridSortingStrategy, type IgcGridMergeStrategy as IgrGridMergeStrategy, type IgcSortingOptions as IgrSortingOptions, type IgcRowDirective as IgrRowDirective, type IgcHeadSelectorTemplateContext as IgrHeadSelectorTemplateContext, type IgcRowSelectorTemplateContext as IgrRowSelectorTemplateContext, type IgcSearchInfo as IgrSearchInfo, type IgcOverlayOutletDirective as IgrOverlayOutletDirective, type IgcGridRowComponent as IgrGridRowComponent, type IgcCellPosition as IgrCellPosition, type IgcGridToolbarTemplateContext as IgrGridToolbarTemplateContext, type IgcGridPaginatorTemplateContext as IgrGridPaginatorTemplateContext, type IgcGridCreatedEventArgs as IgrGridCreatedEventArgsDetail, type IgcTreeGridRecord as IgrTreeGridRecord, type IgcGridStateOptions as IgrGridStateOptions, type IgcColumnState as IgrColumnState, type IgcPagingState as IgrPagingState, type IgcGroupingState as IgrGroupingState, type IgcGridStateCollection as IgrGridStateCollection, type IgcFilterItem as IgrFilterItem, type IgcGroupedRecords as IgrGroupedRecords, type IgcSortingStrategy as IgrSortingStrategy, type IgcSummaryTemplateContext as IgrSummaryTemplateContext, type IgcCellTemplateContext as IgrCellTemplateContext, type IgcColumnPipeArgs as IgrColumnPipeArgs, type IgcColumnEditorOptions as IgrColumnEditorOptions, type IgcPivotAggregator as IgrPivotAggregator, type IgcPivotGridRecord as IgrPivotGridRecord, type IgcPivotGridColumn as IgrPivotGridColumn, type IgcValidationResourceStrings as IgrValidationResourceStrings, type IgcRowExportingEventArgs as IgrRowExportingEventArgsDetail, type IgcColumnExportingEventArgs as IgrColumnExportingEventArgsDetail, type IgcPositionStrategy as IgrPositionStrategy, type IgcScrollStrategy as IgrScrollStrategy, type IgcExporterOptions as IgrExporterOptions, type IgcCancelableBrowserEventArgs as IgrCancelableBrowserEventArgsDetail, type IgcCancelableEventArgs as IgrCancelableEventArgsDetail, type IgcPivotDimensionStrategy as IgrPivotDimensionStrategy, type IgcPivotKeys as IgrPivotKeys, type IgcFieldType as IgrFieldType, type IgcGroupByKey as IgrGroupByKey, type IgcGroupByRowSelectorTemplateDetails as IgrGroupByRowSelectorTemplateDetails, type IgcGridValidationState as IgrGridValidationState, type IgcForOfDataChangingEventArgs as IgrForOfDataChangingEventArgsDetail, type IgcHeaderType as IgrHeaderType, type IgcPageCancellableEventArgs as IgrPageCancellableEventArgsDetail, type IgcPageEventArgs as IgrPageEventArgsDetail, type IgcPaginatorResourceStrings as IgrPaginatorResourceStrings, type IgcHeadSelectorTemplateDetails as IgrHeadSelectorTemplateDetails, type IgcRowSelectorTemplateDetails as IgrRowSelectorTemplateDetails, type IgcBaseSearchInfo as IgrBaseSearchInfo, type IgcFieldPipeArgs as IgrFieldPipeArgs, type IgcFieldEditorOptions as IgrFieldEditorOptions, type IgcPivotAggregation as IgrPivotAggregation, type IgcPositionSettings as IgrPositionSettings, type IgcValidationErrors as IgrValidationErrors, type IgcSize as IgrSize } from 'igniteui-webcomponents-grids/grids/index.js';
export type IgrColumnsAutoGeneratedEventArgs = CustomEvent<IgrColumnsAutoGeneratedEventArgsDetail>;
export type IgrCsvExportEndedEventArgs = CustomEvent<IgrCsvExportEndedEventArgsDetail>;
export type IgrExcelExportEndedEventArgs = CustomEvent<IgrExcelExportEndedEventArgsDetail>;
export type IgrExporterEventArgs = CustomEvent<IgrExporterEventArgsDetail>;
export type IgrToggleViewCancelableEventArgs = CustomEvent<IgrToggleViewCancelableEventArgsDetail>;
export type IgrToggleViewEventArgs = CustomEvent<IgrToggleViewEventArgsDetail>;
export type IgrColumnToggledEventArgs = CustomEvent<IgrColumnToggledEventArgsDetail>;
export type IgrPivotConfigurationChangedEventArgs = CustomEvent<IgrPivotConfigurationChangedEventArgsDetail>;
export type IgrGroupingDoneEventArgs = CustomEvent<IgrGroupingDoneEventArgsDetail>;
export type IgrBaseEventArgs = CustomEvent<IgrBaseEventArgsDetail>;
export type IgrGridScrollEventArgs = CustomEvent<IgrGridScrollEventArgsDetail>;
export type IgrGridCellEventArgs = CustomEvent<IgrGridCellEventArgsDetail>;
export type IgrGridRowEventArgs = CustomEvent<IgrGridRowEventArgsDetail>;
export type IgrGridFormGroupCreatedEventArgs = CustomEvent<IgrGridFormGroupCreatedEventArgsDetail>;
export type IgrGridValidationStatusEventArgs = CustomEvent<IgrGridValidationStatusEventArgsDetail>;
export type IgrRowSelectionEventArgs = CustomEvent<IgrRowSelectionEventArgsDetail>;
export type IgrColumnSelectionEventArgs = CustomEvent<IgrColumnSelectionEventArgsDetail>;
export type IgrPinColumnCancellableEventArgs = CustomEvent<IgrPinColumnCancellableEventArgsDetail>;
export type IgrPinColumnEventArgs = CustomEvent<IgrPinColumnEventArgsDetail>;
export type IgrGridEditEventArgs = CustomEvent<IgrGridEditEventArgsDetail>;
export type IgrGridEditDoneEventArgs = CustomEvent<IgrGridEditDoneEventArgsDetail>;
export type IgrSortingEventArgs = CustomEvent<IgrSortingEventArgsDetail>;
export type IgrFilteringEventArgs = CustomEvent<IgrFilteringEventArgsDetail>;
export type IgrRowDataEventArgs = CustomEvent<IgrRowDataEventArgsDetail>;
export type IgrRowDataCancelableEventArgs = CustomEvent<IgrRowDataCancelableEventArgsDetail>;
export type IgrColumnResizeEventArgs = CustomEvent<IgrColumnResizeEventArgsDetail>;
export type IgrGridContextMenuEventArgs = CustomEvent<IgrGridContextMenuEventArgsDetail>;
export type IgrColumnVisibilityChangingEventArgs = CustomEvent<IgrColumnVisibilityChangingEventArgsDetail>;
export type IgrColumnVisibilityChangedEventArgs = CustomEvent<IgrColumnVisibilityChangedEventArgsDetail>;
export type IgrColumnMovingStartEventArgs = CustomEvent<IgrColumnMovingStartEventArgsDetail>;
export type IgrColumnMovingEventArgs = CustomEvent<IgrColumnMovingEventArgsDetail>;
export type IgrColumnMovingEndEventArgs = CustomEvent<IgrColumnMovingEndEventArgsDetail>;
export type IgrGridKeydownEventArgs = CustomEvent<IgrGridKeydownEventArgsDetail>;
export type IgrRowDragStartEventArgs = CustomEvent<IgrRowDragStartEventArgsDetail>;
export type IgrRowDragEndEventArgs = CustomEvent<IgrRowDragEndEventArgsDetail>;
export type IgrRowToggleEventArgs = CustomEvent<IgrRowToggleEventArgsDetail>;
export type IgrPinRowEventArgs = CustomEvent<IgrPinRowEventArgsDetail>;
export type IgrActiveNodeChangeEventArgs = CustomEvent<IgrActiveNodeChangeEventArgsDetail>;
export type IgrGridToolbarExportEventArgs = CustomEvent<IgrGridToolbarExportEventArgsDetail>;
export type IgrForOfDataChangeEventArgs = CustomEvent<IgrForOfDataChangeEventArgsDetail>;
export type IgrGridCreatedEventArgs = CustomEvent<IgrGridCreatedEventArgsDetail>;
export type IgrRowExportingEventArgs = CustomEvent<IgrRowExportingEventArgsDetail>;
export type IgrColumnExportingEventArgs = CustomEvent<IgrColumnExportingEventArgsDetail>;
export type IgrCancelableBrowserEventArgs = CustomEvent<IgrCancelableBrowserEventArgsDetail>;
export type IgrCancelableEventArgs = CustomEvent<IgrCancelableEventArgsDetail>;
export type IgrForOfDataChangingEventArgs = CustomEvent<IgrForOfDataChangingEventArgsDetail>;
export type IgrPageCancellableEventArgs = CustomEvent<IgrPageCancellableEventArgsDetail>;
export type IgrPageEventArgs = CustomEvent<IgrPageEventArgsDetail>;
export { type IgrGridBaseComponent, type IgrColumnsAutoGeneratedEventArgsDetail, type IgrActionStripToken, type IgrHierarchicalGridBaseComponent, type IgrTreeGridBaseComponent, type IgrGridStateBaseDirective, type IgrGridStateInfo, type IgrActionStripResourceStrings, IgrBooleanFilteringOperand, IgrFilteringOperand, IgrDateFilteringOperand, type IgrBaseDateTimeFilteringOperand, IgrDateTimeFilteringOperand, IgrTimeFilteringOperand, IgrNumberFilteringOperand, IgrStringFilteringOperand, type IgrFilteringExpression, type IgrFilteringOperation, type IgrExpressionTree, IgrNoopFilteringStrategy, type IgrBaseFilteringStrategy, IgrFilteringExpressionsTree, IgrNoopSortingStrategy, type IgrSummaryExpression, type IgrGroupByResult, type IgrGroupByRecord, IgrDefaultTreeGridMergeStrategy, IgrDefaultMergeStrategy, IgrByLevelTreeGridMergeStrategy, type IgrColumnTemplateContext, IgrNoopPivotDimensionsStrategy, type IgrPivotDimension, type IgrPivotValue, type IgrGridActionsBaseDirective, IgrPivotDateDimension, type IgrGridResourceStrings, type IgrPivotDateDimensionOptions, IgrCsvExporterOptions, type IgrExporterOptionsBase, IgrCsvExporterService, type IgrBaseExporter, type IgrCsvExportEndedEventArgsDetail, IgrExcelExporterOptions, IgrExcelExporterService, type IgrExcelExportEndedEventArgsDetail, IgrSummaryOperand, type IgrSummaryResult, IgrNumberSummaryOperand, IgrDateSummaryOperand, IgrTimeSummaryOperand, type IgrOverlaySettings, type IgrBaseToolbarDirective, type IgrExporterEventArgsDetail, type IgrBaseToolbarColumnActionsDirective, type IgrToggleViewCancelableEventArgsDetail, type IgrToggleViewEventArgsDetail, type IgrColumnToggledEventArgsDetail, type IgrGridBaseDirective, type IgrDimensionsChange, type IgrPivotConfigurationChangedEventArgsDetail, type IgrSortingExpression, type IgrValuesChange, type IgrPivotGridValueTemplateContext, type IgrPivotConfiguration, type IgrPivotUISettings, type IgrQueryBuilderResourceStrings, type IgrEntityType, type IgrQueryBuilderSearchValueContext, type IgrForOfState, type IgrGroupingExpression, type IgrGroupByExpandState, type IgrGroupingDoneEventArgsDetail, type IgrGridMasterDetailContext, type IgrGridGroupingStrategy, type IgrGroupByRowSelectorTemplateContext, type IgrGroupByRowTemplateContext, type IgrRowType, type IgrCellType, type IgrBaseEventArgsDetail, type IgrHierarchicalGridBaseDirective, type IgrRowIslandBaseComponent, type IgrGridTemplateContext, type IgrDataCloneStrategy, type IgrClipboardOptions, type IgrGridScrollEventArgsDetail, type IgrGridCellEventArgsDetail, type IgrGridRowEventArgsDetail, type IgrGridFormGroupCreatedEventArgsDetail, type IgrGridValidationStatusEventArgsDetail, type IgrRowSelectionEventArgsDetail, type IgrColumnSelectionEventArgsDetail, type IgrPinColumnCancellableEventArgsDetail, type IgrPinColumnEventArgsDetail, type IgrGridEditEventArgsDetail, type IgrGridEditDoneEventArgsDetail, type IgrSortingEventArgsDetail, type IgrFilteringEventArgsDetail, type IgrRowDataEventArgsDetail, type IgrRowDataCancelableEventArgsDetail, type IgrColumnResizeEventArgsDetail, type IgrGridContextMenuEventArgsDetail, type IgrColumnVisibilityChangingEventArgsDetail, type IgrColumnVisibilityChangedEventArgsDetail, type IgrColumnMovingStartEventArgsDetail, type IgrColumnMovingEventArgsDetail, type IgrColumnMovingEndEventArgsDetail, type IgrGridKeydownEventArgsDetail, type IgrRowDragStartEventArgsDetail, type IgrRowDragEndEventArgsDetail, type IgrGridClipboardEvent, type IgrRowToggleEventArgsDetail, type IgrPinRowEventArgsDetail, type IgrActiveNodeChangeEventArgsDetail, type IgrGridToolbarExportEventArgsDetail, type IgrGridSelectionRange, type IgrForOfDataChangeEventArgsDetail, type IgrGridRowDragGhostContext, type IgrGridRowEditTextTemplateContext, type IgrGridEmptyTemplateContext, type IgrGridRowEditActionsTemplateContext, type IgrGridRowTemplateContext, type IgrGridHeaderTemplateContext, type IgrPinningConfig, type IgrFilteringStrategy, type IgrGridSortingStrategy, type IgrGridMergeStrategy, type IgrSortingOptions, type IgrRowDirective, type IgrHeadSelectorTemplateContext, type IgrRowSelectorTemplateContext, type IgrSearchInfo, type IgrOverlayOutletDirective, type IgrGridRowComponent, type IgrCellPosition, type IgrGridToolbarTemplateContext, type IgrGridPaginatorTemplateContext, type IgrGridCreatedEventArgsDetail, type IgrTreeGridRecord, type IgrGridStateOptions, type IgrColumnState, type IgrPagingState, type IgrGroupingState, type IgrGridStateCollection, type IgrFilterItem, type IgrGroupedRecords, type IgrSortingStrategy, type IgrSummaryTemplateContext, type IgrCellTemplateContext, type IgrColumnPipeArgs, type IgrColumnEditorOptions, type IgrPivotAggregator, type IgrPivotGridRecord, type IgrPivotGridColumn, type IgrValidationResourceStrings, type IgrRowExportingEventArgsDetail, type IgrColumnExportingEventArgsDetail, type IgrPositionStrategy, type IgrScrollStrategy, type IgrExporterOptions, type IgrCancelableBrowserEventArgsDetail, type IgrCancelableEventArgsDetail, type IgrPivotDimensionStrategy, type IgrPivotKeys, type IgrFieldType, type IgrGroupByKey, type IgrGroupByRowSelectorTemplateDetails, type IgrGridValidationState, type IgrForOfDataChangingEventArgsDetail, type IgrHeaderType, type IgrPageCancellableEventArgsDetail, type IgrPageEventArgsDetail, type IgrPaginatorResourceStrings, type IgrHeadSelectorTemplateDetails, type IgrRowSelectorTemplateDetails, type IgrBaseSearchInfo, type IgrFieldPipeArgs, type IgrFieldEditorOptions, type IgrPivotAggregation, type IgrPositionSettings, type IgrValidationErrors, type IgrSize, };
export { type GridColumnDataType, CsvFileTypes, type GridToolbarExporterType, PivotDimensionType, SortingDirection, FilteringLogic, type GridPagingMode, type GridValidationTrigger, type FilterMode, type GridSummaryPosition, type GridSummaryCalculationMode, type GridSelectionMode, type GridCellMergeMode, DropPosition, ColumnPinningPosition, FilteringExpressionsTreeType, type PivotRowLayoutType, type PivotSummaryPosition, type ValidationStatus, type GridKeydownTargetType, RowPinningPosition, type SortingOptionsMode, type PivotAggregationType, HorizontalAlignment, VerticalAlignment, type Point, type IResourceStrings, type IActionStripResourceStrings, type IBannerResourceStrings, type ICalendarResourceStrings, type ICarouselResourceStrings, type IChipResourceStrings, type IComboResourceStrings, type IDatePickerResourceStrings, type IDateRangePickerResourceStrings, type IGridResourceStrings, type IFileInputResourceStrings, type IListResourceStrings, type IPaginatorResourceStrings, type IQueryBuilderResourceStrings, type ITimePickerResourceStrings, type ITreeResourceStrings, registerI18n, setCurrentI18n, } from 'igniteui-webcomponents-grids/grids/index.js';
/**
* Use the function to get a random UUID string when secure context is not guaranteed making crypto.randomUUID unavailable.
* @returns A random UUID string.
*/
export declare function getUUID(): `${string}-${string}-${string}-${string}-${string}`;
/** biome-ignore-all lint/complexity/noBannedTypes: use `{}` literals */
import { type EventName, type Options } from '@lit/react';
import type React from 'react';
import type { WithDataContext } from './backfills.js';
export type { EventName } from '@lit/react';
type DistributiveOmit<T, K extends string | number | symbol> = T extends any ? K extends keyof T ? Omit<T, K> : T : T;
type PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;
type EventNames = Record<string, EventName | string>;
type EventListeners<R extends EventNames> = {
[K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;
};
type ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;
type ComponentProps<I, E extends EventNames> = Omit<React.HTMLAttributes<I>, keyof E | keyof ElementProps<I>> & EventListeners<E> & ElementProps<I>;
/** Mapped type to update the render props callback return type */
type WithJsxRenderProps<T, R extends Renderers> = {
[K in keyof T]: K extends keyof R ? NonNullable<T[K]> extends (...args: infer Args) => unknown ? (...args: WithDataContext<Args>) => React.ReactNode : T[K] : T[K];
};
export type ReactWebComponent<I extends HTMLElement, E extends EventNames, R extends Renderers> = React.ForwardRefExoticComponent<PropsWithoutRef<WithJsxRenderProps<ComponentProps<I, E>, R>> & React.RefAttributes<I>>;
type Renderers = Record<string, unknown>;
interface WrapperOptions<I extends HTMLElement, E extends EventNames, R extends Renderers> extends Options<I, E> {
renderProps?: R;
moveBackOnDelete?: boolean;
}
export declare const createComponent: <I extends HTMLElement, E extends EventNames = {}, R extends Renderers = {}>({ react: React, tagName, elementClass, events, displayName, renderProps, moveBackOnDelete, }: WrapperOptions<I, E, R>) => ReactWebComponent<I, E, R>;
import { AsyncDirective, type ChildPart, type DirectiveParameters } from 'lit/async-directive.js';
export declare const REQUEST_REMOVE: unique symbol;
export type RendererRequest<T> = {
data: T | typeof REQUEST_REMOVE;
name: string;
slotName: string;
node: Element;
};
declare class RequestRenderer<T> extends AsyncDirective {
private readonly _key;
private _part;
private _callback;
private _state;
private _name;
private get _renderNode();
private _shouldUpdateNG;
private _shouldUpdate;
render(_callback: any, _name: string, _data: T): symbol;
update(part: ChildPart, [callback, name, data]: DirectiveParameters<this>): symbol;
protected reconnected(): void;
protected disconnected(): void;
}
export declare const requestRenderer: (_callback: any, _name: string, _data: unknown) => import("lit-html/directive.js").DirectiveResult<typeof RequestRenderer>;
export {};

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display