diff options
Diffstat (limited to 'kvision-modules')
8 files changed, 2485 insertions, 0 deletions
diff --git a/kvision-modules/kvision-tabulator/build.gradle b/kvision-modules/kvision-tabulator/build.gradle new file mode 100644 index 00000000..d461e542 --- /dev/null +++ b/kvision-modules/kvision-tabulator/build.gradle @@ -0,0 +1,17 @@ +apply from: "../shared.gradle" + +dependencies { + compile "pl.treksoft:kotlin-observable-js:$kotlinObservableVersion" + compile project(":kvision-modules:kvision-redux") +} + +kotlinFrontend { + + npm { + dependency("tabulator-tables", "4.2.5") + devDependency("karma", "3.1.4") + devDependency("karma-chrome-launcher", "2.2.0") + devDependency("qunit", "2.8.0") + } + +} diff --git a/kvision-modules/kvision-tabulator/package.json.d/project.info b/kvision-modules/kvision-tabulator/package.json.d/project.info new file mode 100644 index 00000000..19e574ef --- /dev/null +++ b/kvision-modules/kvision-tabulator/package.json.d/project.info @@ -0,0 +1,3 @@ +{ + "description": "KVision Tabulator module" +} diff --git a/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/KVManagerTabulator.kt b/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/KVManagerTabulator.kt new file mode 100644 index 00000000..ebd1b9f7 --- /dev/null +++ b/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/KVManagerTabulator.kt @@ -0,0 +1,47 @@ +/* + * Copyright (c) 2017-present Robert Jaros + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ +package pl.treksoft.kvision + +internal val kVManagerTabulatorInit = KVManagerTabulator.init() + +/** + * Internal singleton object which initializes and configures KVision Tabulator module. + */ +@Suppress("EmptyCatchBlock", "TooGenericExceptionCaught") +internal object KVManagerTabulator { + fun init() {} + + private val tabulatorCss = try { + require("tabulator-tables/dist/css/bootstrap/tabulator_bootstrap.min.css") + } catch (e: Throwable) { + } + + private val tabulator = try { + require("tabulator-tables/dist/js/tabulator.min.js") + } catch (e: Throwable) { + } + + @Suppress("UnsafeCastFromDynamic") + fun getConstructor(): Any { + return tabulator + } +} diff --git a/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/Options.kt b/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/Options.kt new file mode 100644 index 00000000..c00af9cb --- /dev/null +++ b/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/Options.kt @@ -0,0 +1,727 @@ +/* + * Copyright (c) 2017-present Robert Jaros + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +package pl.treksoft.kvision.tabulator + +import pl.treksoft.kvision.tabulator.js.Tabulator +import pl.treksoft.kvision.utils.obj +import kotlin.js.Promise + +/** + * Tooltip generation mode. + */ +enum class TooltipGenerationMode(internal val mode: String) { + LOAD("load"), + HOVER("hover") +} + +/** + * Column align. + */ +enum class Align(internal val align: String) { + LEFT("left"), + CENTER("center"), + RIGHT("right") +} + +/** + * Built-in sorters. + */ +enum class Sorter(internal val sorter: String) { + STRING("string"), + NUMBER("number"), + ALPHANUM("alphanum"), + BOOLEAN("boolean"), + EXISTS("exists"), + DATE("date"), + TIME("time"), + DATETIME("datetime"), + ARRAY("array") +} + +/** + * Built-in formatters. + */ +enum class Formatter(internal val formatter: String) { + PLAINTEXT("plaintext"), + TEXTAREA("textarea"), + HTML("html"), + MONEY("money"), + IMAGE("image"), + LINK("link"), + DATETIME("datetime"), + DATETIMEDIFF("datetimediff"), + TICKCROSS("tickCross"), + COLOR("color"), + STAR("star"), + TRAFFIC("traffic"), + PROGRESS("progress"), + LOOKUP("lookup"), + BUTTONTICK("buttonTick"), + BUTTONCROSS("buttonCross"), + ROWNUM("rownum"), + HANDLE("handle") +} + +/** + * Built-in editors. + */ +enum class Editor(internal val editor: String) { + INPUT("input"), + TEXTAREA("textarea"), + NUMBER("number"), + RANGE("range"), + TICK("tick"), + STAR("star"), + SELECT("select"), + AUTOCOMPLETE("autocomplete") +} + +/** + * Built-in validators. + */ +enum class Validator(internal val validator: String) { + REQUIRED("required"), + UNIQUE("unique"), + INTEGER("integer"), + FLOAT("float"), + NUMERIC("numeric"), + STRING("string"), + MIN("min"), + MAX("max"), + MINLENGTH("minLength"), + MAXLENGTH("maxLength"), + IN("in"), + REGEX("regex") +} + +/** + * Built-in calc functions. + */ +enum class Calc(internal val calc: String) { + AVG("avg"), + MAX("max"), + MIN("min"), + SUM("sum"), + CONCAT("concat"), + COUNT("count") +} + +/** + * Sorting directions. + */ +enum class SortingDir(internal val dir: String) { + ASC("asc"), + DESC("desc") +} + +/** + * Filters. + */ +enum class Filter(internal val filter: String) { + EQUAL("="), + NOTEQUAL("!="), + LIKE("like"), + LESS("<"), + LESSEQ("<="), + GREATER(">"), + GREATEREQ(">="), + IN("in"), + REGEX("regex") +} + +/** + * Table layouts. + */ +enum class Layout(internal val layout: String) { + FITDATA("fitData"), + FITDATAFILL("fitDataFill"), + FITCOLUMNS("fitColumns") +} + +/** + * Responsive layout modes. + */ +enum class ResponsiveLayout(internal val layout: String) { + HIDE("hide"), + COLLAPSE("collapse") +} + +/** + * Column positions. + */ +enum class ColumnPosition(internal val position: String) { + MIDDLE("middle"), + LEFT("left"), + RIGHT("right") +} + +/** + * Row scroll positions . + */ +enum class RowPosition(internal val position: String) { + BOTTOM("bottom"), + TOP("top"), + CENTER("center"), + NEAREST("nearest") +} + +/** + * Row positions. + */ +enum class RowPos(internal val position: String) { + BOTTOM("bottom"), + TOP("top") +} + +/** + * Range select modes. + */ +enum class RangeMode(internal val mode: String) { + CLICK("click") +} + +/** + * Progressive modes. + */ +enum class ProgressiveMode(internal val mode: String) { + LOAD("load"), + SCROLL("scroll") +} + +/** + * Pagination modes. + */ +enum class PaginationMode(internal val mode: String) { + LOCAL("local"), + REMOTE("remote") +} + +/** + * Add row modes. + */ +enum class AddRowMode(internal val mode: String) { + TABLE("table"), + PAGE("page") +} + +/** + * Download config options. + */ +data class DownloadConfig( + val columnGroups: Boolean? = null, + val rowGroups: Boolean? = null, + val columnCalcs: Boolean? = null +) + +/** + * An extension function to convert download config class to JS object. + */ +@Suppress("UNCHECKED_CAST_TO_EXTERNAL_INTERFACE") +fun DownloadConfig.toJs(): Tabulator.DownloadConfig { + return obj { + if (columnGroups != null) this.columnGroups = columnGroups + if (rowGroups != null) this.rowGroups = rowGroups + if (columnCalcs != null) this.columnCalcs = columnCalcs + } as Tabulator.DownloadConfig +} + +/** + * Column definition options. + */ +data class ColumnDefinition( + val title: String, + val field: String? = null, + val visible: Boolean? = null, + val align: Align? = null, + val width: String? = null, + val minWidth: Int? = null, + val widthGrow: Int? = null, + val widthShrink: Int? = null, + val resizable: Boolean? = null, + val frozen: Boolean? = null, + val responsive: Int? = null, + val tooltip: ((cell: Tabulator.CellComponent) -> String)? = null, + val cssClass: String? = null, + val rowHandle: Boolean? = null, + val hideInHtml: Boolean? = null, + val sorter: Sorter? = null, + val sorterParams: dynamic = null, + val formatter: Formatter? = null, + val formatterFunction: (( + cell: Tabulator.CellComponent, formatterParams: dynamic, + onRendered: (callback: () -> Unit) -> Unit + ) -> dynamic)? = null, + val formatterParams: dynamic = null, + val variableHeight: Boolean? = null, + val editable: ((cell: Tabulator.CellComponent) -> Boolean)? = null, + val editor: Editor? = null, + val editorParams: dynamic = null, + val validator: Validator? = null, + val validatorParams: String? = null, + val download: Boolean? = null, + val downloadTitle: String? = null, + val topCalc: Calc? = null, + val topCalcParams: dynamic = null, + val topCalcFormatter: Formatter? = null, + val topCalcFormatterParams: dynamic = null, + val bottomCalc: Calc? = null, + val bottomCalcParams: dynamic = null, + val bottomCalcFormatter: Formatter? = null, + val bottomCalcFormatterParams: dynamic = null, + val headerSort: Boolean? = null, + val headerSortStartingDir: SortingDir? = null, + val headerSortTristate: Boolean? = null, + val headerClick: ((e: dynamic, column: Tabulator.ColumnComponent) -> Unit)? = null, + val headerDblClick: ((e: dynamic, column: Tabulator.ColumnComponent) -> Unit)? = null, + val headerContext: ((e: dynamic, column: Tabulator.ColumnComponent) -> Unit)? = null, + val headerTap: ((e: dynamic, column: Tabulator.ColumnComponent) -> Unit)? = null, + val headerDblTap: ((e: dynamic, column: Tabulator.ColumnComponent) -> Unit)? = null, + val headerTapHold: ((e: dynamic, column: Tabulator.ColumnComponent) -> Unit)? = null, + val headerTooltip: ((column: Tabulator.ColumnComponent) -> String)? = null, + val headerVertical: Boolean? = null, + val editableTitle: Boolean? = null, + val titleFormatter: Formatter? = null, + val titleFormatterParams: dynamic = null, + val headerFilter: Editor? = null, + val headerFilterParams: dynamic = null, + val headerFilterPlaceholder: String? = null, + val headerFilterEmptyCheck: ((value: Any) -> Boolean)? = null, + val headerFilterFunc: Filter? = null, + val headerFilterFuncParams: dynamic = null, + val headerFilterLiveFilter: Boolean? = null, + val cellClick: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellDblClick: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellContext: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellTap: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellDblTap: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellTapHold: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellMouseEnter: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellMouseLeave: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellMouseOver: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellMouseOut: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellMouseMove: ((e: dynamic, cell: Tabulator.CellComponent) -> Unit)? = null, + val cellEditing: ((cell: Tabulator.CellComponent) -> Unit)? = null, + val cellEdited: ((cell: Tabulator.CellComponent) -> Unit)? = null, + val cellEditCancelled: ((cell: Tabulator.CellComponent) -> Unit)? = null +) + +/** + * An extension function to convert column definition class to JS object. + */ +@Suppress("UNCHECKED_CAST_TO_EXTERNAL_INTERFACE", "ComplexMethod") +fun ColumnDefinition.toJs(i18nTranslator: (String) -> (String)): Tabulator.ColumnDefinition { + return obj { + this.title = i18nTranslator(title) + if (field != null) this.field = field + if (visible != null) this.visible = visible + if (align != null) this.align = align.align + if (width != null) this.width = width + if (minWidth != null) this.minWidth = minWidth + if (widthGrow != null) this.widthGrow = widthGrow + if (widthShrink != null) this.widthShrink = widthShrink + if (resizable != null) this.resizable = resizable + if (frozen != null) this.frozen = frozen + if (responsive != null) this.responsive = responsive + if (tooltip != null) this.tooltip = tooltip + if (cssClass != null) this.cssClass = cssClass + if (rowHandle != null) this.rowHandle = rowHandle + if (hideInHtml != null) this.hideInHtml = hideInHtml + if (sorter != null) this.sorter = sorter.sorter + if (sorterParams != null) this.sorterParams = sorterParams + if (formatterFunction != null) { + this.formatter = formatterFunction + } else if (formatter != null) { + this.formatter = formatter.formatter + } + if (formatterParams != null) this.formatterParams = formatterParams + if (variableHeight != null) this.variableHeight = variableHeight + if (editable != null) this.editable = editable + if (editor != null) this.editor = editor.editor + if (editorParams != null) this.editorParams = editorParams + if (validator != null) this.validator = validator.validator + if (validatorParams != null) this.validatorParams = validatorParams + if (download != null) this.download = download + if (downloadTitle != null) this.downloadTitle = i18nTranslator(downloadTitle) + if (topCalc != null) this.topCalc = topCalc.calc + if (topCalcParams != null) this.topCalcParams = topCalcParams + if (topCalcFormatter != null) this.topCalcFormatter = topCalcFormatter.formatter + if (topCalcFormatterParams != null) this.topCalcFormatterParams = topCalcFormatterParams + if (bottomCalc != null) this.bottomCalc = bottomCalc.calc + if (bottomCalcParams != null) this.bottomCalcParams = bottomCalcParams + if (bottomCalcFormatter != null) this.bottomCalcFormatter = bottomCalcFormatter.formatter + if (bottomCalcFormatterParams != null) this.bottomCalcFormatterParams = bottomCalcFormatterParams + if (headerSort != null) this.headerSort = headerSort + if (headerSortStartingDir != null) this.headerSortStartingDir = headerSortStartingDir.dir + if (headerSortTristate != null) this.headerSortTristate = headerSortTristate + if (headerClick != null) this.headerClick = headerClick + if (headerDblClick != null) this.headerDblClick = headerDblClick + if (headerContext != null) this.headerContext = headerContext + if (headerTap != null) this.headerTap = headerTap + if (headerDblTap != null) this.headerDblTap = headerDblTap + if (headerTapHold != null) this.headerTapHold = headerTapHold + if (headerTooltip != null) this.headerTooltip = headerTooltip + if (headerVertical != null) this.headerVertical = headerVertical + if (editableTitle != null) this.editableTitle = editableTitle + if (titleFormatter != null) this.titleFormatter = titleFormatter.formatter + if (titleFormatterParams != null) this.titleFormatterParams = titleFormatterParams + if (headerFilter != null) this.headerFilter = headerFilter.editor + if (headerFilterParams != null) this.headerFilterParams = headerFilterParams + if (headerFilterPlaceholder != null) this.headerFilterPlaceholder = i18nTranslator(headerFilterPlaceholder) + if (headerFilterEmptyCheck != null) this.headerFilterEmptyCheck = headerFilterEmptyCheck + if (headerFilterFunc != null) this.headerFilterFunc = headerFilterFunc.filter + if (headerFilterFuncParams != null) this.headerFilterFuncParams = headerFilterFuncParams + if (headerFilterLiveFilter != null) this.headerFilterLiveFilter = headerFilterLiveFilter + if (cellClick != null) this.cellClick = cellClick + if (cellDblClick != null) this.cellDblClick = cellDblClick + if (cellContext != null) this.cellContext = cellContext + if (cellTap != null) this.cellTap = cellTap + if (cellDblTap != null) this.cellDblTap = cellDblTap + if (cellTapHold != null) this.cellTapHold = cellTapHold + if (cellMouseEnter != null) this.cellMouseEnter = cellMouseEnter + if (cellMouseLeave != null) this.cellMouseLeave = cellMouseLeave + if (cellMouseOver != null) this.cellMouseOver = cellMouseOver + if (cellMouseOut != null) this.cellMouseOut = cellMouseOut + if (cellMouseMove != null) this.cellMouseMove = cellMouseMove + if (cellEditing != null) this.cellEditing = cellEditing + if (cellEdited != null) this.cellEdited = cellEdited + if (cellEditCancelled != null) this.cellEditCancelled = cellEditCancelled + } as Tabulator.ColumnDefinition +} + +/** + * Tabulator options. + */ +data class Options( + val height: String? = null, + val virtualDom: Boolean? = null, + val virtualDomBuffer: Int? = null, + val placeholder: String? = null, + val footerElement: String? = null, + val tooltips: ((cell: Tabulator.CellComponent) -> String)? = null, + val tooltipGenerationMode: TooltipGenerationMode? = null, + val history: Boolean? = null, + val keybindings: dynamic = null, + val downloadDataFormatter: dynamic = null, + val downloadConfig: DownloadConfig? = null, + val reactiveData: Boolean? = null, + val autoResize: Boolean? = null, + val columns: List<ColumnDefinition>? = null, + val autoColumns: Boolean? = null, + val layout: Layout? = null, + val layoutColumnsOnNewData: Boolean? = null, + val responsiveLayout: ResponsiveLayout? = null, + val responsiveLayoutCollapseStartOpen: Boolean? = null, + val responsiveLayoutCollapseUseFormatters: Boolean? = null, + val columnMinWidth: Int? = null, + val resizableColumns: Boolean? = null, + val movableColumns: Boolean? = null, + val tooltipsHeader: Boolean? = null, + val headerFilterPlaceholder: String? = null, + val scrollToColumnPosition: ColumnPosition? = null, + val scrollToColumnIfVisible: Boolean? = null, + val rowFormatter: ((row: Tabulator.RowComponent) -> Unit)? = null, + val addRowPos: RowPos? = null, + val selectable: dynamic = null, + val selectableRangeMode: RangeMode? = null, + val selectableRollingSelection: Boolean? = null, + val selectablePersistence: Boolean? = null, + val selectableCheck: ((row: Tabulator.RowComponent) -> Boolean)? = null, + val movableRows: Boolean? = null, + val movableRowsConnectedTables: dynamic = null, + val movableRowsSender: dynamic = null, + val movableRowsReceiver: dynamic = null, + val resizableRows: Boolean? = null, + val scrollToRowPosition: RowPosition? = null, + val scrollToRowIfVisible: Boolean? = null, + val index: String? = null, + @Suppress("ArrayInDataClass") var data: Array<dynamic>? = null, + val ajaxURL: String? = null, + val ajaxParams: dynamic = null, + val ajaxConfig: dynamic = null, + val ajaxContentType: dynamic = null, + val ajaxURLGenerator: ((url: String, config: dynamic, params: dynamic) -> String)? = null, + val ajaxRequestFunc: ((url: String, config: dynamic, params: dynamic) -> Promise<Any>)? = null, + val ajaxFiltering: Boolean? = null, + val ajaxSorting: Boolean? = null, + val ajaxProgressiveLoad: ProgressiveMode? = null, + val ajaxProgressiveLoadDelay: Int? = null, + val ajaxProgressiveLoadScrollMargin: Int? = null, + val ajaxLoader: Boolean? = null, + val ajaxLoaderLoading: String? = null, + val ajaxLoaderError: String? = null, + val initialSort: List<Tabulator.Sorter>? = null, + val sortOrderReverse: Boolean? = null, + val initialFilter: List<Tabulator.Filter>? = null, + val initialHeaderFilter: List<Any?>? = null, + val pagination: PaginationMode? = null, + val paginationSize: Int? = null, + val paginationSizeSelector: Boolean? = null, + val paginationElement: dynamic = null, + val paginationDataReceived: dynamic = null, + val paginationDataSent: dynamic = null, + val paginationAddRow: AddRowMode? = null, + val paginationButtonCount: Int? = null, + var persistenceID: String? = null, + var persistenceMode: Boolean? = null, + var persistentLayout: Boolean? = null, + var persistentSort: Boolean? = null, + var persistentFilter: Boolean? = null, + val locale: String? = null, + var langs: dynamic = null, + val localized: ((locale: String, lang: dynamic) -> Unit)? = null, + val dataTreeRowExpanded: ((row: Tabulator.RowComponent, level: Number) -> Unit)? = null, + val dataTreeRowCollapsed: ((row: Tabulator.RowComponent, level: Number) -> Unit)? = null, + val movableRowsSendingStart: ((toTables: Array<Any>) -> Unit)? = null, + val movableRowsSent: (( + fromRow: Tabulator.RowComponent, + toRow: Tabulator.RowComponent, toTable: Tabulator + ) -> Unit)? = null, + val movableRowsSentFailed: (( + fromRow: Tabulator.RowComponent, + toRow: Tabulator.RowComponent, toTable: Tabulator + ) -> Unit)? = null, + val movableRowsSendingStop: ((toTables: Array<Any>) -> Unit)? = null, + val movableRowsReceivingStart: ((fromRow: Tabulator.RowComponent, toTable: Tabulator) -> Unit)? = null, + val movableRowsReceived: (( + fromRow: Tabulator.RowComponent, + toRow: Tabulator.RowComponent, fromTable: Tabulator + ) -> Unit)? = null, + val movableRowsReceivedFailed: (( + fromRow: Tabulator.RowComponent, + toRow: Tabulator.RowComponent, fromTable: Tabulator + ) -> Unit)? = null, + val movableRowsReceivingStop: ((fromTable: Tabulator) -> Unit)? = null, + var rowClick: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowDblClick: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowContext: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowTap: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowDblTap: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowTapHold: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowMouseEnter: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowMouseLeave: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowMouseOver: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowMouseOut: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowMouseMove: ((e: dynamic, row: Tabulator.RowComponent) -> Unit)? = null, + var rowAdded: ((row: Tabulator.RowComponent) -> Unit)? = null, + var rowUpdated: ((row: Tabulator.RowComponent) -> Unit)? = null, + var rowDeleted: ((row: Tabulator.RowComponent) -> Unit)? = null, + var rowMoved: ((row: Tabulator.RowComponent) -> Unit)? = null, + var rowResized: ((row: Tabulator.RowComponent) -> Unit)? = null, + var rowSelectionChanged: ((data: Array<Any>, rows: Array<Tabulator.RowComponent>) -> Unit)? = null, + var rowSelected: ((row: Tabulator.RowComponent) -> Unit)? = null, + var rowDeselected: ((row: Tabulator.RowComponent) -> Unit)? = null, + var cellClick: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellDblClick: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellContext: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellTap: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellDblTap: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellTapHold: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellMouseEnter: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellMouseLeave: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellMouseOver: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellMouseOut: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellMouseMove: ((e: Any, cell: Tabulator.CellComponent) -> Unit)? = null, + var cellEditing: ((cell: Tabulator.CellComponent) -> Unit)? = null, + var cellEdited: ((cell: Tabulator.CellComponent) -> Unit)? = null, + var cellEditCancelled: ((cell: Tabulator.CellComponent) -> Unit)? = null, + var columnMoved: ((column: Tabulator.ColumnComponent, columns: Array<dynamic>) -> Unit)? = null, + var columnResized: ((column: Tabulator.ColumnComponent) -> Unit)? = null, + var columnVisibilityChanged: ((column: Tabulator.ColumnComponent, visible: Boolean) -> Unit)? = null, + var columnTitleChanged: ((column: Tabulator.ColumnComponent) -> Unit)? = null, + var tableBuilding: (() -> Unit)? = null, + var tableBuilt: (() -> Unit)? = null, + var renderStarted: (() -> Unit)? = null, + var renderComplete: (() -> Unit)? = null, + var htmlImporting: (() -> Unit)? = null, + var htmlImported: (() -> Unit)? = null, + var dataLoading: ((data: Any) -> Unit)? = null, + var dataLoaded: ((data: Any) -> Unit)? = null, + var dataEdited: ((data: Any) -> Unit)? = null, + var pageLoaded: ((pageno: Int) -> Unit)? = null, + var dataSorting: ((sorters: Array<Tabulator.Sorter>) -> Unit)? = null, + var dataSorted: ((sorters: Array<Tabulator.Sorter>, rows: Array<Tabulator.RowComponent>) -> Unit)? = null, + var dataFiltering: ((filters: Array<Tabulator.Filter>) -> Unit)? = null, + var dataFiltered: ((filters: Array<Tabulator.Filter>, rows: Array<Tabulator.RowComponent>) -> Unit)? = null, + var validationFailed: ((cell: Tabulator.CellComponent, value: Any, validators: dynamic) -> Unit)? = null, + var ajaxRequesting: ((url: String, params: dynamic) -> Boolean)? = null, + var ajaxResponse: ((url: String, params: dynamic, response: dynamic) -> Any)? = null, + var ajaxError: ((xhr: dynamic, textStatus: String, errorThrown: dynamic) -> Unit)? = null +) + +/** + * An extension function to convert tabulator options class to JS object. + */ +@Suppress("UNCHECKED_CAST_TO_EXTERNAL_INTERFACE", "ComplexMethod") +fun Options.toJs(i18nTranslator: (String) -> (String)): Tabulator.Options { + return obj { + if (height != null) this.height = height + if (virtualDom != null) this.virtualDom = virtualDom + if (virtualDomBuffer != null) this.virtualDomBuffer = virtualDomBuffer + if (placeholder != null) this.placeholder = i18nTranslator(placeholder) + if (footerElement != null) this.footerElement = i18nTranslator(footerElement) + if (tooltips != null) this.tooltips = tooltips + if (tooltipGenerationMode != null) this.tooltipGenerationMode = tooltipGenerationMode.mode + if (history != null) this.history = history + if (keybindings != null) this.keybindings = keybindings + if (downloadDataFormatter != null) this.downloadDataFormatter = downloadDataFormatter + if (downloadConfig != null) this.downloadConfig = downloadConfig.toJs() + if (reactiveData != null) this.reactiveData = reactiveData + if (autoResize != null) this.autoResize = autoResize + if (columns != null) this.columns = columns.map { it.toJs(i18nTranslator) }.toTypedArray() + if (autoColumns != null) { + this.autoColumns = autoColumns + } else if (columns == null) { + this.autoColumns = true + } + if (layout != null) this.layout = layout.layout + if (layoutColumnsOnNewData != null) this.layoutColumnsOnNewData = layoutColumnsOnNewData + if (responsiveLayout != null) this.responsiveLayout = responsiveLayout.layout + if (responsiveLayoutCollapseStartOpen != null) this.responsiveLayoutCollapseStartOpen = + responsiveLayoutCollapseStartOpen + if (responsiveLayoutCollapseUseFormatters != null) this.responsiveLayoutCollapseUseFormatters = + responsiveLayoutCollapseUseFormatters + if (columnMinWidth != null) this.columnMinWidth = columnMinWidth + if (resizableColumns != null) this.resizableColumns = resizableColumns + if (movableColumns != null) this.movableColumns = movableColumns + if (tooltipsHeader != null) this.tooltipsHeader = tooltipsHeader + if (headerFilterPlaceholder != null) this.headerFilterPlaceholder = i18nTranslator(headerFilterPlaceholder) + if (scrollToColumnPosition != null) this.scrollToColumnPosition = scrollToColumnPosition.position + if (scrollToColumnIfVisible != null) this.scrollToColumnIfVisible = scrollToColumnIfVisible + if (rowFormatter != null) this.rowFormatter = rowFormatter + if (addRowPos != null) this.addRowPos = addRowPos.position + if (selectable != null) this.selectable = selectable + if (selectableRangeMode != null) this.selectableRangeMode = selectableRangeMode.mode + if (selectableRollingSelection != null) this.selectableRollingSelection = selectableRollingSelection + if (selectablePersistence != null) this.selectablePersistence = selectablePersistence + if (selectableCheck != null) this.selectableCheck = selectableCheck + if (movableRows != null) this.movableRows = movableRows + if (movableRowsConnectedTables != null) this.movableRowsConnectedTables = movableRowsConnectedTables + if (movableRowsSender != null) this.movableRowsSender = movableRowsSender + if (movableRowsReceiver != null) this.movableRowsReceiver = movableRowsReceiver + if (resizableRows != null) this.resizableRows = resizableRows + if (scrollToRowPosition != null) this.scrollToRowPosition = scrollToRowPosition.position + if (scrollToRowIfVisible != null) this.scrollToRowIfVisible = scrollToRowIfVisible + if (index != null) this.index = index + if (data != null) this.data = data + if (ajaxURL != null) this.ajaxURL = ajaxURL + if (ajaxParams != null) this.ajaxParams = ajaxParams + if (ajaxConfig != null) this.ajaxConfig = ajaxConfig + if (ajaxContentType != null) this.ajaxContentType = ajaxContentType + if (ajaxURLGenerator != null) this.ajaxURLGenerator = ajaxURLGenerator + if (ajaxRequestFunc != null) this.ajaxRequestFunc = ajaxRequestFunc + if (ajaxFiltering != null) this.ajaxFiltering = ajaxFiltering + if (ajaxSorting != null) this.ajaxSorting = ajaxSorting + if (ajaxProgressiveLoad != null) this.ajaxProgressiveLoad = ajaxProgressiveLoad.mode + if (ajaxProgressiveLoadDelay != null) this.ajaxProgressiveLoadDelay = ajaxProgressiveLoadDelay + if (ajaxProgressiveLoadScrollMargin != null) this.ajaxProgressiveLoadScrollMargin = + ajaxProgressiveLoadScrollMargin + if (ajaxLoader != null) this.ajaxLoader = ajaxLoader + if (ajaxLoaderLoading != null) this.ajaxLoaderLoading = i18nTranslator(ajaxLoaderLoading) + if (ajaxLoaderError != null) this.ajaxLoaderError = i18nTranslator(ajaxLoaderError) + if (initialSort != null) this.initialSort = initialSort + if (sortOrderReverse != null) this.sortOrderReverse = sortOrderReverse + if (initialFilter != null) this.initialFilter = initialFilter + if (initialHeaderFilter != null) this.initialHeaderFilter = initialHeaderFilter + if (pagination != null) this.pagination = pagination.mode + if (paginationSize != null) this.paginationSize = paginationSize + if (paginationSizeSelector != null) this.paginationSizeSelector = paginationSizeSelector + if (paginationElement != null) this.paginationElement = paginationElement + if (paginationDataReceived != null) this.paginationDataReceived = paginationDataReceived + if (paginationDataSent != null) this.paginationDataSent = paginationDataSent + if (paginationAddRow != null) this.paginationAddRow = paginationAddRow.mode + if (paginationButtonCount != null) this.paginationButtonCount = paginationButtonCount + if (persistenceID != null) this.persistenceID = persistenceID + if (persistenceMode != null) this.persistenceMode = persistenceMode + if (persistentLayout != null) this.persistentLayout = persistentLayout + if (persistentSort != null) this.persistentSort = persistentSort + if (persistentFilter != null) this.persistentFilter = persistentFilter + if (locale != null) this.locale = locale + if (langs != null) this.langs = langs + if (localized != null) this.localized = localized + if (dataTreeRowExpanded != null) this.dataTreeRowExpanded = dataTreeRowExpanded + if (dataTreeRowCollapsed != null) this.dataTreeRowCollapsed = dataTreeRowCollapsed + if (movableRowsSendingStart != null) this.movableRowsSendingStart = movableRowsSendingStart + if (movableRowsSent != null) this.movableRowsSent = movableRowsSent + if (movableRowsSentFailed != null) this.movableRowsSentFailed = movableRowsSentFailed + if (movableRowsSendingStop != null) this.movableRowsSendingStop = movableRowsSendingStop + if (movableRowsReceivingStart != null) this.movableRowsReceivingStart = movableRowsReceivingStart + if (movableRowsReceived != null) this.movableRowsReceived = movableRowsReceived + if (movableRowsReceivedFailed != null) this.movableRowsReceivedFailed = movableRowsReceivedFailed + if (movableRowsReceivingStop != null) this.movableRowsReceivingStop = movableRowsReceivingStop + if (rowClick != null) this.rowClick = rowClick + if (rowDblClick != null) this.rowDblClick = rowDblClick + if (rowContext != null) this.rowContext = rowContext + if (rowTap != null) this.rowTap = rowTap + if (rowDblTap != null) this.rowDblTap = rowDblTap + if (rowTapHold != null) this.rowTapHold = rowTapHold + if (rowMouseEnter != null) this.rowMouseEnter = rowMouseEnter + if (rowMouseLeave != null) this.rowMouseLeave = rowMouseLeave + if (rowMouseOver != null) this.rowMouseOver = rowMouseOver + if (rowMouseOut != null) this.rowMouseOut = rowMouseOut + if (rowMouseMove != null) this.rowMouseMove = rowMouseMove + if (rowAdded != null) this.rowAdded = rowAdded + if (rowUpdated != null) this.rowUpdated = rowUpdated + if (rowDeleted != null) this.rowDeleted = rowDeleted + if (rowMoved != null) this.rowMoved = rowMoved + if (rowResized != null) this.rowResized = rowResized + if (rowSelectionChanged != null) this.rowSelectionChanged = rowSelectionChanged + if (rowSelected != null) this.rowSelected = rowSelected + if (rowDeselected != null) this.rowDeselected = rowDeselected + if (cellClick != null) this.cellClick = cellClick + if (cellDblClick != null) this.cellDblClick = cellDblClick + if (cellContext != null) this.cellContext = cellContext + if (cellTap != null) this.cellTap = cellTap + if (cellDblTap != null) this.cellDblTap = cellDblTap + if (cellTapHold != null) this.cellTapHold = cellTapHold + if (cellMouseEnter != null) this.cellMouseEnter = cellMouseEnter + if (cellMouseLeave != null) this.cellMouseLeave = cellMouseLeave + if (cellMouseOver != null) this.cellMouseOver = cellMouseOver + if (cellMouseOut != null) this.cellMouseOut = cellMouseOut + if (cellMouseMove != null) this.cellMouseMove = cellMouseMove + if (cellEditing != null) this.cellEditing = cellEditing + if (cellEdited != null) this.cellEdited = cellEdited + if (cellEditCancelled != null) this.cellEditCancelled = cellEditCancelled + if (columnMoved != null) this.columnMoved = columnMoved + if (columnResized != null) this.columnResized = columnResized + if (columnVisibilityChanged != null) this.columnVisibilityChanged = columnVisibilityChanged + if (columnTitleChanged != null) this.columnTitleChanged = columnTitleChanged + if (tableBuilding != null) this.tableBuilding = tableBuilding + if (tableBuilt != null) this.tableBuilt = tableBuilt + if (renderStarted != null) this.renderStarted = renderStarted + if (renderComplete != null) this.renderComplete = renderComplete + if (htmlImporting != null) this.htmlImporting = htmlImporting + if (htmlImported != null) this.htmlImported = htmlImported + if (dataLoading != null) this.dataLoading = dataLoading + if (dataLoaded != null) this.dataLoaded = dataLoaded + if (dataEdited != null) this.dataEdited = dataEdited + if (pageLoaded != null) this.pageLoaded = pageLoaded + if (dataSorting != null) this.dataSorting = dataSorting + if (dataSorted != null) this.dataSorted = dataSorted + if (dataFiltering != null) this.dataFiltering = dataFiltering + if (dataFiltered != null) this.dataFiltered = dataFiltered + if (validationFailed != null) this.validationFailed = validationFailed + if (ajaxRequesting != null) this.ajaxRequesting = ajaxRequesting + if (ajaxResponse != null) this.ajaxResponse = ajaxResponse + if (ajaxError != null) this.ajaxError = ajaxError + } as Tabulator.Options +} diff --git a/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/Tabulator.kt b/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/Tabulator.kt new file mode 100644 index 00000000..1b8becff --- /dev/null +++ b/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/Tabulator.kt @@ -0,0 +1,679 @@ +/* + * Copyright (c) 2017-present Robert Jaros + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ +package pl.treksoft.kvision.tabulator + +import com.github.snabbdom.VNode +import com.lightningkite.kotlin.observable.list.ObservableList +import kotlinx.serialization.ImplicitReflectionSerializer +import kotlinx.serialization.KSerializer +import kotlinx.serialization.list +import kotlinx.serialization.serializer +import org.w3c.dom.HTMLElement +import pl.treksoft.kvision.KVManagerTabulator +import pl.treksoft.kvision.core.Container +import pl.treksoft.kvision.core.StringBoolPair +import pl.treksoft.kvision.core.Widget +import pl.treksoft.kvision.i18n.I18n +import pl.treksoft.kvision.redux.ReduxStore +import pl.treksoft.kvision.table.TableType +import pl.treksoft.kvision.utils.JSON +import pl.treksoft.kvision.utils.createInstance +import pl.treksoft.kvision.utils.obj +import redux.RAction +import pl.treksoft.kvision.tabulator.js.Tabulator as JsTabulator + +/** + * Tabulator component. + * + * @constructor + * @param T serializable type + * @param data a list of serializable objects + * @param options tabulator options + * @param classes a set of CSS class names + * @param dataSerializer a serializer for class T + */ +@Suppress("LargeClass", "TooManyFunctions") +open class Tabulator<T : Any>( + protected val data: List<T>? = null, + val options: Options = Options(), + types: Set<TableType> = setOf(), + classes: Set<String> = setOf(), + protected val dataSerializer: KSerializer<T>? = null +) : + Widget(classes) { + + /** + * Table types. + */ + var types by refreshOnUpdate(types) + + protected var jsTabulator: JsTabulator? = null + + private var pageSize: Number? = null + private var currentPage: Number? = null + + protected var filter: ((T) -> Boolean)? = null + + init { + this.vnkey = "kv_tabulator_$counter" + if (data != null && dataSerializer != null) { + @Suppress("UnsafeCastFromDynamic") + options.data = dataToNative(data, dataSerializer) + if (data is ObservableList) { + data.onUpdate += { + replaceData(data) + } + } + } + if (options.langs == null) { + options.langs = obj { + default = obj { + groups = obj { + item = "" + items = "" + } + ajax = obj { + loading = "..." + error = "!!!" + } + pagination = obj { + page_size = "↕" + first = "<<" + first_title = "<<" + last = ">>" + last_title = ">>" + prev = "<" + prev_title = "<" + next = ">" + next_title = ">" + } + headerFilters = obj { + default = "..." + } + } + } + } + if (options.rowClick == null) { + options.rowClick = { _, row -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorRowClick", obj { detail = row }) + } + } + if (options.rowDblClick == null) { + options.rowDblClick = { _, row -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorRowDblClick", obj { detail = row }) + } + } + if (options.rowSelectionChanged == null) { + options.rowSelectionChanged = { _, rows -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorRowSelectionChanged", obj { detail = rows }) + } + } + if (options.rowSelected == null) { + options.rowSelected = { row -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorRowSelected", obj { detail = row }) + } + } + if (options.rowDeselected == null) { + options.rowDeselected = { row -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorRowDeselected", obj { detail = row }) + } + } + if (options.cellClick == null) { + options.cellClick = { _, cell -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorCellClick", obj { detail = cell }) + } + } + if (options.cellDblClick == null) { + options.cellDblClick = { _, cell -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorCellDblClick", obj { detail = cell }) + } + } + if (options.cellEditing == null) { + options.cellEditing = { cell -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorCellEditing", obj { detail = cell }) + } + } + if (options.cellEdited == null) { + options.cellEdited = { cell -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorCellEdited", obj { detail = cell }) + } + } + if (options.cellEditCancelled == null) { + options.cellEditCancelled = { cell -> + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorCellEditCancelled", obj { detail = cell }) + } + } + if (options.dataLoading == null && dataSerializer != null) { + options.dataLoading = { data -> + val d = nativeToData(data, dataSerializer) + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorDataLoading", obj { detail = d }) + } + } + if (options.dataLoaded == null && dataSerializer != null) { + options.dataLoaded = { data -> + val d = nativeToData(data, dataSerializer) + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorDataLoaded", obj { detail = d }) + } + } + if (options.dataEdited == null && dataSerializer != null) { + options.dataEdited = { data -> + val d = nativeToData(data, dataSerializer) + @Suppress("UnsafeCastFromDynamic") + this.dispatchEvent("tabulatorDataEdited", obj { detail = d }) + } + } + counter++ + } + + override fun getSnClass(): List<StringBoolPair> { + val cl = super.getSnClass().toMutableList() + types.forEach { + cl.add(it.type to true) + } + return cl + } + + /** + * Converts a list of objects of type T to native JS array + */ + protected fun dataToNative(data: List<T>, dataSerializer: KSerializer<T>): dynamic { + val json = JSON.plain.stringify(dataSerializer.list, data) + return kotlin.js.JSON.parse(json) + } + + /** + * Converts a native JS array to the list of objects of type T + */ + protected fun nativeToData(data: dynamic, dataSerializer: KSerializer<T>): List<T> { + @Suppress("UnsafeCastFromDynamic") + val str = kotlin.js.JSON.stringify(data) + return JSON.plain.parse(dataSerializer.list, str) + } + + /** + * Creates internal JS Tabulator object + */ + protected fun createJsTabulator() { + (this.getElement() as? HTMLElement)?.let { + jsTabulator = + KVManagerTabulator.getConstructor() + .createInstance(it, options.toJs(this::translate)) + if (currentPage != null) { + jsTabulator?.setPageSize(pageSize ?: 0) + jsTabulator?.setPage(currentPage) + } + } + } + + override fun render(): VNode { + if (lastLanguage != null && lastLanguage != I18n.language) { + jsTabulator?.destroy() + createJsTabulator() + } + return render("div") + } + + override fun afterInsert(node: VNode) { + createJsTabulator() + } + + override fun afterDestroy() { + val page = jsTabulator?.getPage() + if (page != false) { + pageSize = jsTabulator?.getPageSize() + currentPage = page as Number + } + jsTabulator?.destroy() + jsTabulator = null + } + + /** + * Silently replaces the data in a table. + * @param data new data + */ + open fun replaceData(data: List<T>) { + if (dataSerializer != null) { + val native = dataToNative(data, dataSerializer) + @Suppress("UnsafeCastFromDynamic") + options.data = native + jsTabulator?.replaceData(native, null, null) + } + } + + /** + * Sets new data in a table. + * @param data new data + */ + open fun setData(data: List<T>) { + if (dataSerializer != null) { + val native = dataToNative(data, dataSerializer) + @Suppress("UnsafeCastFromDynamic") + options.data = native + jsTabulator?.setData(native, null, null) + } + } + + /** + * Returns the current data in the table. + * @param active return only visible data + * @return current data + */ + open fun getData(active: Boolean): List<T>? { + return if (jsTabulator != null && dataSerializer != null) { + val native = jsTabulator?.getData(active) + nativeToData(native, dataSerializer) + } else { + data + } + } + + /** + * Returns the selected data in the table. + * @return selected data + */ + open fun getSelectedData(): List<T> { + return if (jsTabulator != null && dataSerializer != null) { + val native = jsTabulator?.getSelectedData() + nativeToData(native, dataSerializer) + } else { + listOf() + } + } + + /** + * Clears the data in the table. + */ + open fun clearData() = jsTabulator?.clearData() + + /** + * Undo the last user action. + */ + open fun undo(): Boolean = jsTabulator?.undo() ?: false + + /** + * Redo the last undone user action. + */ + open fun redo(): Boolean = jsTabulator?.redo() ?: false + + /** + * Get the number of history undo actions available. + */ + @Suppress("UnsafeCastFromDynamic") + open fun getHistoryUndoSize(): Int = jsTabulator?.getHistoryUndoSize() ?: 0 + + /** + * Get the number of history redo actions available. + */ + @Suppress("UnsafeCastFromDynamic") + open fun getHistoryRedoSize(): Int = jsTabulator?.getHistoryRedoSize() ?: 0 + + /** + * Get the number of data rows. + * @param activeOnly return only the number of visible rows + * @return the number of data rows + */ + open fun getDataCount(activeOnly: Boolean = false): Int = jsTabulator?.getDataCount(activeOnly)?.toInt() ?: 0 + + /** + * Get the HTML code of the table. + * @param activeOnly include only visible rows + * @return the HTML code of the table + */ + open fun getHtml(activeOnly: Boolean = false): String? = jsTabulator?.getHtml(activeOnly) + + /** + * Scroll to the row given by id. + * @param row id of the row + * @param position the scrolling position + * @param ifVisible scroll to already visible row + */ + open fun scrollToRow( + row: Int, + position: RowPosition? = null, + ifVisible: Boolean? = null + ) { + jsTabulator?.scrollToRow(row, position, ifVisible) + } + + /** + * Redraw the table (e.g. after a resize). + * @param force rerender all rows and columns + */ + open fun redraw(force: Boolean = false) { + jsTabulator?.redraw(force) + } + + /** + * Change the height of the table. + * @param height new heigth of the table + */ + open fun setHeight(height: Int) { + jsTabulator?.setHeight(height) + } + + /** + * Clears current sort. + */ + open fun clearSort() { + jsTabulator?.clearSort() + } + + /** + * Sets the external filter for the data. + * @param filter a filtering function + */ + open fun setFilter(filter: (T) -> Boolean) { + this.filter = filter + applyFilter() + } + + /** + * Applies the current filter. + */ + open fun applyFilter() { + if (dataSerializer != null && filter != null) { + jsTabulator?.setFilter({ data: dynamic, _: dynamic -> + val str = kotlin.js.JSON.stringify(data) + filter?.let { it(JSON.plain.parse(dataSerializer, str)) } + }, null, null) + } + } + + /** + * Clears current filters. + * @param includeHeaderFilters clear also the header filters + */ + open fun clearFilter(includeHeaderFilters: Boolean = true) { + jsTabulator?.clearFilter(includeHeaderFilters) + } + + /** + * Clears header filters. + */ + open fun clearHeaderFilter() { + jsTabulator?.clearHeaderFilter() + } + + /** + * Select the row given by id. + * @param row row id + */ + open fun selectRow(row: Int) { + jsTabulator?.selectRow(row) + } + + /** + * Deselect the row given by id. + * @param row row id + */ + open fun deselectRow(row: Int) { + jsTabulator?.deselectRow(row) + } + + /** + * Toggle selection status of the row given by id. + * @param row row id + */ + open fun toggleSelectRow(row: Int) { + jsTabulator?.toggleSelectRow(row) + } + + /** + * Returns the selected rows. + */ + open fun getSelectedRows(): List<JsTabulator.RowComponent> { + return jsTabulator?.getSelectedRows()?.asList() ?: listOf() + } + + /** + * Shows given page. + * @param page page number + */ + open fun setPage(page: Int) { + jsTabulator?.setPage(page) + } + + /** + * Shows page with a row given by id. + * @param row row id + */ + open fun setPageToRow(row: Int) { + jsTabulator?.setPageToRow(row) + } + + /** + * Set the size of a page. + * @param size page size + */ + open fun setPageSize(size: Int) { + jsTabulator?.setPageSize(size) + } + + /** + * Returns the size of a page. + */ + open fun getPageSize(): Int = jsTabulator?.getPageSize()?.toInt() ?: 0 + + /** + * Navigate to the previous page. + */ + open fun previousPage() { + jsTabulator?.previousPage() + } + + /** + * Navigate to the next page. + */ + open fun nextPage() { + jsTabulator?.nextPage() + } + + /** + * Returns current page number. + */ + open fun getPage(): Int = (jsTabulator?.getPage() as? Number)?.toInt() ?: -1 + + /** + * Returns number of pages. + */ + open fun getPageMax(): Int = (jsTabulator?.getPageMax() as? Number)?.toInt() ?: -1 + + /** + * Navigate to the previous cell. + */ + open fun navigatePrev() { + jsTabulator?.navigatePrev() + } + + /** + * Navigate to the next cell. + */ + open fun navigateNext() { + jsTabulator?.navigateNext() + } + + /** + * Navigate to the cell on the left. + */ + open fun navigateLeft() { + jsTabulator?.navigateLeft() + } + + /** + * Navigate to the cell on the right. + */ + open fun navigateRight() { + jsTabulator?.navigateRight() + } + + /** + * Navigate to the same cell in the row above. + */ + open fun navigateUp() { + jsTabulator?.navigateUp() + } + + /** + * Navigate to the same cell in the row below. + */ + open fun navigateDown() { + jsTabulator?.navigateDown() + } + + companion object { + internal var counter = 0 + + /** + * DSL builder extension function. + * + * It takes the same parameters as the constructor of the built component. + */ + inline fun <reified T : Any> Container.tabulator( + data: List<T>? = null, + options: Options = Options(), + types: Set<TableType> = setOf(), + classes: Set<String> = setOf(), + noinline init: (Tabulator<T>.() -> Unit)? = null + ): Tabulator<T> { + val tabulator = create(data, options, types, classes) + init?.invoke(tabulator) + this.add(tabulator) + return tabulator + } + + /** + * DSL builder extension function for general redux store. + */ + inline fun <reified T : Any, S : Any, A : RAction> Container.tabulator( + store: ReduxStore<S, A>, + noinline dataFactory: (S) -> List<T>, + options: Options = Options(), + types: Set<TableType> = setOf(), + classes: Set<String> = setOf(), + noinline init: (Tabulator<T>.() -> Unit)? = null + ): Tabulator<T> { + val tabulator = create(store, dataFactory, options, types, classes) + init?.invoke(tabulator) + this.add(tabulator) + return tabulator + } + + /** + * DSL builder extension function for dedicated redux store (backed with a list). + */ + inline fun <reified T : Any, A : RAction> Container.tabulator( + store: ReduxStore<List<T>, A>, + options: Options = Options(), + types: Set<TableType> = setOf(), + classes: Set<String> = setOf(), + noinline init: (Tabulator<T>.() -> Unit)? = null + ): Tabulator<T> { + val tabulator = create(store, options, types, classes) + init?.invoke(tabulator) + this.add(tabulator) + return tabulator + } + + /** + * DSL builder extension function for dynamic data (send within options parameter). + */ + fun <T : Any> Container.tabulator( + options: Options = Options(), + types: Set<TableType> = setOf(), + classes: Set<String> = setOf(), + init: (Tabulator<T>.() -> Unit)? = null + ): Tabulator<T> { + val tabulator = Tabulator<T>(options = options, types = types, classes = classes) + init?.invoke(tabulator) + this.add(tabulator) + return tabulator + } + + /** + * A helper function to create a Tabulator object with correct serializer. + */ + @UseExperimental(ImplicitReflectionSerializer::class) + inline fun <reified T : Any> create( + data: List<T>? = null, options: Options = Options(), + types: Set<TableType> = setOf(), + classes: Set<String> = setOf(), + noinline init: (Tabulator<T>.() -> Unit)? = null + ): Tabulator<T> { + val tabulator = Tabulator(data, options, types, classes, T::class.serializer()) + init?.invoke(tabulator) + return tabulator + } + + /** + * A helper function to create a Tabulator object with correct serializer and general redux store. + */ + @UseExperimental(ImplicitReflectionSerializer::class) + inline fun <reified T : Any, S : Any, A : RAction> create( + store: ReduxStore<S, A>, + noinline dataFactory: (S) -> List<T>, + options: Options = Options(), + types: Set<TableType> = setOf(), + classes: Set<String> = setOf(), + noinline init: (Tabulator<T>.() -> Unit)? = null + ): Tabulator<T> { + val data = dataFactory(store.getState()) + val tabulator = Tabulator(data, options, types, classes, T::class.serializer()) + init?.invoke(tabulator) + store.subscribe { s -> + tabulator.replaceData(dataFactory(s)) + } + return tabulator + } + + /** + * A helper function to create a Tabulator object with correct serializer and dedicated redux store. + */ + @UseExperimental(ImplicitReflectionSerializer::class) + inline fun <reified T : Any, A : RAction> create( + store: ReduxStore<List<T>, A>, + options: Options = Options(), + types: Set<TableType> = setOf(), + classes: Set<String> = setOf(), + noinline init: (Tabulator<T>.() -> Unit)? = null + ): Tabulator<T> { + val data = store.getState() + val tabulator = Tabulator(data, options, types, classes, T::class.serializer()) + init?.invoke(tabulator) + store.subscribe { s -> + tabulator.replaceData(s) + } + return tabulator + } + } +} diff --git a/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/js/Tabulator.kt b/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/js/Tabulator.kt new file mode 100644 index 00000000..11e37266 --- /dev/null +++ b/kvision-modules/kvision-tabulator/src/main/kotlin/pl/treksoft/kvision/tabulator/js/Tabulator.kt @@ -0,0 +1,855 @@ +@file:Suppress( + "INTERFACE_WITH_SUPERCLASS", + "OVERRIDING_FINAL_MEMBER", + "RETURN_TYPE_MISMATCH_ON_OVERRIDE", + "CONFLICTING_OVERLOADS", + "EXTERNAL_DELEGATION", + "NESTED_CLASS_IN_EXTERNAL_INTERFACE", + "unused", "PropertyName", "TooManyFunctions", "VariableNaming", "MaxLineLength" +) + +package pl.treksoft.kvision.tabulator.js + +import org.w3c.dom.HTMLElement +import kotlin.js.Promise + +@Suppress("UNREACHABLE_CODE", "LargeClass") +open external class Tabulator { + constructor(selector: String, options: Options? = definedExternally /* null */) + constructor(selector: HTMLElement, options: Options? = definedExternally /* null */) + + open var columnManager: Any = definedExternally + open var rowManager: Any = definedExternally + open var footerManager: Any = definedExternally + open var browser: String = definedExternally + open var browserSlow: Boolean = definedExternally + open var modules: Any = definedExternally + open var options: Options = definedExternally + open fun download( + downloadType: dynamic /* String /* "json" */ | String /* "csv" */ | String /* "xlsx" */ | String /* "pdf" */ | (columns: Array<Tabulator.ColumnDefinition>, data: Any, options: Any, setFileContents: Any) -> Any */, + fileName: String, + params: DownloadOptions? /*= null*/ + ): Unit = + definedExternally + + open fun downloadToTab( + downloadType: dynamic /* String /* "json" */ | String /* "csv" */ | String /* "xlsx" */ | String /* "pdf" */ */, + fileName: String, + params: DownloadOptions? /*= null*/ + ): Unit = + definedExternally + + open fun copyToClipboard(type: dynamic /* String /* "table" */ | String /* "selection" */ */): Unit = + definedExternally + + open fun undo(): Boolean = definedExternally + open fun getHistoryUndoSize(): dynamic /* Number | Boolean */ = definedExternally + open fun redo(): Boolean = definedExternally + open fun getHistoryRedoSize(): dynamic /* Number | Boolean */ = definedExternally + open fun destroy(): Unit = definedExternally + open fun setDataFromLocalFile(extensions: String): Unit = definedExternally + open fun setData(data: dynamic, params: Any? /*= null*/, config: Any? /*= null*/): Promise<Unit> = definedExternally + open fun clearData(): Unit = definedExternally + open fun getData(activeOnly: Boolean? /*= null*/): Array<Any> = definedExternally + open fun getDataCount(activeOnly: Boolean? /*= null*/): Number = definedExternally + open fun searchRows( + field: String, + type: dynamic /* String /* "=" */ | String /* "!=" */ | String /* "like" */ | String /* "<" */ | String /* ">" */ | String /* "<=" */ | String /* ">=" */ | String /* "in" */ | String /* "regex" */ */, + value: Any + ): Array<RowComponent> = + definedExternally + + open fun searchData( + field: String, + type: dynamic /* String /* "=" */ | String /* "!=" */ | String /* "like" */ | String /* "<" */ | String /* ">" */ | String /* "<=" */ | String /* ">=" */ | String /* "in" */ | String /* "regex" */ */, + value: Any + ): Array<Any> = + definedExternally + + open fun getHtml(activeOnly: Boolean? /*= null*/): String = definedExternally + open fun getAjaxUrl(): String = definedExternally + open fun replaceData( + data: dynamic /* String | Array<Any?> */ /*= null*/, + params: Any? /*= null*/, + config: Any? /*= null*/ + ): Promise<Unit> = + definedExternally + + open fun updateData(data: Array<Any>): Promise<Unit> = definedExternally + open fun addData( + data: Array<Any>? /*= null*/, + addToTop: Boolean? /*= null*/, + positionTarget: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */ /*= null*/ + ): Promise<RowComponent> = + definedExternally + + open fun updateOrAddData(data: Array<Any>): Promise<Array<RowComponent>> = definedExternally + open fun getRow(row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */): RowComponent = + definedExternally + + open fun getRowFromPosition(position: Number, activeOnly: Boolean? /*= null*/): Unit = definedExternally + open fun deleteRow(row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */): Unit = + definedExternally + + open fun addRow( + data: Any? /*= null*/, + addToTop: Boolean? /*= null*/, + positionTarget: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */ /*= null*/ + ): Promise<RowComponent> = + definedExternally + + open fun updateOrAddRow( + row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */, + data: Any + ): Promise<RowComponent> = + definedExternally + + open fun updateRow(row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */, data: Any): Boolean = + definedExternally + + open fun scrollToRow( + row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */, + position: dynamic /* String /* "bottom" */ | String /* "top" */ | String /* "center" */ | String /* "nearest" */ */ /*= null*/, + ifVisible: Boolean? /*= null*/ + ): Promise<Unit> = + definedExternally + + open fun moveRow( + fromRow: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */, + toRow: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */, + placeAboveTarget: Boolean? /*= null*/ + ): Unit = + definedExternally + + open fun getRows(activeOnly: Boolean? /*= null*/): Array<RowComponent> = definedExternally + open fun getRowPosition( + row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */, + activeOnly: Boolean? /*= null*/ + ): Number = + definedExternally + + open fun setColumns(definitions: Array<ColumnDefinition>): Unit = definedExternally + open fun getColumns(includeColumnGroups: Boolean? /*= null*/): dynamic /* Array<Tabulator.GroupComponent> | Array<Tabulator.ColumnComponent> */ = + definedExternally + + open fun getColumn(column: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */): ColumnComponent = + definedExternally + + open fun getColumnDefinitions(): Array<ColumnDefinition> = definedExternally + open fun getColumnLayout(): Array<ColumnLayout> = definedExternally + open fun setColumnLayout(layout: ColumnLayout): Unit = definedExternally + open fun showColumn(column: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */ /*= null*/): Unit = + definedExternally + + open fun hideColumn(column: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */ /*= null*/): Unit = + definedExternally + + open fun toggleColumn(column: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */ /*= null*/): Unit = + definedExternally + + open fun addColumn( + definition: ColumnDefinition, + insertRightOfTarget: Boolean? /*= null*/, + positionTarget: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */ /*= null*/ + ): Unit = + definedExternally + + open fun deleteColumn(column: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */): Unit = + definedExternally + + open fun scrollToColumn( + column: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */, + position: dynamic /* String /* "center" */ | String /* "middle" */ | String /* "left" */ | String /* "right" */ */ /*= null*/, + ifVisible: Boolean? /*= null*/ + ): Promise<Unit> = + definedExternally + + open fun setLocale(locale: dynamic /* String | Boolean */): Unit = definedExternally + open fun getLocale(): String = definedExternally + open fun getLang(locale: String? /*= null*/): Any = definedExternally + open fun redraw(force: Boolean? /*= null*/): Unit = definedExternally + open fun setHeight(height: Number): Unit = definedExternally + open fun setSort( + sortList: dynamic /* String | Array<Tabulator.Sorter> */, + dir: dynamic /* String /* "asc" */ | String /* "desc" */ */ /*= null*/ + ): Unit = + definedExternally + + open fun getSorters(): Unit = definedExternally + open fun clearSort(): Unit = definedExternally + open fun setFilter( + p1: dynamic /* String | Array<Any> | Array<Tabulator.Filter> | (data: Any, filterParams: Any) -> Boolean */, + p2: dynamic /* Any? | String /* "=" */ | String /* "!=" */ | String /* "like" */ | String /* "<" */ | String /* ">" */ | String /* "<=" */ | String /* ">=" */ | String /* "in" */ | String /* "regex" */ */ /*= null*/, + value: Any? /*= null*/ + ): Unit = + definedExternally + + open fun addFilter( + field: String, + type: dynamic /* String /* "=" */ | String /* "!=" */ | String /* "like" */ | String /* "<" */ | String /* ">" */ | String /* "<=" */ | String /* ">=" */ | String /* "in" */ | String /* "regex" */ */, + value: Any + ): Unit = + definedExternally + + open fun getFilters(includeHeaderFilters: Boolean): Array<Filter> = definedExternally + open fun setHeaderFilterValue( + column: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */, + value: String + ): Unit = + definedExternally + + open fun setHeaderFilterFocus(column: dynamic /* String | HTMLElement | Tabulator.ColumnDefinition | Tabulator.ColumnComponent */): Unit = + definedExternally + + open fun getHeaderFilters(): Array<Filter> = definedExternally + open fun removeFilter( + field: String, + type: dynamic /* String /* "=" */ | String /* "!=" */ | String /* "like" */ | String /* "<" */ | String /* ">" */ | String /* "<=" */ | String /* ">=" */ | String /* "in" */ | String /* "regex" */ */, + value: Any + ): Unit = + definedExternally + + open fun clearFilter(includeHeaderFilters: Boolean): Unit = definedExternally + open fun clearHeaderFilter(): Unit = definedExternally + open fun selectRow(row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */ /*= null*/): Unit = + definedExternally + + open fun deselectRow(row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */ /*= null*/): Unit = + definedExternally + + open fun toggleSelectRow(row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */ /*= null*/): Unit = + definedExternally + + open fun getSelectedRows(): Array<RowComponent> = definedExternally + open fun getSelectedData(): Array<Any> = definedExternally + open fun setMaxPage(max: Number): Unit = definedExternally + open fun setPage(page: dynamic /* Number | String /* "first" */ | String /* "prev" */ | String /* "next" */ | String /* "last" */ */): Promise<Unit> = + definedExternally + + open fun setPageToRow(row: dynamic /* String | Number | HTMLElement | Tabulator.RowComponent */): Promise<Unit> = + definedExternally + + open fun setPageSize(size: Number): Unit = definedExternally + open fun getPageSize(): Number = definedExternally + open fun previousPage(): Promise<Unit> = definedExternally + open fun nextPage(): Promise<Unit> = definedExternally + open fun getPage(): dynamic /* Number | Boolean */ = definedExternally + open fun getPageMax(): dynamic /* Number | Boolean */ = definedExternally + open fun setGroupBy(groups: dynamic /* String | (data: Any) -> Any */): Unit = definedExternally + open fun setGroupStartOpen(values: dynamic /* Boolean | (value: Any, count: Number, data: Any, group: Tabulator.GroupComponent) -> Boolean */): Unit = + definedExternally + + open fun setGroupHeader(values: dynamic /* (value: Any, count: Number, data: Any, group: Tabulator.GroupComponent) -> String | Array<(value: Any, count: Number, data: Any): String> */): Unit = + definedExternally + + open fun getGroups(): Array<GroupComponent> = definedExternally + open fun getGroupedData(activeOnly: Boolean? /*= null*/): Any = definedExternally + open fun getCalcResults(): Any = definedExternally + open fun navigatePrev(): Unit = definedExternally + open fun navigateNext(): Unit = definedExternally + open fun navigateLeft(): Unit = definedExternally + open fun navigateRight(): Unit = definedExternally + open fun navigateUp(): Unit = definedExternally + open fun navigateDown(): Unit = definedExternally + open fun extendModule(name: String, property: String, values: Any): Unit = definedExternally + + interface Options : OptionsGeneral, OptionsHistory, OptionsLocale, OptionsDownload, OptionsColumns, OptionsRows, + OptionsData, OptionsSorting, OptionsFiltering, OptionsRowGrouping, OptionsPagination, + OptionsPersistentConfiguration, OptionsClipboard, OptionsDataTree, OptionsCell + + interface OptionsCells : CellCallbacks { + var validationFailed: ((cell: CellComponent, value: Any, validators: dynamic /* Array<Validator> | Array<dynamic /* String /* "string" */ | String /* "required" */ | String /* "unique" */ | String /* "integer" */ | String /* "float" */ | String /* "numeric" */ */> */) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsDataTree { + var dataTree: Boolean? get() = definedExternally; set(value) = definedExternally + var dataTreeElementColumn: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var dataTreeBranchElement: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var dataTreeChildIndent: Number? get() = definedExternally; set(value) = definedExternally + var dataTreeChildField: String? get() = definedExternally; set(value) = definedExternally + var dataTreeCollapseElement: dynamic /* String | Boolean | HTMLElement */ get() = definedExternally; set(value) = definedExternally + var dataTreeExpandElement: dynamic /* String | Boolean | HTMLElement */ get() = definedExternally; set(value) = definedExternally + var dataTreeStartExpanded: dynamic /* Boolean | Array<Boolean> | (row: RowComponent, level: Number) -> Boolean */ get() = definedExternally; set(value) = definedExternally + } + + interface ClipboardConfig { + var columnHeaders: Boolean? get() = definedExternally; set(value) = definedExternally + var rowGroups: Boolean? get() = definedExternally; set(value) = definedExternally + var columnCalcs: Boolean? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsClipboard { + var clipboard: dynamic /* Boolean | String /* "copy" */ | String /* "paste" */ */ get() = definedExternally; set(value) = definedExternally + var clipboardCopySelector: dynamic /* String /* "active" */ | String /* "table" */ | String /* "selected" */ */ get() = definedExternally; set(value) = definedExternally + var clipboardCopyFormatter: dynamic /* String /* "table" */ | (rowData: Array<Any>) -> String */ get() = definedExternally; set(value) = definedExternally + var clipboardCopyHeader: Boolean? get() = definedExternally; set(value) = definedExternally + var clipboardPasteParser: dynamic /* String | (clipboard: Any) -> Array<Any> */ get() = definedExternally; set(value) = definedExternally + var clipboardPasteAction: dynamic /* String /* "insert" */ | String /* "update" */ | String /* "replace" */ */ get() = definedExternally; set(value) = definedExternally + var clipboardCopyStyled: Boolean? get() = definedExternally; set(value) = definedExternally + var clipboardCopyConfig: dynamic /* Boolean | ClipboardConfig */ get() = definedExternally; set(value) = definedExternally + var clipboardCopied: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var clipboardPasted: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var clipboardPasteError: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsPersistentConfiguration { + var persistenceID: String? get() = definedExternally; set(value) = definedExternally + var persistenceMode: dynamic /* Boolean | String /* "local" */ | String /* "cookie" */ */ get() = definedExternally; set(value) = definedExternally + var persistentLayout: Boolean? get() = definedExternally; set(value) = definedExternally + var persistentSort: Boolean? get() = definedExternally; set(value) = definedExternally + var persistentFilter: Boolean? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsPagination { + var pagination: dynamic /* String /* "local" */ | String /* "remote" */ */ get() = definedExternally; set(value) = definedExternally + var paginationSize: Number? get() = definedExternally; set(value) = definedExternally + var paginationSizeSelector: dynamic /* Boolean | Array<Number> */ get() = definedExternally; set(value) = definedExternally + var paginationElement: dynamic /* String /* "string" */ | HTMLElement */ get() = definedExternally; set(value) = definedExternally + var paginationDataReceived: Any? get() = definedExternally; set(value) = definedExternally + var paginationDataSent: Any? get() = definedExternally; set(value) = definedExternally + var paginationAddRow: dynamic /* String /* "table" */ | String /* "page" */ */ get() = definedExternally; set(value) = definedExternally + var paginationButtonCount: Number? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsRowGrouping { + var groupBy: dynamic /* String | (data: Any) -> Any */ get() = definedExternally; set(value) = definedExternally + var groupValues: Array<Array<Any>>? get() = definedExternally; set(value) = definedExternally + var groupHeader: dynamic /* (value: Any, count: Number, data: Any, group: GroupComponent) -> String | Array<(value: Any, count: Number, data: Any) -> String> */ get() = definedExternally; set(value) = definedExternally + var groupStartOpen: dynamic /* Boolean | (value: Any, count: Number, data: Any, group: GroupComponent) -> Boolean */ get() = definedExternally; set(value) = definedExternally + var groupToggleElement: dynamic /* Boolean | String /* "arrow" */ | String /* "header" */ */ get() = definedExternally; set(value) = definedExternally + var groupClosedShowCalcs: Boolean? get() = definedExternally; set(value) = definedExternally + var dataGrouping: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var dataGrouped: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var groupVisibilityChanged: ((group: GroupComponent, visible: Boolean) -> Unit)? get() = definedExternally; set(value) = definedExternally + var groupClick: ((e: Any, group: GroupComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var groupDblClick: ((e: Any, group: GroupComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var groupContext: ((e: Any, group: GroupComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var groupTap: ((e: Any, group: GroupComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var groupDblTap: ((e: Any, group: GroupComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var groupTapHold: ((e: Any, group: GroupComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface Filter { + var field: String + var type: dynamic /* String /* "=" */ | String /* "!=" */ | String /* "like" */ | String /* "<" */ | String /* ">" */ | String /* "<=" */ | String /* ">=" */ | String /* "in" */ | String /* "regex" */ */ + var value: Any + } + + interface OptionsFiltering { + var initialFilter: Array<Filter>? get() = definedExternally; set(value) = definedExternally + var initialHeaderFilter: Array<Any?>? get() = definedExternally; set(value) = definedExternally + var dataFiltering: ((filters: Array<Filter>) -> Unit)? get() = definedExternally; set(value) = definedExternally + var dataFiltered: ((filters: Array<Filter>, rows: Array<RowComponent>) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsSorting { + var initialSort: Array<Sorter>? get() = definedExternally; set(value) = definedExternally + var sortOrderReverse: Boolean? get() = definedExternally; set(value) = definedExternally + } + + interface Sorter { + var column: String + var dir: dynamic /* String /* "asc" */ | String /* "desc" */ */ + } + + interface OptionsData { + var index: dynamic /* String | Number */ get() = definedExternally; set(value) = definedExternally + var data: Array<Any>? get() = definedExternally; set(value) = definedExternally + var ajaxURL: String? get() = definedExternally; set(value) = definedExternally + var ajaxParams: Any? get() = definedExternally; set(value) = definedExternally + var ajaxConfig: dynamic /* String /* "GET" */ | String /* "POST" */ | AjaxConfig */ get() = definedExternally; set(value) = definedExternally + var ajaxContentType: dynamic /* String /* "form" */ | String /* "json" */ | AjaxContentType */ get() = definedExternally; set(value) = definedExternally + var ajaxURLGenerator: ((url: String, config: Any, params: Any) -> String)? get() = definedExternally; set(value) = definedExternally + var ajaxRequestFunc: ((url: String, config: Any, params: Any) -> Promise<Any>)? get() = definedExternally; set(value) = definedExternally + var ajaxFiltering: Boolean? get() = definedExternally; set(value) = definedExternally + var ajaxSorting: Boolean? get() = definedExternally; set(value) = definedExternally + var ajaxProgressiveLoad: dynamic /* String /* "load" */ | String /* "scroll" */ */ get() = definedExternally; set(value) = definedExternally + var ajaxProgressiveLoadDelay: Number? get() = definedExternally; set(value) = definedExternally + var ajaxProgressiveLoadScrollMargin: Number? get() = definedExternally; set(value) = definedExternally + var ajaxLoader: dynamic /* Boolean | () -> Boolean */ get() = definedExternally; set(value) = definedExternally + var ajaxLoaderLoading: String? get() = definedExternally; set(value) = definedExternally + var ajaxLoaderError: String? get() = definedExternally; set(value) = definedExternally + var ajaxRequesting: ((url: String, params: Any) -> Boolean)? get() = definedExternally; set(value) = definedExternally + var ajaxResponse: ((url: String, params: Any, response: Any) -> Any)? get() = definedExternally; set(value) = definedExternally + var ajaxError: ((xhr: Any, textStatus: Any, errorThrown: Any) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface AjaxContentType { + var headers: Any? + var body: (url: String, config: Any, params: Any) -> Any + } + + interface AjaxConfig { + var method: dynamic /* String /* "GET" */ | String /* "POST" */ */ get() = definedExternally; set(value) = definedExternally + var headers: Any? get() = definedExternally; set(value) = definedExternally + var mode: String? get() = definedExternally; set(value) = definedExternally + var credentials: String? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsRows { + var rowFormatter: ((row: RowComponent) -> Any)? get() = definedExternally; set(value) = definedExternally + var addRowPos: dynamic /* String /* "bottom" */ | String /* "top" */ */ get() = definedExternally; set(value) = definedExternally + var selectable: dynamic /* Number | Boolean | String /* "highlight" */ */ get() = definedExternally; set(value) = definedExternally + var selectableRangeMode: String? /* "click" */ get() = definedExternally; set(value) = definedExternally + var selectableRollingSelection: Boolean? get() = definedExternally; set(value) = definedExternally + var selectablePersistence: Boolean? get() = definedExternally; set(value) = definedExternally + var selectableCheck: ((row: RowComponent) -> Boolean)? get() = definedExternally; set(value) = definedExternally + var movableRows: Boolean? get() = definedExternally; set(value) = definedExternally + var movableRowsConnectedTables: dynamic /* String | HTMLElement | Array<String> | Array<HTMLElement> */ get() = definedExternally; set(value) = definedExternally + var movableRowsSender: dynamic /* Boolean | String /* "delete" */ | (fromRow: RowComponent, toRow: RowComponent, toTable: Tabulator) -> Any */ get() = definedExternally; set(value) = definedExternally + var movableRowsReceiver: dynamic /* String /* "insert" */ | String /* "update" */ | String /* "replace" */ | String /* "add" */ | (fromRow: RowComponent, toRow: RowComponent, fromTable: Tabulator) -> Any */ get() = definedExternally; set(value) = definedExternally + var resizableRows: Boolean? get() = definedExternally; set(value) = definedExternally + var scrollToRowPosition: dynamic /* String /* "bottom" */ | String /* "top" */ | String /* "center" */ | String /* "nearest" */ */ get() = definedExternally; set(value) = definedExternally + var scrollToRowIfVisible: Boolean? get() = definedExternally; set(value) = definedExternally + var dataTreeRowExpanded: ((row: RowComponent, level: Number) -> Unit)? get() = definedExternally; set(value) = definedExternally + var dataTreeRowCollapsed: ((row: RowComponent, level: Number) -> Unit)? get() = definedExternally; set(value) = definedExternally + var movableRowsSendingStart: ((toTables: Array<Any>) -> Unit)? get() = definedExternally; set(value) = definedExternally + var movableRowsSent: ((fromRow: RowComponent, toRow: RowComponent, toTable: Tabulator) -> Unit)? get() = definedExternally; set(value) = definedExternally + var movableRowsSentFailed: ((fromRow: RowComponent, toRow: RowComponent, toTable: Tabulator) -> Unit)? get() = definedExternally; set(value) = definedExternally + var movableRowsSendingStop: ((toTables: Array<Any>) -> Unit)? get() = definedExternally; set(value) = definedExternally + var movableRowsReceivingStart: ((fromRow: RowComponent, toTable: Tabulator) -> Unit)? get() = definedExternally; set(value) = definedExternally + var movableRowsReceived: ((fromRow: RowComponent, toRow: RowComponent, fromTable: Tabulator) -> Unit)? get() = definedExternally; set(value) = definedExternally + var movableRowsReceivedFailed: ((fromRow: RowComponent, toRow: RowComponent, fromTable: Tabulator) -> Unit)? get() = definedExternally; set(value) = definedExternally + var movableRowsReceivingStop: ((fromTable: Tabulator) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowClick: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowDblClick: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowContext: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowTap: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowDblTap: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowTapHold: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowMouseEnter: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowMouseLeave: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowMouseOver: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowMouseOut: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowMouseMove: ((e: Any, row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowAdded: ((row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowUpdated: ((row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowDeleted: ((row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowMoved: ((row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowResized: ((row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowSelectionChanged: ((data: Array<Any>, rows: Array<RowComponent>) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowSelected: ((row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var rowDeselected: ((row: RowComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsColumns { + var columns: Array<ColumnDefinition>? get() = definedExternally; set(value) = definedExternally + var autoColumns: Boolean? get() = definedExternally; set(value) = definedExternally + var layout: dynamic /* String /* "fitData" */ | String /* "fitColumns" */ | String /* "fitDataFill" */ */ get() = definedExternally; set(value) = definedExternally + var layoutColumnsOnNewData: Boolean? get() = definedExternally; set(value) = definedExternally + var responsiveLayout: dynamic /* Boolean | String /* "hide" */ | String /* "collapse" */ */ get() = definedExternally; set(value) = definedExternally + var responsiveLayoutCollapseStartOpen: Boolean? get() = definedExternally; set(value) = definedExternally + var responsiveLayoutCollapseUseFormatters: Boolean? get() = definedExternally; set(value) = definedExternally + var responsiveLayoutCollapseFormatter: ((data: Array<Any>) -> Any)? get() = definedExternally; set(value) = definedExternally + var columnMinWidth: Number? get() = definedExternally; set(value) = definedExternally + var resizableColumns: dynamic /* Boolean | String /* "header" */ | String /* "cell" */ */ get() = definedExternally; set(value) = definedExternally + var movableColumns: Boolean? get() = definedExternally; set(value) = definedExternally + var tooltipsHeader: Boolean? get() = definedExternally; set(value) = definedExternally + var columnVertAlign: dynamic /* String /* "bottom" */ | String /* "top" */ | String /* "middle" */ */ get() = definedExternally; set(value) = definedExternally + var headerFilterPlaceholder: String? get() = definedExternally; set(value) = definedExternally + var scrollToColumnPosition: dynamic /* String /* "center" */ | String /* "middle" */ | String /* "left" */ | String /* "right" */ */ get() = definedExternally; set(value) = definedExternally + var scrollToColumnIfVisible: Boolean? get() = definedExternally; set(value) = definedExternally + var columnCalcs: dynamic /* Boolean | String /* "table" */ | String /* "both" */ | String /* "group" */ */ get() = definedExternally; set(value) = definedExternally + var nestedFieldSeparator: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var columnHeaderSortMulti: Boolean? get() = definedExternally; set(value) = definedExternally + var columnMoved: ((column: ColumnComponent, columns: Array<Any>) -> Unit)? get() = definedExternally; set(value) = definedExternally + var columnResized: ((column: ColumnComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var columnVisibilityChanged: ((column: ColumnComponent, visible: Boolean) -> Unit)? get() = definedExternally; set(value) = definedExternally + var columnTitleChanged: ((column: ColumnComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsCell { + var cellClick: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellDblClick: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellContext: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellTap: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellDblTap: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellTapHold: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseEnter: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseLeave: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseOver: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseOut: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseMove: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellEditing: ((cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellEdited: ((cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellEditCancelled: ((cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsGeneral { + var height: dynamic /* String | Number | Boolean */ get() = definedExternally; set(value) = definedExternally + var virtualDom: Boolean? get() = definedExternally; set(value) = definedExternally + var virtualDomBuffer: Boolean? get() = definedExternally; set(value) = definedExternally + var placeholder: dynamic /* String | HTMLElement */ get() = definedExternally; set(value) = definedExternally + var footerElement: dynamic /* String | HTMLElement */ get() = definedExternally; set(value) = definedExternally + var tooltips: dynamic /* Boolean | (cell: CellComponent) -> String */ get() = definedExternally; set(value) = definedExternally + var tooltipGenerationMode: String? /* "load" */ get() = definedExternally; set(value) = definedExternally + var keybindings: dynamic /* Boolean | KeyBinding */ get() = definedExternally; set(value) = definedExternally + var reactiveData: Boolean? get() = definedExternally; set(value) = definedExternally + var autoResize: Boolean? get() = definedExternally; set(value) = definedExternally + var tableBuilding: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var tableBuilt: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var renderStarted: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var renderComplete: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var htmlImporting: ((callback: () -> Unit) -> Unit)? get() = definedExternally; set(value) = definedExternally + var htmlImported: ((callback: () -> Unit) -> Unit)? get() = definedExternally; set(value) = definedExternally + var dataLoading: ((data: Any) -> Unit)? get() = definedExternally; set(value) = definedExternally + var dataLoaded: ((data: Any) -> Unit)? get() = definedExternally; set(value) = definedExternally + var dataEdited: ((data: Any) -> Unit)? get() = definedExternally; set(value) = definedExternally + var pageLoaded: ((pageno: Number) -> Unit)? get() = definedExternally; set(value) = definedExternally + var dataSorting: ((sorters: Array<Sorter>) -> Unit)? get() = definedExternally; set(value) = definedExternally + var dataSorted: ((sorters: Array<Sorter>, rows: Array<RowComponent>) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface DownloadOptions : DownloadCSV, DownloadXLXS, DownloadPDF { + var downloadType: dynamic /* String /* "json" */ | String /* "csv" */ | String /* "xlsx" */ | String /* "pdf" */ */ + var fileName: String + } + + interface DownloadCSV { + var delimiter: String? /* "string" */ get() = definedExternally; set(value) = definedExternally + var bom: Boolean? get() = definedExternally; set(value) = definedExternally + } + + interface DownloadXLXS { + var sheetName: String? get() = definedExternally; set(value) = definedExternally + } + + interface DownloadPDF { + var orientation: dynamic /* String /* "portrait" */ | String /* "landscape" */ */ get() = definedExternally; set(value) = definedExternally + var title: String? get() = definedExternally; set(value) = definedExternally + var rowGroupStyles: Any? get() = definedExternally; set(value) = definedExternally + var rowCalcStyles: Any? get() = definedExternally; set(value) = definedExternally + var jsPDF: Any? get() = definedExternally; set(value) = definedExternally + var autoTable: dynamic /* Any? | (doc: Any) -> Any */ get() = definedExternally; set(value) = definedExternally + } + + interface DownloadConfig { + var columnGroups: Boolean? get() = definedExternally; set(value) = definedExternally + var rowGroups: Boolean? get() = definedExternally; set(value) = definedExternally + var columnCalcs: Boolean? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsDownload { + var downloadDataFormatter: ((data: Array<Any>) -> Any)? get() = definedExternally; set(value) = definedExternally + var downloadReady: ((fileContents: Any, blob: Any) -> Any)? get() = definedExternally; set(value) = definedExternally + var downloadComplete: (() -> Unit)? get() = definedExternally; set(value) = definedExternally + var downloadConfig: DownloadConfig? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsLocale { + var locale: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var langs: Any? get() = definedExternally; set(value) = definedExternally + var localized: ((locale: String, lang: Any) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface OptionsHistory { + var history: Boolean? get() = definedExternally; set(value) = definedExternally + var historyUndo: ((action: dynamic /* String /* "cellEdit" */ | String /* "rowAdd" */ | String /* "rowDelete" */ | String /* "rowMoved" */ */, component: dynamic /* CellComponent | RowComponent */, data: Any) -> Unit)? get() = definedExternally; set(value) = definedExternally + var historyRedo: ((action: dynamic /* String /* "cellEdit" */ | String /* "rowAdd" */ | String /* "rowDelete" */ | String /* "rowMoved" */ */, component: dynamic /* CellComponent | RowComponent */, data: Any) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface ColumnLayout { + var title: String + var field: String + var visible: Boolean? get() = definedExternally; set(value) = definedExternally + var width: dynamic /* String | Number */ get() = definedExternally; set(value) = definedExternally + } + + interface ColumnDefinition : ColumnLayout, CellCallbacks { + var align: dynamic /* String /* "center" */ | String /* "left" */ | String /* "right" */ */ get() = definedExternally; set(value) = definedExternally + var minWidth: Number? get() = definedExternally; set(value) = definedExternally + var widthGrow: Number? get() = definedExternally; set(value) = definedExternally + var widthShrink: Number? get() = definedExternally; set(value) = definedExternally + var resizable: Boolean? get() = definedExternally; set(value) = definedExternally + var frozen: Boolean? get() = definedExternally; set(value) = definedExternally + var responsive: Number? get() = definedExternally; set(value) = definedExternally + var tooltip: dynamic /* String | Boolean | (cell: CellComponent) -> String */ get() = definedExternally; set(value) = definedExternally + var cssClass: String? get() = definedExternally; set(value) = definedExternally + var rowHandle: Boolean? get() = definedExternally; set(value) = definedExternally + var hideInHtml: Boolean? get() = definedExternally; set(value) = definedExternally + var sorter: dynamic /* String /* "string" */ | String /* "number" */ | String /* "boolean" */ | String /* "alphanum" */ | String /* "exists" */ | String /* "date" */ | String /* "time" */ | String /* "datetime" */ | String /* "array" */ | (a: Any, b: Any, aRow: RowComponent, bRow: RowComponent, column: ColumnComponent, dir: dynamic /* String /* "asc" */ | String /* "desc" */ */, sorterParams: Any) -> Number */ get() = definedExternally; set(value) = definedExternally + var sorterParams: dynamic /* ColumnDefinitionSorterParams | (column: ColumnComponent, dir: dynamic /* String /* "asc" */ | String /* "desc" */ */) -> Any */ get() = definedExternally; set(value) = definedExternally + var formatter: dynamic /* String /* "datetime" */ | String /* "plaintext" */ | String /* "textarea" */ | String /* "html" */ | String /* "money" */ | String /* "image" */ | String /* "datetimediff" */ | String /* "link" */ | String /* "tickCross" */ | String /* "color" */ | String /* "star" */ | String /* "traffic" */ | String /* "progress" */ | String /* "lookup" */ | String /* "buttonTick" */ | String /* "buttonCross" */ | String /* "rownum" */ | String /* "handle" */ | (cell: CellComponent, formatterParams: Any, onRendered: (callback: () -> Unit) -> Unit) -> dynamic /* String | HTMLElement */ */ get() = definedExternally; set(value) = definedExternally + var formatterParams: dynamic /* Any? | MoneyParams | ImageParams | LinkParams | DateTimeParams | DateTimeDifferenceParams | TickCrossParams | TrafficParams | StarRatingParams | (cell: CellComponent) -> Any */ get() = definedExternally; set(value) = definedExternally + var variableHeight: Boolean? get() = definedExternally; set(value) = definedExternally + var editable: dynamic /* Boolean | (cell: CellComponent) -> Boolean */ get() = definedExternally; set(value) = definedExternally + var editor: dynamic /* Boolean | String /* "number" */ | String /* "textarea" */ | String /* "tickCross" */ | String /* "star" */ | String /* "input" */ | String /* "range" */ | String /* "select" */ | String /* "autocomplete" */ | (cell: CellComponent, onRendered: (callback: () -> Unit) -> Unit, success: (value: Any) -> Unit, cancel: (value: Any) -> Unit, editorParams: Any) -> dynamic /* Boolean | HTMLElement */ */ get() = definedExternally; set(value) = definedExternally + var editorParams: dynamic /* NumberParams | CheckboxParams | SelectParams | AutoCompleteParams | (cell: CellComponent) -> Any */ get() = definedExternally; set(value) = definedExternally + var validator: dynamic /* String /* "string" */ | Validator | Array<Validator> | String /* "required" */ | String /* "unique" */ | String /* "integer" */ | String /* "float" */ | String /* "numeric" */ | Array<dynamic /* String /* "string" */ | String /* "required" */ | String /* "unique" */ | String /* "integer" */ | String /* "float" */ | String /* "numeric" */ */> */ get() = definedExternally; set(value) = definedExternally + var mutator: ((value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "edit" */ */, mutatorParams: Any, cell: CellComponent? /*= null*/) -> Any)? get() = definedExternally; set(value) = definedExternally + var mutatorParams: dynamic /* Any? | (value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "edit" */ */, cell: CellComponent? /*= null*/) -> Any */ get() = definedExternally; set(value) = definedExternally + var mutatorData: ((value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "edit" */ */, mutatorParams: Any, cell: CellComponent? /*= null*/) -> Any)? get() = definedExternally; set(value) = definedExternally + var mutatorDataParams: dynamic /* Any? | (value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "edit" */ */, cell: CellComponent? /*= null*/) -> Any */ get() = definedExternally; set(value) = definedExternally + var mutatorEdit: ((value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "edit" */ */, mutatorParams: Any, cell: CellComponent? /*= null*/) -> Any)? get() = definedExternally; set(value) = definedExternally + var mutatorEditParams: dynamic /* Any? | (value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "edit" */ */, cell: CellComponent? /*= null*/) -> Any */ get() = definedExternally; set(value) = definedExternally + var mutatorClipboard: ((value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "edit" */ */, mutatorParams: Any, cell: CellComponent? /*= null*/) -> Any)? get() = definedExternally; set(value) = definedExternally + var mutatorClipboardParams: dynamic /* Any? | (value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "edit" */ */, cell: CellComponent? /*= null*/) -> Any */ get() = definedExternally; set(value) = definedExternally + var accessor: ((value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "download" */ | String /* "clipboard" */ */, AccessorParams: Any, column: ColumnComponent? /*= null*/) -> Any)? get() = definedExternally; set(value) = definedExternally + var accessorParams: dynamic /* Any? | (value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "download" */ | String /* "clipboard" */ */, column: ColumnComponent? /*= null*/) -> Any */ get() = definedExternally; set(value) = definedExternally + var accessorDownload: ((value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "download" */ | String /* "clipboard" */ */, AccessorParams: Any, column: ColumnComponent? /*= null*/) -> Any)? get() = definedExternally; set(value) = definedExternally + var accessorDownloadParams: dynamic /* Any? | (value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "download" */ | String /* "clipboard" */ */, column: ColumnComponent? /*= null*/) -> Any */ get() = definedExternally; set(value) = definedExternally + var accessorClipboard: ((value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "download" */ | String /* "clipboard" */ */, AccessorParams: Any, column: ColumnComponent? /*= null*/) -> Any)? get() = definedExternally; set(value) = definedExternally + var accessorClipboardParams: dynamic /* Any? | (value: Any, data: Any, type: dynamic /* String /* "data" */ | String /* "download" */ | String /* "clipboard" */ */, column: ColumnComponent? /*= null*/) -> Any */ get() = definedExternally; set(value) = definedExternally + var download: Boolean? get() = definedExternally; set(value) = definedExternally + var downloadTitle: String? get() = definedExternally; set(value) = definedExternally + var topCalc: dynamic /* String /* "avg" */ | String /* "max" */ | String /* "min" */ | String /* "sum" */ | String /* "concat" */ | String /* "count" */ | (values: Array<Any>, data: Array<Any>, calcParams: Any) -> Number */ get() = definedExternally; set(value) = definedExternally + var topCalcParams: ((values: Any, data: Any) -> Any)? get() = definedExternally; set(value) = definedExternally + var topCalcFormatter: dynamic /* String /* "datetime" */ | String /* "plaintext" */ | String /* "textarea" */ | String /* "html" */ | String /* "money" */ | String /* "image" */ | String /* "datetimediff" */ | String /* "link" */ | String /* "tickCross" */ | String /* "color" */ | String /* "star" */ | String /* "traffic" */ | String /* "progress" */ | String /* "lookup" */ | String /* "buttonTick" */ | String /* "buttonCross" */ | String /* "rownum" */ | String /* "handle" */ | (cell: CellComponent, formatterParams: Any, onRendered: (callback: () -> Unit) -> Unit) -> dynamic /* String | HTMLElement */ */ get() = definedExternally; set(value) = definedExternally + var topCalcFormatterParams: dynamic /* Any? | MoneyParams | ImageParams | LinkParams | DateTimeParams | DateTimeDifferenceParams | TickCrossParams | TrafficParams | StarRatingParams | (cell: CellComponent) -> Any */ get() = definedExternally; set(value) = definedExternally + var bottomCalc: dynamic /* String /* "avg" */ | String /* "max" */ | String /* "min" */ | String /* "sum" */ | String /* "concat" */ | String /* "count" */ | (values: Array<Any>, data: Array<Any>, calcParams: Any) -> Number */ get() = definedExternally; set(value) = definedExternally + var bottomCalcParams: ((values: Any, data: Any) -> Any)? get() = definedExternally; set(value) = definedExternally + var bottomCalcFormatter: dynamic /* String /* "datetime" */ | String /* "plaintext" */ | String /* "textarea" */ | String /* "html" */ | String /* "money" */ | String /* "image" */ | String /* "datetimediff" */ | String /* "link" */ | String /* "tickCross" */ | String /* "color" */ | String /* "star" */ | String /* "traffic" */ | String /* "progress" */ | String /* "lookup" */ | String /* "buttonTick" */ | String /* "buttonCross" */ | String /* "rownum" */ | String /* "handle" */ | (cell: CellComponent, formatterParams: Any, onRendered: (callback: () -> Unit) -> Unit) -> dynamic /* String | HTMLElement */ */ get() = definedExternally; set(value) = definedExternally + var bottomCalcFormatterParams: dynamic /* Any? | MoneyParams | ImageParams | LinkParams | DateTimeParams | DateTimeDifferenceParams | TickCrossParams | TrafficParams | StarRatingParams | (cell: CellComponent) -> Any */ get() = definedExternally; set(value) = definedExternally + var headerSort: Boolean? get() = definedExternally; set(value) = definedExternally + var headerSortStartingDir: dynamic /* String /* "asc" */ | String /* "desc" */ */ get() = definedExternally; set(value) = definedExternally + var headerSortTristate: Boolean? get() = definedExternally; set(value) = definedExternally + var headerClick: ((e: Any, column: ColumnComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var headerDblClick: ((e: Any, column: ColumnComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var headerContext: ((e: Any, column: ColumnComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var headerTap: ((e: Any, column: ColumnComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var headerDblTap: ((e: Any, column: ColumnComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var headerTapHold: ((e: Any, column: ColumnComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var headerTooltip: dynamic /* String | Boolean | (column: ColumnComponent) -> String */ get() = definedExternally; set(value) = definedExternally + var headerVertical: dynamic /* Boolean | String /* "flip" */ */ get() = definedExternally; set(value) = definedExternally + var editableTitle: Boolean? get() = definedExternally; set(value) = definedExternally + var titleFormatter: dynamic /* String /* "datetime" */ | String /* "plaintext" */ | String /* "textarea" */ | String /* "html" */ | String /* "money" */ | String /* "image" */ | String /* "datetimediff" */ | String /* "link" */ | String /* "tickCross" */ | String /* "color" */ | String /* "star" */ | String /* "traffic" */ | String /* "progress" */ | String /* "lookup" */ | String /* "buttonTick" */ | String /* "buttonCross" */ | String /* "rownum" */ | String /* "handle" */ | (cell: CellComponent, formatterParams: Any, onRendered: (callback: () -> Unit) -> Unit) -> dynamic /* String | HTMLElement */ */ get() = definedExternally; set(value) = definedExternally + var titleFormatterParams: dynamic /* Any? | MoneyParams | ImageParams | LinkParams | DateTimeParams | DateTimeDifferenceParams | TickCrossParams | TrafficParams | StarRatingParams | (cell: CellComponent) -> Any */ get() = definedExternally; set(value) = definedExternally + var headerFilter: dynamic /* Boolean | String /* "number" */ | String /* "textarea" */ | String /* "tickCross" */ | String /* "star" */ | String /* "input" */ | String /* "range" */ | String /* "select" */ | String /* "autocomplete" */ | (cell: CellComponent, onRendered: (callback: () -> Unit) -> Unit, success: (value: Any) -> Unit, cancel: (value: Any) -> Unit, editorParams: Any) -> dynamic /* Boolean | HTMLElement */ */ get() = definedExternally; set(value) = definedExternally + var headerFilterParams: dynamic /* NumberParams | CheckboxParams | SelectParams | AutoCompleteParams | (cell: CellComponent) -> Any */ get() = definedExternally; set(value) = definedExternally + var headerFilterPlaceholder: String? get() = definedExternally; set(value) = definedExternally + var headerFilterEmptyCheck: ((value: Any) -> Boolean)? get() = definedExternally; set(value) = definedExternally + var headerFilterFunc: dynamic /* String /* "=" */ | String /* "!=" */ | String /* "like" */ | String /* "<" */ | String /* ">" */ | String /* "<=" */ | String /* ">=" */ | String /* "in" */ | String /* "regex" */ | (headerValue: Any, rowValue: Any, rowdata: Any, filterparams: Any) -> Boolean */ get() = definedExternally; set(value) = definedExternally + var headerFilterFuncParams: Any? get() = definedExternally; set(value) = definedExternally + var headerFilterLiveFilter: Boolean? get() = definedExternally; set(value) = definedExternally + } + + interface CellCallbacks { + var cellClick: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellDblClick: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellContext: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellTap: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellDblTap: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellTapHold: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseEnter: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseLeave: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseOver: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseOut: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellMouseMove: ((e: Any, cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellEditing: ((cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellEdited: ((cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + var cellEditCancelled: ((cell: CellComponent) -> Unit)? get() = definedExternally; set(value) = definedExternally + } + + interface ColumnDefinitionSorterParams { + var format: String? get() = definedExternally; set(value) = definedExternally + var locale: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var alignEmptyValues: dynamic /* String /* "bottom" */ | String /* "top" */ */ get() = definedExternally; set(value) = definedExternally + var type: dynamic /* String /* "avg" */ | String /* "max" */ | String /* "min" */ | String /* "sum" */ | String /* "length" */ */ get() = definedExternally; set(value) = definedExternally + } + + interface MoneyParams { + var decimal: String? get() = definedExternally; set(value) = definedExternally + var thousand: String? get() = definedExternally; set(value) = definedExternally + var symbol: String? get() = definedExternally; set(value) = definedExternally + var symbolAfter: Boolean? get() = definedExternally; set(value) = definedExternally + var precision: dynamic /* Number | Boolean */ get() = definedExternally; set(value) = definedExternally + } + + interface ImageParams { + var height: String? get() = definedExternally; set(value) = definedExternally + var width: String? get() = definedExternally; set(value) = definedExternally + } + + interface LinkParams { + var labelField: String? get() = definedExternally; set(value) = definedExternally + var label: String? get() = definedExternally; set(value) = definedExternally + var urlPrefix: String? get() = definedExternally; set(value) = definedExternally + var urlField: String? get() = definedExternally; set(value) = definedExternally + var url: String? get() = definedExternally; set(value) = definedExternally + var target: String? get() = definedExternally; set(value) = definedExternally + } + + interface DateTimeParams { + var inputFormat: String? get() = definedExternally; set(value) = definedExternally + var outputFormat: String? get() = definedExternally; set(value) = definedExternally + var invalidPlaceholder: dynamic /* String | Number | Boolean | (value: Any) -> String */ get() = definedExternally; set(value) = definedExternally + } + + interface DateTimeDifferenceParams : DateTimeParams { + var date: Any? get() = definedExternally; set(value) = definedExternally + var humanize: Boolean? get() = definedExternally; set(value) = definedExternally + var unit: dynamic /* String /* "years" */ | String /* "months" */ | String /* "weeks" */ | String /* "days" */ | String /* "hours" */ | String /* "minutes" */ | String /* "seconds" */ */ get() = definedExternally; set(value) = definedExternally + var suffix: Boolean? get() = definedExternally; set(value) = definedExternally + } + + interface TickCrossParams { + var allowEmpty: Boolean? get() = definedExternally; set(value) = definedExternally + var allowTruthy: Boolean? get() = definedExternally; set(value) = definedExternally + var tickElement: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var crossElement: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + } + + interface TrafficParams { + var min: Number? get() = definedExternally; set(value) = definedExternally + var max: Number? get() = definedExternally; set(value) = definedExternally + var color: dynamic /* String | Array<Any> | (value: Any) -> String */ get() = definedExternally; set(value) = definedExternally + } + + interface ProgressBarParams : TrafficParams { + var legend: dynamic /* String | Boolean | (value: Any) -> String */ get() = definedExternally; set(value) = definedExternally + var legendColor: dynamic /* String | Array<Any> | (value: Any) -> String */ get() = definedExternally; set(value) = definedExternally + var legendAlign: dynamic /* String /* "center" */ | String /* "left" */ | String /* "right" */ | String /* "justify" */ */ get() = definedExternally; set(value) = definedExternally + } + + interface StarRatingParams { + var stars: Number? get() = definedExternally; set(value) = definedExternally + } + + interface NumberParams { + var min: Number? get() = definedExternally; set(value) = definedExternally + var max: Number? get() = definedExternally; set(value) = definedExternally + var step: Number? get() = definedExternally; set(value) = definedExternally + } + + interface CheckboxParams { + var tristate: Boolean? get() = definedExternally; set(value) = definedExternally + var indeterminateValue: String? get() = definedExternally; set(value) = definedExternally + } + + interface SelectParams { + var values: dynamic /* Boolean | Any? | Array<String> | Array<SelectParamsGroup> */ + var listItemFormatter: ((value: String, text: String) -> String)? get() = definedExternally; set(value) = definedExternally + } + + interface SelectParamsGroup { + var label: String + var value: dynamic /* String | Number | Boolean */ get() = definedExternally; set(value) = definedExternally + var options: Array<SelectLabelValue>? get() = definedExternally; set(value) = definedExternally + } + + interface SelectLabelValue { + var label: String + var value: dynamic /* String | Number | Boolean */ + } + + interface AutoCompleteParams { + var values: dynamic /* Boolean | Any? | Array<String> */ + var listItemFormatter: ((value: String, text: String) -> String)? get() = definedExternally; set(value) = definedExternally + var searchFunc: ((term: String, values: Array<String>) -> Array<String>)? get() = definedExternally; set(value) = definedExternally + var allowEmpty: Boolean? get() = definedExternally; set(value) = definedExternally + var freetext: Boolean? get() = definedExternally; set(value) = definedExternally + var showListOnEmpty: Boolean? get() = definedExternally; set(value) = definedExternally + } + + interface Validator { + var type: dynamic /* String /* "string" */ | String /* "required" */ | String /* "unique" */ | String /* "integer" */ | String /* "float" */ | String /* "numeric" */ | (cell: CellComponent, value: Any, parameters: Any? /*= null*/) -> Boolean */ + var parameters: Any? get() = definedExternally; set(value) = definedExternally + } + + interface KeyBinding { + var navPrev: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var navNext: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var navLeft: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var navRight: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var navUp: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var navDown: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var undo: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var redo: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var scrollPageUp: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var scrollPageDown: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var scrollToStart: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var scrollToEnd: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + var copyToClipboard: dynamic /* String | Boolean */ get() = definedExternally; set(value) = definedExternally + } + + interface CellNavigation { + var prev: () -> Boolean + var next: () -> Boolean + var left: () -> Boolean + var right: () -> Boolean + var up: () -> Unit + var down: () -> Unit + } + + interface RowComponent { + var getData: () -> Any + var getElement: () -> HTMLElement + var getTable: () -> Tabulator + var getNextRow: () -> dynamic /* Boolean | RowComponent */ + var getPrevRow: () -> dynamic /* Boolean | RowComponent */ + var getCells: () -> Array<CellComponent> + var getCell: (column: dynamic /* String | HTMLElement | ColumnComponent */) -> CellComponent + var getIndex: () -> Any + var getPosition: (filteredPosition: Boolean? /*= null*/) -> Number + var getGroup: () -> GroupComponent + var delete: () -> Promise<Unit> + var scrollTo: () -> Promise<Unit> + var pageTo: () -> Promise<Unit> + var move: (lookup: dynamic /* Number | HTMLElement | RowComponent */, belowTarget: Boolean? /*= null*/) -> Unit + var update: (data: Any) -> Promise<Unit> + var select: () -> Unit + var deselect: () -> Unit + var toggleSelect: () -> Unit + var isSelected: () -> Boolean + var normalizeHeight: () -> Unit + var reformat: () -> Unit + var freeze: () -> Unit + var unfreeze: () -> Unit + var treeExpand: () -> Unit + var treeCollapse: () -> Unit + var treeToggle: () -> Unit + var getTreeParent: () -> dynamic /* Boolean | RowComponent */ + var getTreeChildren: () -> Array<RowComponent> + } + + interface GroupComponent { + var getElement: () -> HTMLElement + var getTable: () -> Tabulator + var getKey: () -> Any + var getRows: () -> Array<RowComponent> + var getSubGroups: () -> Array<GroupComponent> + var getParentGroup: () -> dynamic /* Boolean | GroupComponent */ + var getVisibility: () -> Boolean + var show: () -> Unit + var hide: () -> Unit + var toggle: () -> Unit + } + + interface ColumnComponent { + var getElement: () -> HTMLElement + var getTable: () -> Tabulator + var getDefinition: () -> ColumnDefinition + var getField: () -> String + var getCells: () -> Array<CellComponent> + var getNextColumn: () -> dynamic /* Boolean | ColumnComponent */ + var getPrevColumn: () -> dynamic /* Boolean | ColumnComponent */ + var getVisibility: () -> Boolean + var show: () -> Unit + var hide: () -> Unit + var toggle: () -> Unit + var delete: () -> Unit + var scrollTo: () -> Promise<Unit> + var getSubColumns: () -> Array<ColumnComponent> + var getParentColumn: () -> dynamic /* Boolean | ColumnComponent */ + var headerFilterFocus: () -> Unit + var setHeaderFilterValue: (value: Any) -> Unit + var reloadHeaderFilter: () -> Unit + } + + interface CellComponent { + var getValue: () -> Any? + var getOldValue: () -> Any? + var restoreOldValue: () -> Any + var getElement: () -> HTMLElement + var getTable: () -> Tabulator + var getRow: () -> RowComponent + var getColumn: () -> ColumnComponent + var getData: () -> Any + var getField: () -> String + var setValue: (value: Any, mutate: Boolean? /*= null*/) -> Unit + var checkHeight: () -> Unit + var edit: (ignoreEditable: Boolean? /*= null*/) -> Unit + var cancelEdit: () -> Unit + var nav: () -> CellNavigation + } +} diff --git a/kvision-modules/kvision-tabulator/src/test/kotlin/test/pl/treksoft/kvision/TestUtil.kt b/kvision-modules/kvision-tabulator/src/test/kotlin/test/pl/treksoft/kvision/TestUtil.kt new file mode 100644 index 00000000..37d7a9df --- /dev/null +++ b/kvision-modules/kvision-tabulator/src/test/kotlin/test/pl/treksoft/kvision/TestUtil.kt @@ -0,0 +1,100 @@ +/* + * Copyright (c) 2017-present Robert Jaros + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ +package test.pl.treksoft.kvision + +import org.w3c.dom.Element +import pl.treksoft.jquery.jQuery +import pl.treksoft.kvision.core.Widget +import pl.treksoft.kvision.panel.Root +import kotlin.browser.document +import kotlin.test.assertEquals +import kotlin.test.assertTrue + +interface TestSpec { + fun beforeTest() + + fun afterTest() + + fun run(code: () -> Unit) { + beforeTest() + code() + afterTest() + } +} + +interface SimpleSpec : TestSpec { + + override fun beforeTest() { + } + + override fun afterTest() { + } + +} + +interface DomSpec : TestSpec { + + override fun beforeTest() { + val fixture = "<div style=\"display: none\" id=\"pretest\">" + + "<div id=\"test\"></div></div>" + document.body?.insertAdjacentHTML("afterbegin", fixture) + } + + override fun afterTest() { + val div = document.getElementById("pretest") + div?.let { jQuery(it).remove() } + jQuery(".modal-backdrop").remove() + Root.shutdown() + } + + fun assertEqualsHtml(expected: String?, actual: String?, message: String?) { + if (expected != null && actual != null) { + val exp = jQuery(expected) + val act = jQuery(actual) + val result = exp[0]?.isEqualNode(act[0]) + if (result == true) { + assertTrue(result == true, message) + } else { + assertEquals(expected, actual, message) + } + } else { + assertEquals(expected, actual, message) + } + } +} + +interface WSpec : DomSpec { + + fun runW(code: (widget: Widget, element: Element?) -> Unit) { + run { + val root = Root("test", true) + val widget = Widget() + widget.id = "test_id" + root.add(widget) + val element = document.getElementById("test_id") + code(widget, element) + } + } + +} + +external fun require(name: String): dynamic diff --git a/kvision-modules/kvision-tabulator/src/test/kotlin/test/pl/treksoft/kvision/tabulator/TabulatorSpec.kt b/kvision-modules/kvision-tabulator/src/test/kotlin/test/pl/treksoft/kvision/tabulator/TabulatorSpec.kt new file mode 100644 index 00000000..f90e1f46 --- /dev/null +++ b/kvision-modules/kvision-tabulator/src/test/kotlin/test/pl/treksoft/kvision/tabulator/TabulatorSpec.kt @@ -0,0 +1,57 @@ +/* + * Copyright (c) 2017-present Robert Jaros + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ +package test.pl.treksoft.kvision.tabulator + +import pl.treksoft.kvision.panel.Root +import pl.treksoft.kvision.tabulator.Options +import pl.treksoft.kvision.tabulator.Tabulator +import pl.treksoft.kvision.utils.obj +import test.pl.treksoft.kvision.DomSpec +import kotlin.browser.document +import kotlin.test.Test + +class TabulatorSpec : DomSpec { + + @Test + fun render() { + run { + val root = Root("test", true) + val tabulator = Tabulator<Any>(options = Options(data = arrayOf(obj { + id = 1 + name = "Name" + age = 40 + }, obj { + id = 2 + name = "Name2" + age = 50 + }))) + root.add(tabulator) + tabulator.redraw(true) + val element = document.getElementById("test") + assertEqualsHtml( + "<div class=\"tabulator\" role=\"grid\" tabulator-layout=\"fitData\"><div class=\"tabulator-header\" style=\"padding-right: 0px;\"><div class=\"tabulator-headers\" style=\"margin-left: 0px;\"><div class=\"tabulator-col tabulator-sortable\" role=\"columnheader\" aria-sort=\"none\" tabulator-field=\"id\" title=\"\" style=\"min-width: 40px;\"><div class=\"tabulator-col-content\"><div class=\"tabulator-col-title\">id</div><div class=\"tabulator-arrow\"></div></div><div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div><div class=\"tabulator-col tabulator-sortable\" role=\"columnheader\" aria-sort=\"none\" tabulator-field=\"name\" title=\"\" style=\"min-width: 40px;\"><div class=\"tabulator-col-content\"><div class=\"tabulator-col-title\">name</div><div class=\"tabulator-arrow\"></div></div><div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div><div class=\"tabulator-col tabulator-sortable\" role=\"columnheader\" aria-sort=\"none\" tabulator-field=\"age\" title=\"\" style=\"min-width: 40px;\"><div class=\"tabulator-col-content\"><div class=\"tabulator-col-title\">age</div><div class=\"tabulator-arrow\"></div></div><div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div></div><div class=\"tabulator-frozen-rows-holder\"></div></div><div class=\"tabulator-tableHolder\" tabindex=\"0\"><div class=\"tabulator-table\"><div class=\"tabulator-row tabulator-selectable tabulator-row-odd\" role=\"row\" style=\"padding-left: 0px;\"><div class=\"tabulator-cell\" role=\"gridcell\" tabulator-field=\"id\" title=\"\">1<div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div><div class=\"tabulator-cell\" role=\"gridcell\" tabulator-field=\"name\" title=\"\">Name<div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div><div class=\"tabulator-cell\" role=\"gridcell\" tabulator-field=\"age\" title=\"\">40<div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div></div><div class=\"tabulator-row tabulator-selectable tabulator-row-even\" role=\"row\" style=\"padding-left: 0px;\"><div class=\"tabulator-cell\" role=\"gridcell\" tabulator-field=\"id\" title=\"\">2<div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div><div class=\"tabulator-cell\" role=\"gridcell\" tabulator-field=\"name\" title=\"\">Name2<div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div><div class=\"tabulator-cell\" role=\"gridcell\" tabulator-field=\"age\" title=\"\">50<div class=\"tabulator-col-resize-handle\"></div><div class=\"tabulator-col-resize-handle prev\"></div></div></div></div></div></div>", + element?.innerHTML, + "Should render correct tabulator table" + ) + } + } +} |