smart-webcomponents-react 14.0.0 → 14.0.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alertwindow/alertwindow.umd.js +1 -1
- package/combobox/combobox.d.ts +5 -0
- package/combobox/combobox.esm.js +12 -1
- package/combobox/combobox.umd.js +12 -1
- package/dialogwindow/dialogwindow.umd.js +1 -1
- package/grid/grid.d.ts +74 -38
- package/grid/grid.esm.js +60 -26
- package/grid/grid.umd.js +60 -26
- package/index.d.ts +99 -30
- package/kanban/kanban.d.ts +10 -0
- package/kanban/kanban.esm.js +23 -1
- package/kanban/kanban.umd.js +23 -1
- package/multilinewindow/multilinewindow.umd.js +1 -1
- package/package.json +1 -1
- package/progresswindow/progresswindow.umd.js +1 -1
- package/promptwindow/promptwindow.umd.js +1 -1
- package/source/modules/smart.accordion.js +1 -1
- package/source/modules/smart.array.js +2 -2
- package/source/modules/smart.barcode.js +1 -1
- package/source/modules/smart.breadcrumb.js +1 -1
- package/source/modules/smart.button.js +1 -1
- package/source/modules/smart.buttongroup.js +1 -1
- package/source/modules/smart.calendar.js +1 -1
- package/source/modules/smart.card.js +1 -1
- package/source/modules/smart.cardview.js +2 -2
- package/source/modules/smart.carousel.js +1 -1
- package/source/modules/smart.chart.js +2 -2
- package/source/modules/smart.checkbox.js +1 -1
- package/source/modules/smart.checkinput.js +1 -1
- package/source/modules/smart.chip.js +1 -1
- package/source/modules/smart.colorinput.js +1 -1
- package/source/modules/smart.colorpanel.js +1 -1
- package/source/modules/smart.colorpicker.js +1 -1
- package/source/modules/smart.combobox.js +2 -2
- package/source/modules/smart.common.js +2 -2
- package/source/modules/smart.countryinput.js +1 -1
- package/source/modules/smart.dateinput.js +2 -2
- package/source/modules/smart.daterangeinput.js +2 -2
- package/source/modules/smart.datetimepicker.js +1 -1
- package/source/modules/smart.dockinglayout.js +1 -1
- package/source/modules/smart.dropdownbutton.js +1 -1
- package/source/modules/smart.dropdownlist.js +1 -1
- package/source/modules/smart.editor.js +1 -1
- package/source/modules/smart.element.js +1 -1
- package/source/modules/smart.fileupload.js +1 -1
- package/source/modules/smart.form.js +1 -1
- package/source/modules/smart.formulaparser.js +1 -1
- package/source/modules/smart.ganttchart.js +4 -4
- package/source/modules/smart.gauge.js +1 -1
- package/source/modules/smart.grid.js +15 -15
- package/source/modules/smart.gridpanel.js +3 -3
- package/source/modules/smart.input.js +1 -1
- package/source/modules/smart.kanban.js +4 -4
- package/source/modules/smart.layout.js +1 -1
- package/source/modules/smart.led.js +1 -1
- package/source/modules/smart.listbox.js +1 -1
- package/source/modules/smart.listmenu.js +1 -1
- package/source/modules/smart.map.js +1 -1
- package/source/modules/smart.maskedtextbox.js +1 -1
- package/source/modules/smart.menu.js +1 -1
- package/source/modules/smart.multicomboinput.js +1 -1
- package/source/modules/smart.multiinput.js +1 -1
- package/source/modules/smart.multilinetextbox.js +2 -2
- package/source/modules/smart.multisplitbutton.js +1 -1
- package/source/modules/smart.numberinput.js +1 -1
- package/source/modules/smart.numerictextbox.js +2 -2
- package/source/modules/smart.pager.js +1 -1
- package/source/modules/smart.passwordinput.js +1 -1
- package/source/modules/smart.passwordtextbox.js +1 -1
- package/source/modules/smart.path.js +1 -1
- package/source/modules/smart.phoneinput.js +1 -1
- package/source/modules/smart.pivottable.js +4 -4
- package/source/modules/smart.progressbar.js +1 -1
- package/source/modules/smart.qrcode.js +1 -1
- package/source/modules/smart.querybuilder.js +2 -2
- package/source/modules/smart.radiobutton.js +1 -1
- package/source/modules/smart.rating.js +1 -1
- package/source/modules/smart.router.js +2 -2
- package/source/modules/smart.scheduler.js +2 -2
- package/source/modules/smart.scrollbar.js +1 -1
- package/source/modules/smart.slider.js +1 -1
- package/source/modules/smart.sortable.js +1 -1
- package/source/modules/smart.splitter.js +1 -1
- package/source/modules/smart.switchbutton.js +1 -1
- package/source/modules/smart.table.js +3 -3
- package/source/modules/smart.tabs.js +1 -1
- package/source/modules/smart.tank.js +1 -1
- package/source/modules/smart.textarea.js +1 -1
- package/source/modules/smart.textbox.js +2 -2
- package/source/modules/smart.timeinput.js +1 -1
- package/source/modules/smart.timepicker.js +1 -1
- package/source/modules/smart.toast.js +1 -1
- package/source/modules/smart.tooltip.js +1 -1
- package/source/modules/smart.tree.js +2 -2
- package/source/modules/smart.validator.js +1 -1
- package/source/modules/smart.window.js +2 -2
- package/source/smart.accordion.js +1 -1
- package/source/smart.ajax.js +1 -1
- package/source/smart.array.js +1 -1
- package/source/smart.barcode.js +1 -1
- package/source/smart.bootstrap.js +1 -1
- package/source/smart.breadcrumb.js +1 -1
- package/source/smart.button.js +1 -1
- package/source/smart.buttongroup.js +1 -1
- package/source/smart.calendar.js +1 -1
- package/source/smart.card.js +1 -1
- package/source/smart.cardview.js +1 -1
- package/source/smart.carousel.js +1 -1
- package/source/smart.chart.annotations.js +1 -1
- package/source/smart.chart.api.js +1 -1
- package/source/smart.chart.core.js +1 -1
- package/source/smart.chart.js +1 -1
- package/source/smart.chart.rangeselector.js +1 -1
- package/source/smart.chart.waterfall.js +1 -1
- package/source/smart.checkbox.js +1 -1
- package/source/smart.checkinput.js +1 -1
- package/source/smart.chip.js +1 -1
- package/source/smart.colorinput.js +1 -1
- package/source/smart.colorpanel.js +1 -1
- package/source/smart.colorpicker.js +1 -1
- package/source/smart.combobox.js +2 -2
- package/source/smart.complex.js +1 -1
- package/source/smart.core.js +1 -1
- package/source/smart.countryinput.js +1 -1
- package/source/smart.data.js +2 -2
- package/source/smart.date.js +1 -1
- package/source/smart.dateformatpanel.js +1 -1
- package/source/smart.dateinput.js +2 -2
- package/source/smart.daterangeinput.js +1 -1
- package/source/smart.datetimepicker.js +1 -1
- package/source/smart.dockinglayout.js +1 -1
- package/source/smart.draw.js +1 -1
- package/source/smart.dropdownbutton.js +1 -1
- package/source/smart.dropdownlist.js +1 -1
- package/source/smart.editor.js +1 -1
- package/source/smart.element.js +1 -1
- package/source/smart.elements.js +18 -18
- package/source/smart.export.js +1 -1
- package/source/smart.fileupload.js +1 -1
- package/source/smart.filter.js +1 -1
- package/source/smart.filterbuilder.js +1 -1
- package/source/smart.filterpanel.js +1 -1
- package/source/smart.form.js +1 -1
- package/source/smart.format.js +1 -1
- package/source/smart.formulaparser.js +1 -1
- package/source/smart.ganttchart.js +2 -2
- package/source/smart.gauge.js +1 -1
- package/source/smart.grid.cell.js +2 -2
- package/source/smart.grid.chart.js +1 -1
- package/source/smart.grid.column.js +2 -2
- package/source/smart.grid.core.js +2 -2
- package/source/smart.grid.dialog.js +2 -2
- package/source/smart.grid.edit.js +2 -2
- package/source/smart.grid.export.js +1 -1
- package/source/smart.grid.filter.js +2 -2
- package/source/smart.grid.group.js +1 -1
- package/source/smart.grid.js +1 -1
- package/source/smart.grid.menu.js +2 -2
- package/source/smart.grid.pager.js +1 -1
- package/source/smart.grid.reorder.js +1 -1
- package/source/smart.grid.resize.js +1 -1
- package/source/smart.grid.row.js +2 -2
- package/source/smart.grid.select.js +2 -2
- package/source/smart.grid.sort.js +1 -1
- package/source/smart.grid.toolbar.js +2 -2
- package/source/smart.grid.tree.js +1 -1
- package/source/smart.grid.view.js +2 -2
- package/source/smart.gridpanel.js +1 -1
- package/source/smart.input.js +1 -1
- package/source/smart.kanban.js +2 -2
- package/source/smart.layout.js +1 -1
- package/source/smart.led.js +1 -1
- package/source/smart.listbox.js +1 -1
- package/source/smart.listmenu.js +1 -1
- package/source/smart.map.js +1 -1
- package/source/smart.maskedtextbox.js +1 -1
- package/source/smart.math.js +1 -1
- package/source/smart.menu.js +1 -1
- package/source/smart.multicomboinput.js +1 -1
- package/source/smart.multiinput.js +1 -1
- package/source/smart.multilinetextbox.js +1 -1
- package/source/smart.multisplitbutton.js +1 -1
- package/source/smart.numberformatpanel.js +1 -1
- package/source/smart.numberinput.js +1 -1
- package/source/smart.numeric.js +1 -1
- package/source/smart.numerictextbox.js +1 -1
- package/source/smart.pager.js +1 -1
- package/source/smart.passwordinput.js +1 -1
- package/source/smart.passwordtextbox.js +1 -1
- package/source/smart.path.js +1 -1
- package/source/smart.phoneinput.js +1 -1
- package/source/smart.pivottable.js +1 -1
- package/source/smart.powerbutton.js +1 -1
- package/source/smart.progressbar.js +1 -1
- package/source/smart.qrcode.js +1 -1
- package/source/smart.radiobutton.js +1 -1
- package/source/smart.rating.js +1 -1
- package/source/smart.router.js +1 -1
- package/source/smart.scheduler.js +1 -1
- package/source/smart.scrollbar.js +1 -1
- package/source/smart.slider.js +1 -1
- package/source/smart.sortable.js +1 -1
- package/source/smart.splitter.js +1 -1
- package/source/smart.switchbutton.js +1 -1
- package/source/smart.table.js +2 -2
- package/source/smart.tabs.js +1 -1
- package/source/smart.tank.js +1 -1
- package/source/smart.textarea.js +1 -1
- package/source/smart.textbox.js +1 -1
- package/source/smart.tickintervalhandler.js +1 -1
- package/source/smart.timeinput.js +1 -1
- package/source/smart.timepicker.js +1 -1
- package/source/smart.toast.js +1 -1
- package/source/smart.tooltip.js +1 -1
- package/source/smart.tree.js +2 -2
- package/source/smart.validationpanel.js +1 -1
- package/source/smart.validator.js +1 -1
- package/source/smart.window.js +1 -1
- package/source/styles/components/smart.ganttchart.css +1 -1
- package/source/styles/components/smart.kanban.css +1 -1
- package/source/styles/components/smart.pivottable.css +1 -1
- package/source/styles/components/smart.table.css +1 -1
- package/source/styles/default/scss/smart.kanban.scss +20 -3
- package/source/styles/default/scss/smart.table.scss +22 -4
- package/source/styles/default/scss/textbox/_check-input.scss +1 -0
- package/source/styles/default/scss/textbox/_multi-combo-input.scss +1 -1
- package/source/styles/default/smart.kanban.css +17 -1
- package/source/styles/default/smart.table.css +30 -12
- package/source/styles/smart.default.css +2 -2
- package/source/typescript/smart.combobox.d.ts +5 -0
- package/source/typescript/smart.elements.d.ts +99 -30
- package/source/typescript/smart.grid.d.ts +77 -28
- package/source/typescript/smart.kanban.d.ts +10 -0
- package/source/typescript/smart.scheduler.d.ts +1 -1
- package/source/typescript/smart.table.d.ts +1 -1
- package/source/typescript/smart.tree.d.ts +5 -0
- package/table/table.d.ts +1 -1
- package/table/table.esm.js +1 -1
- package/table/table.umd.js +1 -1
- package/tabswindow/tabswindow.umd.js +1 -1
- package/tree/tree.d.ts +5 -0
- package/tree/tree.esm.js +12 -1
- package/tree/tree.umd.js +12 -1
- package/waitwindow/waitwindow.umd.js +1 -1
package/combobox/combobox.d.ts
CHANGED
|
@@ -254,6 +254,11 @@ export declare class ComboBox extends React.Component<React.HTMLAttributes<Eleme
|
|
|
254
254
|
*/
|
|
255
255
|
get minLength(): number;
|
|
256
256
|
set minLength(value: number);
|
|
257
|
+
/** Determines the maximum number of characters inside the input.
|
|
258
|
+
* Property type: number
|
|
259
|
+
*/
|
|
260
|
+
get maxLength(): number;
|
|
261
|
+
set maxLength(value: number);
|
|
257
262
|
/** Sets or gets the name attribute for the element. Name is used when submiting HTML forms.
|
|
258
263
|
* Property type: string
|
|
259
264
|
*/
|
package/combobox/combobox.esm.js
CHANGED
|
@@ -873,6 +873,17 @@ class ComboBox extends React.Component {
|
|
|
873
873
|
this.nativeElement.minLength = value;
|
|
874
874
|
}
|
|
875
875
|
}
|
|
876
|
+
/** Determines the maximum number of characters inside the input.
|
|
877
|
+
* Property type: number
|
|
878
|
+
*/
|
|
879
|
+
get maxLength() {
|
|
880
|
+
return this.nativeElement ? this.nativeElement.maxLength : undefined;
|
|
881
|
+
}
|
|
882
|
+
set maxLength(value) {
|
|
883
|
+
if (this.nativeElement) {
|
|
884
|
+
this.nativeElement.maxLength = value;
|
|
885
|
+
}
|
|
886
|
+
}
|
|
876
887
|
/** Sets or gets the name attribute for the element. Name is used when submiting HTML forms.
|
|
877
888
|
* Property type: string
|
|
878
889
|
*/
|
|
@@ -1095,7 +1106,7 @@ class ComboBox extends React.Component {
|
|
|
1095
1106
|
}
|
|
1096
1107
|
// Gets the properties of the React component.
|
|
1097
1108
|
get properties() {
|
|
1098
|
-
return ["autoCloseDelay", "autoComplete", "autoCompleteDelay", "autoOpenShortcutKey", "dataSource", "disabled", "displayLoadingIndicator", "displayMember", "dropDownAppendTo", "dropDownButtonPosition", "dropDownHeight", "dropDownMaxHeight", "dropDownMaxWidth", "dropDownMinHeight", "dropDownMinWidth", "dropDownOpenMode", "dropDownOverlay", "dropDownPlaceholder", "dropDownPosition", "dropDownWidth", "escKeyMode", "filterable", "filterInputPlaceholder", "filterMode", "grouped", "groupMember", "hint", "horizontalScrollBarVisibility", "inputMember", "inputPurpose", "incrementalSearchDelay", "incrementalSearchMode", "itemHeight", "itemMeasureMode", "items", "itemTemplate", "label", "loadingIndicatorPlaceholder", "loadingIndicatorPosition", "locale", "localizeFormatFunction", "messages", "minLength", "name", "opened", "placeholder", "readonly", "rightToLeft", "resizeIndicator", "resizeMode", "selectionDisplayMode", "selectedIndexes", "selectedValues", "selectionMode", "sorted", "sortDirection", "theme", "tokenTemplate", "unfocusable", "value", "valueMember", "verticalScrollBarVisibility", "virtualized"];
|
|
1109
|
+
return ["autoCloseDelay", "autoComplete", "autoCompleteDelay", "autoOpenShortcutKey", "dataSource", "disabled", "displayLoadingIndicator", "displayMember", "dropDownAppendTo", "dropDownButtonPosition", "dropDownHeight", "dropDownMaxHeight", "dropDownMaxWidth", "dropDownMinHeight", "dropDownMinWidth", "dropDownOpenMode", "dropDownOverlay", "dropDownPlaceholder", "dropDownPosition", "dropDownWidth", "escKeyMode", "filterable", "filterInputPlaceholder", "filterMode", "grouped", "groupMember", "hint", "horizontalScrollBarVisibility", "inputMember", "inputPurpose", "incrementalSearchDelay", "incrementalSearchMode", "itemHeight", "itemMeasureMode", "items", "itemTemplate", "label", "loadingIndicatorPlaceholder", "loadingIndicatorPosition", "locale", "localizeFormatFunction", "messages", "minLength", "maxLength", "name", "opened", "placeholder", "readonly", "rightToLeft", "resizeIndicator", "resizeMode", "selectionDisplayMode", "selectedIndexes", "selectedValues", "selectionMode", "sorted", "sortDirection", "theme", "tokenTemplate", "unfocusable", "value", "valueMember", "verticalScrollBarVisibility", "virtualized"];
|
|
1099
1110
|
}
|
|
1100
1111
|
// Gets the events of the React component.
|
|
1101
1112
|
get eventListeners() {
|
package/combobox/combobox.umd.js
CHANGED
|
@@ -879,6 +879,17 @@ require('../source/modules/smart.combobox');
|
|
|
879
879
|
this.nativeElement.minLength = value;
|
|
880
880
|
}
|
|
881
881
|
}
|
|
882
|
+
/** Determines the maximum number of characters inside the input.
|
|
883
|
+
* Property type: number
|
|
884
|
+
*/
|
|
885
|
+
get maxLength() {
|
|
886
|
+
return this.nativeElement ? this.nativeElement.maxLength : undefined;
|
|
887
|
+
}
|
|
888
|
+
set maxLength(value) {
|
|
889
|
+
if (this.nativeElement) {
|
|
890
|
+
this.nativeElement.maxLength = value;
|
|
891
|
+
}
|
|
892
|
+
}
|
|
882
893
|
/** Sets or gets the name attribute for the element. Name is used when submiting HTML forms.
|
|
883
894
|
* Property type: string
|
|
884
895
|
*/
|
|
@@ -1101,7 +1112,7 @@ require('../source/modules/smart.combobox');
|
|
|
1101
1112
|
}
|
|
1102
1113
|
// Gets the properties of the React component.
|
|
1103
1114
|
get properties() {
|
|
1104
|
-
return ["autoCloseDelay", "autoComplete", "autoCompleteDelay", "autoOpenShortcutKey", "dataSource", "disabled", "displayLoadingIndicator", "displayMember", "dropDownAppendTo", "dropDownButtonPosition", "dropDownHeight", "dropDownMaxHeight", "dropDownMaxWidth", "dropDownMinHeight", "dropDownMinWidth", "dropDownOpenMode", "dropDownOverlay", "dropDownPlaceholder", "dropDownPosition", "dropDownWidth", "escKeyMode", "filterable", "filterInputPlaceholder", "filterMode", "grouped", "groupMember", "hint", "horizontalScrollBarVisibility", "inputMember", "inputPurpose", "incrementalSearchDelay", "incrementalSearchMode", "itemHeight", "itemMeasureMode", "items", "itemTemplate", "label", "loadingIndicatorPlaceholder", "loadingIndicatorPosition", "locale", "localizeFormatFunction", "messages", "minLength", "name", "opened", "placeholder", "readonly", "rightToLeft", "resizeIndicator", "resizeMode", "selectionDisplayMode", "selectedIndexes", "selectedValues", "selectionMode", "sorted", "sortDirection", "theme", "tokenTemplate", "unfocusable", "value", "valueMember", "verticalScrollBarVisibility", "virtualized"];
|
|
1115
|
+
return ["autoCloseDelay", "autoComplete", "autoCompleteDelay", "autoOpenShortcutKey", "dataSource", "disabled", "displayLoadingIndicator", "displayMember", "dropDownAppendTo", "dropDownButtonPosition", "dropDownHeight", "dropDownMaxHeight", "dropDownMaxWidth", "dropDownMinHeight", "dropDownMinWidth", "dropDownOpenMode", "dropDownOverlay", "dropDownPlaceholder", "dropDownPosition", "dropDownWidth", "escKeyMode", "filterable", "filterInputPlaceholder", "filterMode", "grouped", "groupMember", "hint", "horizontalScrollBarVisibility", "inputMember", "inputPurpose", "incrementalSearchDelay", "incrementalSearchMode", "itemHeight", "itemMeasureMode", "items", "itemTemplate", "label", "loadingIndicatorPlaceholder", "loadingIndicatorPosition", "locale", "localizeFormatFunction", "messages", "minLength", "maxLength", "name", "opened", "placeholder", "readonly", "rightToLeft", "resizeIndicator", "resizeMode", "selectionDisplayMode", "selectedIndexes", "selectedValues", "selectionMode", "sorted", "sortDirection", "theme", "tokenTemplate", "unfocusable", "value", "valueMember", "verticalScrollBarVisibility", "virtualized"];
|
|
1105
1116
|
}
|
|
1106
1117
|
// Gets the events of the React component.
|
|
1107
1118
|
get eventListeners() {
|
package/grid/grid.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { GridProperties } from "./../index";
|
|
3
3
|
import { Scrolling, GridAppearance, GridBehavior, GridLayout, GridClipboard, GridColumn, GridColumnMenu, GridColumnGroup, GridConditionalFormatting, GridCharting, GridCheckBoxes, GridDataExport, GridDataSourceSettings, GridEditing, GridFiltering, GridGrouping, GridPaging, GridPager, GridRowDetail, GridColumnHeader, GridSummaryRow, GridGroupHeader, GridHeader, GridFooter, GridRow, GridCell, GridSelection, GridSorting } from './../index';
|
|
4
4
|
export { GridProperties } from "./../index";
|
|
5
|
-
export { GridAppearanceAutoGenerateRowLabelMode, GridAppearanceAutoGenerateColumnLabelMode, GridResizeMode, GridClipboardAutoFillMode, HorizontalAlignment, VerticalAlignment, Position, GridColumnFilterMenuMode, GridColumnSortOrder, GridConditionalFormattingCondition, GridDataExportPageOrientation, GridDataSourceSettingsSanitizeHTML, GridDataSourceSettingsDataFieldDataType, GridDataSourceSettingsDataSourceType, GridEditingAction, LayoutPosition, GridCommandDisplayMode, GridEditingMode, GridEditingAddNewRowDisplayMode, GridFilteringFilterRowApplyMode, GridFilteringFilterMenuMode, GridGroupingExpandMode, GridGroupingRenderMode, GridPagerAutoEllipsis, Scrolling, GridSelectionMode, GridSelectionAction, GridSelectionCheckBoxesSelectAllMode, GridSortingMode, GridAppearance, GridBehavior, GridLayout, GridClipboard, GridColumn, GridColumnMenu, GridColumnMenuDataSource, GridCommand, GridColumnGroup, GridConditionalFormatting, GridCharting, Dialog, GridCheckBoxes, GridDataExport, GridDataSourceSettings, GridDataSourceSettingsDataField, GridEditing, GridEditingCommandKeys, GridCommandKey, GridEditingCommandBar, GridEditingCommandBarDataSource, GridEditingCommandColumn, GridEditingCommandColumnDataSource, GridEditingAddNewRow, GridEditingAddNewColumn, GridFiltering, GridFilteringFilterRow, GridFilteringFilterMenu, GridFilteringFilterBuilder, GridGrouping, GridGroupingGroupBar, GridGroupingSummaryRow, GridPaging, GridPagingSpinner, GridPager, GridPagerPageSizeSelector, GridPagerSummary, GridPagerNavigationButtons, GridPagerNavigationButtonsPrevNextButtons, GridPagerNavigationButtonsFirstLastButtons, GridPagerNavigationButtonsLabels, GridPagerNavigationInput, GridPagerPageIndexSelectors, GridRowDetail, GridColumnHeader, GridSummaryRow, GridGroupHeader, GridHeader, GridFooter, GridRow, GridCell, GridSelection, GridSelectionCheckBoxes, GridSorting } from './../index';
|
|
5
|
+
export { GridAppearanceAutoGenerateRowLabelMode, GridAppearanceAutoGenerateColumnLabelMode, GridResizeMode, GridClipboardAutoFillMode, HorizontalAlignment, VerticalAlignment, Position, GridColumnFilterMenuMode, GridColumnSortOrder, GridConditionalFormattingCondition, GridDataExportPageOrientation, GridDataSourceSettingsSanitizeHTML, GridDataSourceSettingsDataFieldDataType, GridDataSourceSettingsDataSourceType, GridEditingAction, LayoutPosition, GridCommandDisplayMode, GridEditingMode, GridEditingAddNewRowDisplayMode, GridFilteringFilterRowApplyMode, GridFilteringFilterMenuMode, GridGroupingExpandMode, GridGroupingRenderMode, GridPagerAutoEllipsis, Scrolling, GridSelectionMode, GridSelectionAction, GridSelectionCheckBoxesSelectAllMode, GridSortingMode, GridAppearance, GridBehavior, GridLayout, GridClipboard, GridColumn, GridColumnFormatSettings, GridColumnMenu, GridColumnMenuDataSource, GridCommand, GridColumnGroup, GridConditionalFormatting, GridCharting, Dialog, GridCheckBoxes, GridDataExport, GridDataSourceSettings, GridDataSourceSettingsDataField, GridEditing, GridEditingCommandKeys, GridCommandKey, GridEditingCommandBar, GridEditingCommandBarDataSource, GridEditingCommandColumn, GridEditingCommandColumnDataSource, GridEditingAddNewRow, GridEditingAddNewColumn, GridFiltering, GridFilteringFilterRow, GridFilteringFilterMenu, GridFilteringFilterBuilder, GridGrouping, GridGroupingGroupBar, GridGroupingSummaryRow, GridPaging, GridPagingSpinner, GridPager, GridPagerPageSizeSelector, GridPagerSummary, GridPagerNavigationButtons, GridPagerNavigationButtonsPrevNextButtons, GridPagerNavigationButtonsFirstLastButtons, GridPagerNavigationButtonsLabels, GridPagerNavigationInput, GridPagerPageIndexSelectors, GridRowDetail, GridColumnHeader, GridSummaryRow, GridGroupHeader, GridHeader, GridFooter, GridRow, GridCell, GridSelection, GridSelectionCheckBoxes, GridSorting } from './../index';
|
|
6
6
|
export { DataAdapter, Chart } from './../index';
|
|
7
7
|
export declare const Smart: any;
|
|
8
8
|
export interface GridProps extends GridProperties {
|
|
@@ -161,7 +161,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
161
161
|
set onCellValue(value: {
|
|
162
162
|
(cell: GridCell): void;
|
|
163
163
|
});
|
|
164
|
-
/**
|
|
164
|
+
/** Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
|
|
165
165
|
* Property type: {(cells: GridCell[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
|
|
166
166
|
*/
|
|
167
167
|
get onCellUpdate(): {
|
|
@@ -174,7 +174,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
174
174
|
(commit: boolean): void;
|
|
175
175
|
}): void;
|
|
176
176
|
});
|
|
177
|
-
/** Sets
|
|
177
|
+
/** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
|
|
178
178
|
* Property type: {(cell: GridCell): void}
|
|
179
179
|
*/
|
|
180
180
|
get onCellRender(): {
|
|
@@ -183,7 +183,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
183
183
|
set onCellRender(value: {
|
|
184
184
|
(cell: GridCell): void;
|
|
185
185
|
});
|
|
186
|
-
/**
|
|
186
|
+
/** Describes the paging settings.
|
|
187
187
|
* Property type: {(): void}
|
|
188
188
|
*/
|
|
189
189
|
get onBeforeInit(): {
|
|
@@ -192,7 +192,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
192
192
|
set onBeforeInit(value: {
|
|
193
193
|
(): void;
|
|
194
194
|
});
|
|
195
|
-
/** Describes the
|
|
195
|
+
/** Describes the pager settings.
|
|
196
196
|
* Property type: {(): void}
|
|
197
197
|
*/
|
|
198
198
|
get onInit(): {
|
|
@@ -201,7 +201,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
201
201
|
set onInit(value: {
|
|
202
202
|
(): void;
|
|
203
203
|
});
|
|
204
|
-
/**
|
|
204
|
+
/** Sets the row details.
|
|
205
205
|
* Property type: {(): void}
|
|
206
206
|
*/
|
|
207
207
|
get onAfterInit(): {
|
|
@@ -210,17 +210,21 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
210
210
|
set onAfterInit(value: {
|
|
211
211
|
(): void;
|
|
212
212
|
});
|
|
213
|
-
/** Sets the
|
|
213
|
+
/** Sets the scroll mode settings.
|
|
214
214
|
* Property type: any
|
|
215
215
|
*/
|
|
216
216
|
get onChartInit(): any;
|
|
217
217
|
set onChartInit(value: any);
|
|
218
|
-
/** Sets the scroll mode settings.
|
|
219
|
-
* Property type: any
|
|
220
|
-
*/
|
|
221
|
-
get onRender(): any;
|
|
222
|
-
set onRender(value: any);
|
|
223
218
|
/** Describes the column header settings.
|
|
219
|
+
* Property type: {(): void}
|
|
220
|
+
*/
|
|
221
|
+
get onRender(): {
|
|
222
|
+
(): void;
|
|
223
|
+
};
|
|
224
|
+
set onRender(value: {
|
|
225
|
+
(): void;
|
|
226
|
+
});
|
|
227
|
+
/** Describes the summary row settings.
|
|
224
228
|
* Property type: {(event: KeyboardEvent): void}
|
|
225
229
|
*/
|
|
226
230
|
get onKey(): {
|
|
@@ -229,7 +233,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
229
233
|
set onKey(value: {
|
|
230
234
|
(event: KeyboardEvent): void;
|
|
231
235
|
});
|
|
232
|
-
/** Describes the
|
|
236
|
+
/** Describes the settings for the group header.
|
|
233
237
|
* Property type: {(index: number, row: GridRow): void}
|
|
234
238
|
*/
|
|
235
239
|
get onRowInit(): {
|
|
@@ -238,7 +242,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
238
242
|
set onRowInit(value: {
|
|
239
243
|
(index: number, row: GridRow): void;
|
|
240
244
|
});
|
|
241
|
-
/** Describes the settings
|
|
245
|
+
/** Describes the header settings of the grid.
|
|
242
246
|
* Property type: {(index: number, row: GridRow, details: HTMLElement): void}
|
|
243
247
|
*/
|
|
244
248
|
get onRowDetailInit(): {
|
|
@@ -247,7 +251,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
247
251
|
set onRowDetailInit(value: {
|
|
248
252
|
(index: number, row: GridRow, details: HTMLElement): void;
|
|
249
253
|
});
|
|
250
|
-
/** Describes the
|
|
254
|
+
/** Describes the footer settings of the grid.
|
|
251
255
|
* Property type: {(index: number, row: GridRow, details: HTMLElement): void}
|
|
252
256
|
*/
|
|
253
257
|
get onRowDetailUpdated(): {
|
|
@@ -256,7 +260,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
256
260
|
set onRowDetailUpdated(value: {
|
|
257
261
|
(index: number, row: GridRow, details: HTMLElement): void;
|
|
258
262
|
});
|
|
259
|
-
/**
|
|
263
|
+
/** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
|
|
260
264
|
* Property type: {(index: number[], row: GridRow[]): void}
|
|
261
265
|
*/
|
|
262
266
|
get onRowInserted(): {
|
|
@@ -265,7 +269,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
265
269
|
set onRowInserted(value: {
|
|
266
270
|
(index: number[], row: GridRow[]): void;
|
|
267
271
|
});
|
|
268
|
-
/**
|
|
272
|
+
/** The rows property is used to describe all rows displayed in the grid.
|
|
269
273
|
* Property type: {(indexes: number[], rows: GridRow[]): void}
|
|
270
274
|
*/
|
|
271
275
|
get onRowRemoved(): {
|
|
@@ -274,7 +278,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
274
278
|
set onRowRemoved(value: {
|
|
275
279
|
(indexes: number[], rows: GridRow[]): void;
|
|
276
280
|
});
|
|
277
|
-
/**
|
|
281
|
+
/** Describes the selection settings.
|
|
278
282
|
* Property type: {(index: number[], row: GridRow[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
|
|
279
283
|
*/
|
|
280
284
|
get onRowUpdate(): {
|
|
@@ -287,7 +291,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
287
291
|
(commit: boolean): void;
|
|
288
292
|
}): void;
|
|
289
293
|
});
|
|
290
|
-
/** Describes
|
|
294
|
+
/** Describes sorting settings.
|
|
291
295
|
* Property type: {(index: number[], row: GridRow[]): void}
|
|
292
296
|
*/
|
|
293
297
|
get onRowUpdated(): {
|
|
@@ -296,7 +300,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
296
300
|
set onRowUpdated(value: {
|
|
297
301
|
(index: number[], row: GridRow[]): void;
|
|
298
302
|
});
|
|
299
|
-
/**
|
|
303
|
+
/** undefined
|
|
300
304
|
* Property type: {(index: number, column: GridColumn): void}
|
|
301
305
|
*/
|
|
302
306
|
get onColumnInit(): {
|
|
@@ -417,7 +421,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
417
421
|
get sorting(): GridSorting;
|
|
418
422
|
set sorting(value: GridSorting);
|
|
419
423
|
get properties(): string[];
|
|
420
|
-
/** This event is triggered, when the edit begins.
|
|
424
|
+
/** This event is triggered, when the edit begins. After the event occurs, editing starts. If you need to prevent the editing for specific cells, rows or columns, you can call event.preventDefault();.
|
|
421
425
|
* @param event. The custom event. Custom event was created with: event.detail( id, dataField, row, column, cell)
|
|
422
426
|
* id - The edited row id.
|
|
423
427
|
* dataField - The edited column data field.
|
|
@@ -698,9 +702,11 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
698
702
|
/** Adds a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
699
703
|
* @param {any} data. row data matching the data source
|
|
700
704
|
* @param {boolean} insertAtBottom?. Determines whether to add the new row to the bottom or top of the collection. The default value is 'true'
|
|
701
|
-
* @param {
|
|
705
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
|
|
702
706
|
*/
|
|
703
|
-
addRow(data: any, insertAtBottom?: boolean, callback?:
|
|
707
|
+
addRow(data: any, insertAtBottom?: boolean, callback?: {
|
|
708
|
+
(row: GridRow): void;
|
|
709
|
+
}): void;
|
|
704
710
|
/** Adds a new row and puts it into edit mode. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
705
711
|
* @param {string} position?. 'near' or 'far'
|
|
706
712
|
* @returns {boolean}
|
|
@@ -717,7 +723,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
717
723
|
* @returns {boolean}
|
|
718
724
|
*/
|
|
719
725
|
addUnboundRow(count: number, position?: string): Promise<any>;
|
|
720
|
-
/** Adds a filter to a column. This method will apply a filter to the Grid data.
|
|
726
|
+
/** Adds a filter to a column. This method will apply a filter to the Grid data. Example for adding multiple filters to a column: grid.addFilter('lastName', ['CONTAINS "burke"', 'or', 'CONTAINS "peterson"']). Example for adding single filter to a column: grid.addFilter('lastName', 'CONTAINS "burke"'). Example for adding numeric filter: grid.addFilter('quantity', '<= 5')
|
|
721
727
|
* @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
|
|
722
728
|
* @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3: ['quantity', '<= 3 and >= 8']. Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
|
|
723
729
|
* @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
|
|
@@ -792,9 +798,11 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
792
798
|
createChart(type: string, dataSource?: any): void;
|
|
793
799
|
/** Delete a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
794
800
|
* @param {string | number} rowId. row bound id
|
|
795
|
-
* @param {
|
|
801
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
|
|
796
802
|
*/
|
|
797
|
-
deleteRow(rowId: string | number, callback?:
|
|
803
|
+
deleteRow(rowId: string | number, callback?: {
|
|
804
|
+
(row: GridRow): void;
|
|
805
|
+
}): void;
|
|
798
806
|
/** Scrolls to a row or cell. This method scrolls to a row or cell, when scrolling is necessary. If pagination is enabled, it will automatically change the page.
|
|
799
807
|
* @param {string | number} rowId. row bound id
|
|
800
808
|
* @param {string} dataField?. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
|
|
@@ -867,10 +875,18 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
867
875
|
* @returns {any}
|
|
868
876
|
*/
|
|
869
877
|
getSelection(): Promise<any>;
|
|
870
|
-
/** Gets the
|
|
878
|
+
/** Gets an Array where each item is an Array of row id and row data. If the Grid is used in virtual mode, the row data parameter is empty object, because the data is loaded on demand.
|
|
871
879
|
* @returns {any[]}
|
|
872
880
|
*/
|
|
873
881
|
getSelectedRows(): Promise<any>;
|
|
882
|
+
/** Gets the selected row ids.
|
|
883
|
+
* @returns {any[]}
|
|
884
|
+
*/
|
|
885
|
+
getSelectedRowIds(): Promise<any>;
|
|
886
|
+
/** Gets the selected row indexes.
|
|
887
|
+
* @returns {any[]}
|
|
888
|
+
*/
|
|
889
|
+
getSelectedRowIndexes(): Promise<any>;
|
|
874
890
|
/** Gets the selected cells. The method returns an array of cell. Each cell is an array with row id, column data field and cell value.
|
|
875
891
|
* @returns {any[]}
|
|
876
892
|
*/
|
|
@@ -920,7 +936,7 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
920
936
|
getRowData(rowId: string | number): Promise<any>;
|
|
921
937
|
/** Gets the Row's id.
|
|
922
938
|
* @param {number} rowIndex. row index
|
|
923
|
-
* @returns {
|
|
939
|
+
* @returns {string | number}
|
|
924
940
|
*/
|
|
925
941
|
getRowId(rowIndex: number): Promise<any>;
|
|
926
942
|
/** Gets whether a column's drop-down menu is opened.
|
|
@@ -953,9 +969,11 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
953
969
|
/** Inserts a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
954
970
|
* @param {any} data. row data matching the data source
|
|
955
971
|
* @param {number} index?. Determines the insert index. The default value is the last index.
|
|
956
|
-
* @param {
|
|
972
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
|
|
957
973
|
*/
|
|
958
|
-
insertRow(data: any, index?: number, callback?:
|
|
974
|
+
insertRow(data: any, index?: number, callback?: {
|
|
975
|
+
(row: GridRow): void;
|
|
976
|
+
}): void;
|
|
959
977
|
/** Opens a column drop-down menu.
|
|
960
978
|
* @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
|
|
961
979
|
*/
|
|
@@ -1055,15 +1073,31 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
1055
1073
|
setRowProperty(rowId: string | number, propertyName: string, value: any): void;
|
|
1056
1074
|
/** Sets a property to a row.
|
|
1057
1075
|
* @param {string | number} rowId. row bound id
|
|
1058
|
-
* @param {
|
|
1059
|
-
*/
|
|
1060
|
-
setRowStyle(rowId: string | number, rowStyle:
|
|
1076
|
+
* @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
|
|
1077
|
+
*/
|
|
1078
|
+
setRowStyle(rowId: string | number, rowStyle: {
|
|
1079
|
+
background?: string;
|
|
1080
|
+
color?: string;
|
|
1081
|
+
fontSize?: string;
|
|
1082
|
+
fontFamily?: string;
|
|
1083
|
+
textDecoration?: string;
|
|
1084
|
+
fontStyle?: string;
|
|
1085
|
+
fontWeight?: string;
|
|
1086
|
+
}): void;
|
|
1061
1087
|
/** Sets a style to a row.
|
|
1062
1088
|
* @param {string | number} rowId. row bound id
|
|
1063
1089
|
* @param {string} dataField. Column bound field name.
|
|
1064
|
-
* @param {
|
|
1065
|
-
*/
|
|
1066
|
-
setCellStyle(rowId: string | number, dataField: string, rowStyle:
|
|
1090
|
+
* @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
|
|
1091
|
+
*/
|
|
1092
|
+
setCellStyle(rowId: string | number, dataField: string, rowStyle: {
|
|
1093
|
+
background?: string;
|
|
1094
|
+
color?: string;
|
|
1095
|
+
fontSize?: string;
|
|
1096
|
+
fontFamily?: string;
|
|
1097
|
+
textDecoration?: string;
|
|
1098
|
+
fontStyle?: string;
|
|
1099
|
+
fontWeight?: string;
|
|
1100
|
+
}): void;
|
|
1067
1101
|
/** Sets a style to a row.
|
|
1068
1102
|
* @param {number} value. The new scroll position
|
|
1069
1103
|
*/
|
|
@@ -1079,9 +1113,11 @@ export declare class Grid extends React.Component<React.HTMLAttributes<Element>
|
|
|
1079
1113
|
/** Shows the Details of a Row, when row details are enabled.
|
|
1080
1114
|
* @param {string | number} rowId. row bound id
|
|
1081
1115
|
* @param {any} data. row data matching the data source
|
|
1082
|
-
* @param {
|
|
1116
|
+
* @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
|
|
1083
1117
|
*/
|
|
1084
|
-
updateRow(rowId: string | number, data: any, callback?:
|
|
1118
|
+
updateRow(rowId: string | number, data: any, callback?: {
|
|
1119
|
+
(row: GridRow): void;
|
|
1120
|
+
}): void;
|
|
1085
1121
|
/** Updates a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
|
|
1086
1122
|
* @param {string | number} rowId. row bound id
|
|
1087
1123
|
* @param {string} dataField?. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
|