es-grid-template
Version:
es-grid-template
91 lines (90 loc) • 4.07 kB
TypeScript
/// <reference types="react" />
export declare const LOCK_SHADOW_PADDING = 20;
export declare const Classes: {
/** Outer wrapper div for BaseTable component */
readonly artTableWrapper: "ui-rc-grid-table-wrapper";
readonly tableThemeDark: "ui-rc-grid-theme-dark";
readonly artTable: "ui-rc-grid-table";
readonly tableHeader: "ui-rc-grid-table-header";
readonly tableBody: "ui-rc-grid-table-body";
readonly tableFooter: "ui-rc-grid-table-footer";
/** Table row */
readonly tableRow: "ui-rc-grid-table-row";
/** Table header row */
readonly tableHeaderRow: "ui-rc-grid-table-header-row";
/** Cell */
readonly tableCell: "ui-rc-grid-table-cell";
readonly gridCell: "ui-rc-grid-cell";
readonly cellEllipsis: "ui-rc-grid-cell-ellipsis";
readonly cellWrap: "ui-rc-grid-cell-wrap";
readonly cellTextCenter: "ui-rc-grid-cell-text-center";
readonly cellTextRight: "ui-rc-grid-cell-text-right";
/** Header cell */
readonly tableHeaderCell: "ui-rc-grid-table-header-cell";
readonly virtualBlank: "ui-rc-grid-virtual-blank";
readonly stickyScroll: "ui-rc-grid-sticky-scroll";
readonly stickyScrollItem: "ui-rc-grid-sticky-scroll-item";
readonly horizontalScrollContainer: "ui-rc-grid-horizontal-scroll-container";
readonly lockShadowMask: "ui-rc-grid-lock-shadow-mask";
readonly lockShadow: "ui-rc-grid-lock-shadow";
readonly leftLockShadow: "ui-rc-grid-left-lock-shadow";
readonly rightLockShadow: "ui-rc-grid-right-lock-shadow";
/** Outer div for table content when data is empty */
readonly emptyWrapper: "ui-rc-grid-empty-wrapper";
readonly loadingWrapper: "ui-rc-grid-loading-wrapper";
readonly loadingIndicatorWrapper: "ui-rc-grid-loading-indicator-wrapper";
readonly loadingIndicator: "ui-rc-grid-loading-indicator";
readonly filterDropdown: "ui-rc-grid-filter-dropdown";
};
export type BaseTableCSSVariables = Partial<{
/** Table row height */
'--row-height': string;
/** Table font color */
'--color': string;
/** Table hover font color */
'--hover-color': string;
/** Table background color */
'--bgcolor': string;
/** Background color on hover */
'--hover-bgcolor': string;
/** Background color when a cell is highlighted */
'--highlight-bgcolor': string;
/** Header row height */
'--header-row-height': string;
/** Header font color */
'--header-color': string;
/** Header background color */
'--header-bgcolor': string;
/** Footer background color */
'--footer-bgcolor': string;
/** Footer color */
'--footer-color': string;
/** Header hover background color */
'--header-hover-bgcolor': string;
/** Header cell highlight background color */
'--header-highlight-bgcolor': string;
/** Cell padding */
'--cell-padding': string;
/** Font size */
'--font-size': string;
/** Line height for table text */
'--line-height': string;
/** Lock column shadow */
'--lock-shadow': string;
/** Cell border color */
'--border-color': string;
/** Cell border */
'--cell-border': string;
/** Cell horizontal border */
'--cell-border-horizontal': string;
/** Cell vertical border */
'--cell-border-vertical': string;
/** Header cell border */
'--header-cell-border': string;
/** Header cell horizontal border */
'--header-cell-border-horizontal': string;
/** Header cell vertical border */
'--header-cell-border-vertical': string;
}>;
export declare const StyledArtTableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
export declare const StyleTableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;