com.olvind.mui.muiMaterial.anon.TablePaginationPropsJSXElementConstructo.scala Maven / Gradle / Ivy
The newest version!
package com.olvind.mui.muiMaterial.anon
import com.olvind.mui.muiMaterial.stylesCreateThemeMod.Theme
import com.olvind.mui.muiMaterial.tableCellTableCellMod.SortDirection
import com.olvind.mui.muiMaterial.tablePaginationTablePaginationMod.LabelDisplayedRowsArgs
import com.olvind.mui.muiSystem.styleFunctionSxStyleFunctionSxMod.SxProps
import com.olvind.mui.react.anon.Html
import com.olvind.mui.react.mod.AnimationEventHandler
import com.olvind.mui.react.mod.AriaRole
import com.olvind.mui.react.mod.Booleanish
import com.olvind.mui.react.mod.CSSProperties
import com.olvind.mui.react.mod.ChangeEventHandler
import com.olvind.mui.react.mod.ClipboardEventHandler
import com.olvind.mui.react.mod.CompositionEventHandler
import com.olvind.mui.react.mod.DragEventHandler
import com.olvind.mui.react.mod.FocusEventHandler
import com.olvind.mui.react.mod.FormEventHandler
import com.olvind.mui.react.mod.KeyboardEventHandler
import com.olvind.mui.react.mod.MouseEventHandler
import com.olvind.mui.react.mod.PointerEventHandler
import com.olvind.mui.react.mod.ReactEventHandler
import com.olvind.mui.react.mod.TouchEventHandler
import com.olvind.mui.react.mod.TransitionEventHandler
import com.olvind.mui.react.mod.UIEventHandler
import com.olvind.mui.react.mod.WheelEventHandler
import org.scalajs.dom.HTMLButtonElement
import org.scalajs.dom.HTMLInputElement
import org.scalajs.dom.HTMLTableCellElement
import org.scalajs.dom.HTMLTextAreaElement
import slinky.core.facade.ReactElement
import slinky.web.SyntheticMouseEvent
import org.scalablytyped.runtime.StObject
import scala.scalajs.js
import scala.scalajs.js.annotation.{JSGlobalScope, JSGlobal, JSImport, JSName, JSBracketAccess}
/* Inlined @mui/material.@mui/material/TablePagination.TablePaginationProps, {}> */
@js.native
trait TablePaginationPropsJSXElementConstructo extends StObject {
/**
* The component used for displaying the actions.
* Either a string to use a HTML element or a component.
* @default TablePaginationActions
*/
var ActionsComponent: js.UndefOr[ReactElement] = js.native
/**
* Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
* @default {}
*/
var SelectProps: js.UndefOr[PartialSelectPropsunknown] = js.native
var abbr: js.UndefOr[String] = js.native
var about: js.UndefOr[String] = js.native
var accessKey: js.UndefOr[String] = js.native
var align: js.UndefOr["inherit" | "left" | "center" | "right" | "justify"] = js.native
var `aria-activedescendant`: js.UndefOr[String] = js.native
var `aria-atomic`: js.UndefOr[Booleanish] = js.native
var `aria-autocomplete`: js.UndefOr["none" | "inline" | "list" | "both"] = js.native
var `aria-busy`: js.UndefOr[Booleanish] = js.native
var `aria-checked`: js.UndefOr[Boolean | "mixed"] = js.native
var `aria-colcount`: js.UndefOr[Double] = js.native
var `aria-colindex`: js.UndefOr[Double] = js.native
var `aria-colspan`: js.UndefOr[Double] = js.native
var `aria-controls`: js.UndefOr[String] = js.native
var `aria-current`: js.UndefOr[Boolean | "page" | "step" | "location" | "date" | "time"] = js.native
var `aria-describedby`: js.UndefOr[String] = js.native
var `aria-details`: js.UndefOr[String] = js.native
var `aria-disabled`: js.UndefOr[Booleanish] = js.native
var `aria-dropeffect`: js.UndefOr["none" | "copy" | "execute" | "link" | "move" | "popup"] = js.native
var `aria-errormessage`: js.UndefOr[String] = js.native
var `aria-expanded`: js.UndefOr[Booleanish] = js.native
var `aria-flowto`: js.UndefOr[String] = js.native
var `aria-grabbed`: js.UndefOr[Booleanish] = js.native
var `aria-haspopup`: js.UndefOr[Boolean | "menu" | "listbox" | "tree" | "grid" | "dialog"] = js.native
var `aria-hidden`: js.UndefOr[Booleanish] = js.native
var `aria-invalid`: js.UndefOr[Boolean | "grammar" | "spelling"] = js.native
var `aria-keyshortcuts`: js.UndefOr[String] = js.native
var `aria-label`: js.UndefOr[String] = js.native
var `aria-labelledby`: js.UndefOr[String] = js.native
var `aria-level`: js.UndefOr[Double] = js.native
var `aria-live`: js.UndefOr["off" | "assertive" | "polite"] = js.native
var `aria-modal`: js.UndefOr[Booleanish] = js.native
var `aria-multiline`: js.UndefOr[Booleanish] = js.native
var `aria-multiselectable`: js.UndefOr[Booleanish] = js.native
var `aria-orientation`: js.UndefOr["horizontal" | "vertical"] = js.native
var `aria-owns`: js.UndefOr[String] = js.native
var `aria-placeholder`: js.UndefOr[String] = js.native
var `aria-posinset`: js.UndefOr[Double] = js.native
var `aria-pressed`: js.UndefOr[Boolean | "mixed"] = js.native
var `aria-readonly`: js.UndefOr[Booleanish] = js.native
var `aria-relevant`: js.UndefOr[
"additions" | ("additions removals") | ("additions text") | "all" | "removals" | ("removals additions") | ("removals text") | "text" | ("text additions") | ("text removals")
] = js.native
var `aria-required`: js.UndefOr[Booleanish] = js.native
var `aria-roledescription`: js.UndefOr[String] = js.native
var `aria-rowcount`: js.UndefOr[Double] = js.native
var `aria-rowindex`: js.UndefOr[Double] = js.native
var `aria-rowspan`: js.UndefOr[Double] = js.native
var `aria-selected`: js.UndefOr[Booleanish] = js.native
var `aria-setsize`: js.UndefOr[Double] = js.native
var `aria-sort`: js.UndefOr["none" | "ascending" | "descending" | "other"] = js.native
var `aria-valuemax`: js.UndefOr[Double] = js.native
var `aria-valuemin`: js.UndefOr[Double] = js.native
var `aria-valuenow`: js.UndefOr[Double] = js.native
var `aria-valuetext`: js.UndefOr[String] = js.native
var autoCapitalize: js.UndefOr[String] = js.native
var autoCorrect: js.UndefOr[String] = js.native
var autoFocus: js.UndefOr[Boolean] = js.native
var autoSave: js.UndefOr[String] = js.native
/**
* Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
*/
var backIconButtonProps: js.UndefOr[PartialIconButtonPropsIconButtonTypeMapb] = js.native
var className: js.UndefOr[String] = js.native
/**
* Override or extend the styles applied to the component.
*/
/**
* Override or extend the styles applied to the component.
*/
var classes: js.UndefOr[PartialTablePaginationClasses] = js.native
var colSpan: js.UndefOr[Double] = js.native
var color: js.UndefOr[String] = js.native
var content: js.UndefOr[String] = js.native
var contentEditable: js.UndefOr[Booleanish | "inherit"] = js.native
var contextMenu: js.UndefOr[String] = js.native
/**
* The total number of rows.
*
* To enable server side pagination for an unknown number of items, provide -1.
*/
var count: Double = js.native
var dangerouslySetInnerHTML: js.UndefOr[Html] = js.native
var datatype: js.UndefOr[String] = js.native
var defaultChecked: js.UndefOr[Boolean] = js.native
var defaultValue: js.UndefOr[String | Double | js.Array[String]] = js.native
var dir: js.UndefOr[String] = js.native
var draggable: js.UndefOr[Booleanish] = js.native
/**
* Accepts a function which returns a string value that provides a user-friendly name for the current page.
* This is important for screen reader users.
*
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
* @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
* @returns {string}
* @default function defaultGetAriaLabel(type) {
* return `Go to ${type} page`;
* }
*/
var getItemAriaLabel: js.UndefOr[js.Function1[/* type */ "first" | "last" | "next" | "previous", String]] = js.native
var headers: js.UndefOr[String] = js.native
var height: js.UndefOr[Double | String] = js.native
var hidden: js.UndefOr[Boolean] = js.native
var id: js.UndefOr[String] = js.native
var inlist: js.UndefOr[Any] = js.native
var inputMode: js.UndefOr["none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"] = js.native
var is: js.UndefOr[String] = js.native
var itemID: js.UndefOr[String] = js.native
var itemProp: js.UndefOr[String] = js.native
var itemRef: js.UndefOr[String] = js.native
var itemScope: js.UndefOr[Boolean] = js.native
var itemType: js.UndefOr[String] = js.native
/**
* Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
* object.
*
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
* @default function defaultLabelDisplayedRows({ from, to, count }) {
* return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
* }
*/
var labelDisplayedRows: js.UndefOr[js.Function1[/* paginationInfo */ LabelDisplayedRowsArgs, ReactElement]] = js.native
/**
* Customize the rows per page label.
*
* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
* @default 'Rows per page:'
*/
var labelRowsPerPage: js.UndefOr[ReactElement] = js.native
var lang: js.UndefOr[String] = js.native
/**
* Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
*/
var nextIconButtonProps: js.UndefOr[PartialIconButtonPropsIconButtonTypeMapb] = js.native
var nonce: js.UndefOr[String] = js.native
var onAbort: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onAnimationEnd: js.UndefOr[AnimationEventHandler[HTMLTableCellElement]] = js.native
var onAnimationIteration: js.UndefOr[AnimationEventHandler[HTMLTableCellElement]] = js.native
var onAnimationStart: js.UndefOr[AnimationEventHandler[HTMLTableCellElement]] = js.native
var onAuxClick: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onBeforeInput: js.UndefOr[FormEventHandler[HTMLTableCellElement]] = js.native
var onBlur: js.UndefOr[FocusEventHandler[HTMLTableCellElement]] = js.native
var onCanPlay: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onCanPlayThrough: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onChange: js.UndefOr[FormEventHandler[HTMLTableCellElement]] = js.native
var onClick: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onCompositionEnd: js.UndefOr[CompositionEventHandler[HTMLTableCellElement]] = js.native
var onCompositionStart: js.UndefOr[CompositionEventHandler[HTMLTableCellElement]] = js.native
var onCompositionUpdate: js.UndefOr[CompositionEventHandler[HTMLTableCellElement]] = js.native
var onContextMenu: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onCopy: js.UndefOr[ClipboardEventHandler[HTMLTableCellElement]] = js.native
var onCut: js.UndefOr[ClipboardEventHandler[HTMLTableCellElement]] = js.native
var onDoubleClick: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onDrag: js.UndefOr[DragEventHandler[HTMLTableCellElement]] = js.native
var onDragEnd: js.UndefOr[DragEventHandler[HTMLTableCellElement]] = js.native
var onDragEnter: js.UndefOr[DragEventHandler[HTMLTableCellElement]] = js.native
var onDragExit: js.UndefOr[DragEventHandler[HTMLTableCellElement]] = js.native
var onDragLeave: js.UndefOr[DragEventHandler[HTMLTableCellElement]] = js.native
var onDragOver: js.UndefOr[DragEventHandler[HTMLTableCellElement]] = js.native
var onDragStart: js.UndefOr[DragEventHandler[HTMLTableCellElement]] = js.native
var onDrop: js.UndefOr[DragEventHandler[HTMLTableCellElement]] = js.native
var onDurationChange: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onEmptied: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onEncrypted: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onEnded: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onError: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onFocus: js.UndefOr[FocusEventHandler[HTMLTableCellElement]] = js.native
var onInput: js.UndefOr[FormEventHandler[HTMLTableCellElement]] = js.native
var onInvalid: js.UndefOr[FormEventHandler[HTMLTableCellElement]] = js.native
var onKeyDown: js.UndefOr[KeyboardEventHandler[HTMLTableCellElement]] = js.native
var onKeyPress: js.UndefOr[KeyboardEventHandler[HTMLTableCellElement]] = js.native
var onKeyUp: js.UndefOr[KeyboardEventHandler[HTMLTableCellElement]] = js.native
var onLoad: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onLoadStart: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onLoadedData: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onLoadedMetadata: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onMouseDown: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onMouseEnter: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onMouseLeave: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onMouseMove: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onMouseOut: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onMouseOver: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
var onMouseUp: js.UndefOr[MouseEventHandler[HTMLTableCellElement]] = js.native
def onPageChange(event: Null, page: Double): Unit = js.native
/**
* Callback fired when the page is changed.
*
* @param {React.MouseEvent | null} event The event source of the callback.
* @param {number} page The page selected.
*/
def onPageChange(event: SyntheticMouseEvent[HTMLButtonElement], page: Double): Unit = js.native
var onPaste: js.UndefOr[ClipboardEventHandler[HTMLTableCellElement]] = js.native
var onPause: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onPlay: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onPlaying: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onPointerCancel: js.UndefOr[PointerEventHandler[HTMLTableCellElement]] = js.native
var onPointerDown: js.UndefOr[PointerEventHandler[HTMLTableCellElement]] = js.native
var onPointerEnter: js.UndefOr[PointerEventHandler[HTMLTableCellElement]] = js.native
var onPointerLeave: js.UndefOr[PointerEventHandler[HTMLTableCellElement]] = js.native
var onPointerMove: js.UndefOr[PointerEventHandler[HTMLTableCellElement]] = js.native
var onPointerOut: js.UndefOr[PointerEventHandler[HTMLTableCellElement]] = js.native
var onPointerOver: js.UndefOr[PointerEventHandler[HTMLTableCellElement]] = js.native
var onPointerUp: js.UndefOr[PointerEventHandler[HTMLTableCellElement]] = js.native
var onProgress: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onRateChange: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onReset: js.UndefOr[FormEventHandler[HTMLTableCellElement]] = js.native
var onResize: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
/**
* Callback fired when the number of rows per page is changed.
*
* @param {React.ChangeEvent} event The event source of the callback.
*/
var onRowsPerPageChange: js.UndefOr[ChangeEventHandler[HTMLTextAreaElement | HTMLInputElement]] = js.native
var onScroll: js.UndefOr[UIEventHandler[HTMLTableCellElement]] = js.native
var onSeeked: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onSeeking: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onSelect: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onStalled: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onSubmit: js.UndefOr[FormEventHandler[HTMLTableCellElement]] = js.native
var onSuspend: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onTimeUpdate: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onTouchCancel: js.UndefOr[TouchEventHandler[HTMLTableCellElement]] = js.native
var onTouchEnd: js.UndefOr[TouchEventHandler[HTMLTableCellElement]] = js.native
var onTouchMove: js.UndefOr[TouchEventHandler[HTMLTableCellElement]] = js.native
var onTouchStart: js.UndefOr[TouchEventHandler[HTMLTableCellElement]] = js.native
var onTransitionEnd: js.UndefOr[TransitionEventHandler[HTMLTableCellElement]] = js.native
var onVolumeChange: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onWaiting: js.UndefOr[ReactEventHandler[HTMLTableCellElement]] = js.native
var onWheel: js.UndefOr[WheelEventHandler[HTMLTableCellElement]] = js.native
var padding: js.UndefOr["normal" | "checkbox" | "none"] = js.native
/**
* The zero-based index of the current page.
*/
var page: Double = js.native
var placeholder: js.UndefOr[String] = js.native
var prefix: js.UndefOr[String] = js.native
var property: js.UndefOr[String] = js.native
var radioGroup: js.UndefOr[String] = js.native
var ref: js.UndefOr[
/* import warning: importer.ImportType#apply Failed type conversion: @mui/material.@mui/material/TableCell/TableCell.TableCellBaseProps extends { ref :infer RefType | undefined} ? RefType : react.react.Ref */ js.Any
] = js.native
var rel: js.UndefOr[String] = js.native
var resource: js.UndefOr[String] = js.native
var results: js.UndefOr[Double] = js.native
var rev: js.UndefOr[String] = js.native
var role: js.UndefOr[AriaRole] = js.native
var rowSpan: js.UndefOr[Double] = js.native
/**
* The number of rows per page.
*
* Set -1 to display all the rows.
*/
var rowsPerPage: Double = js.native
/**
* Customizes the options of the rows per page select field. If less than two options are
* available, no select field will be displayed.
* Use -1 for the value with a custom label to show all the rows.
* @default [10, 25, 50, 100]
*/
var rowsPerPageOptions: js.UndefOr[js.Array[Double | LabelValue]] = js.native
var scope: js.UndefOr[String] = js.native
var security: js.UndefOr[String] = js.native
/**
* If `true`, show the first-page button.
* @default false
*/
var showFirstButton: js.UndefOr[Boolean] = js.native
/**
* If `true`, show the last-page button.
* @default false
*/
var showLastButton: js.UndefOr[Boolean] = js.native
var size: js.UndefOr["small" | "medium"] = js.native
var slot: js.UndefOr[String] = js.native
var sortDirection: js.UndefOr[SortDirection] = js.native
var spellCheck: js.UndefOr[Booleanish] = js.native
var style: js.UndefOr[CSSProperties] = js.native
var suppressContentEditableWarning: js.UndefOr[Boolean] = js.native
var suppressHydrationWarning: js.UndefOr[Boolean] = js.native
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
var sx: js.UndefOr[SxProps[Theme]] = js.native
var tabIndex: js.UndefOr[Double] = js.native
var title: js.UndefOr[String] = js.native
var translate: js.UndefOr["yes" | "no"] = js.native
var typeof: js.UndefOr[String] = js.native
var unselectable: js.UndefOr["on" | "off"] = js.native
var valign: js.UndefOr["top" | "middle" | "bottom" | "baseline"] = js.native
var variant: js.UndefOr["head" | "body" | "footer"] = js.native
var vocab: js.UndefOr[String] = js.native
var width: js.UndefOr[Double | String] = js.native
}