@progress/kendo-themes-html 6.2.1-dev.0 → 6.2.1-dev.44

package/src/table/table-td.tsx

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { classNames } from '../utils';
+
+export interface TableTdProps {
+    children?: React.ReactNode;
+    className?: string;
+    text?: string;
+    colspan?: any;
+}
+
+
+export class TableTd extends React.Component<TableTdProps> {
+
+    render() {
+        const {
+            children,
+            className,
+            text,
+            colspan,
+            ...htmlAttributes
+        } = this.props;
+
+        const textOrChildren = text
+            ? text
+            : children;
+
+        return (
+            <td
+                colSpan={colspan}
+                {...htmlAttributes}
+                className={classNames(
+                    className,
+                    'k-table-td'
+                )}>
+                {textOrChildren}
+            </td>
+        );
+    }
+}

package/src/table/table-tfoot.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { classNames } from '../utils';
+
+export interface TableTfootProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+
+
+export class TableTfoot extends React.Component<TableTfootProps> {
+
+    render() {
+        const {
+            children,
+            className,
+        } = this.props;
+
+        return (
+            <tfoot
+                className={classNames(
+                    className,
+                    'k-table-tfoot'
+                )}>
+                {children}
+            </tfoot>
+        );
+    }
+}

package/src/table/table-th.tsx

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { classNames } from '../utils';
+
+export interface TableThProps {
+    children?: React.ReactNode;
+    className?: string;
+    text?: string;
+    colspan?: any;
+}
+
+
+export class TableTh extends React.Component<TableThProps> {
+
+    render() {
+        const {
+            children,
+            className,
+            text,
+            colspan,
+            ...htmlAttributes
+        } = this.props;
+
+        const textOrChildren = text
+            ? text
+            : children;
+
+        return (
+            <th
+                colSpan={colspan}
+                {...htmlAttributes}
+                className={classNames(
+                    className,
+                    'k-table-th'
+                )}>
+                {textOrChildren}
+            </th>
+        );
+    }
+}

package/src/table/table-thead.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { classNames } from '../utils';
+
+export interface TableTheadProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+
+
+export class TableThead extends React.Component<TableTheadProps> {
+
+    render() {
+        const {
+            children,
+            className,
+        } = this.props;
+
+        return (
+            <thead
+                className={classNames(
+                    className,
+                    'k-table-thead'
+                )}>
+                {children}
+            </thead>
+        );
+    }
+}

package/src/table/table.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { classNames, kendoThemeMaps } from '../utils';
+
+export interface TableProps {
+    children?: React.ReactNode;
+    className?: string;
+    size?: null | 'small' | 'medium' | 'large';
+}
+
+
+export class Table extends React.Component<TableProps> {
+
+    render() {
+        const {
+            children,
+            className,
+            size,
+        } = this.props;
+
+        return (
+            <table
+                className={classNames(
+                    className,
+                    'k-table',
+                    {
+                        [`k-table-${kendoThemeMaps.sizeMap[size!]}`]: size,
+                    }
+                )}>
+                {children}
+            </table>
+        );
+    }
+}