@clayui/table 3.141.2-alpha.0 → 3.143.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/Body.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-License-Identifier: BSD-3-Clause
4
+ */
5
+ import React from 'react';
6
+ declare const ClayTableBody: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
7
+ export default ClayTableBody;
package/lib/Cell.d.ts ADDED
@@ -0,0 +1,47 @@
1
+ /**
2
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-License-Identifier: BSD-3-Clause
4
+ */
5
+ import React from 'react';
6
+ import { TDelimiter } from './types';
7
+ declare type ColumnTextAlignmentType = 'center' | 'end' | 'start';
8
+ declare type TableCellBaseProps = React.ThHTMLAttributes<HTMLTableHeaderCellElement> & React.TdHTMLAttributes<HTMLTableDataCellElement>;
9
+ declare type TextCellAlignmentType = 'center' | 'left' | 'right';
10
+ export interface ICellProps extends TableCellBaseProps {
11
+ /**
12
+ * Aligns the text inside the Cell.
13
+ */
14
+ align?: TextCellAlignmentType;
15
+ /**
16
+ * Sometimes we are unable to remove specific table columns from the DOM
17
+ * and need to hide it using CSS. This property can be added to the "new"
18
+ * first or last cell to maintain table styles on the left and right side.
19
+ */
20
+ cellDelimiter?: TDelimiter;
21
+ /**
22
+ * Aligns horizontally contents inside the Cell.
23
+ */
24
+ columnTextAlignment?: ColumnTextAlignmentType;
25
+ /**
26
+ * Fills out the remaining space inside a Cell.
27
+ */
28
+ expanded?: boolean;
29
+ /**
30
+ * Defines the type of the Cell element, if true,
31
+ * cell element will be a `<th>`, otherwise `<td>`.
32
+ */
33
+ headingCell?: boolean;
34
+ /**
35
+ * Applies a style of heading inside a child of table
36
+ * header cell element.
37
+ */
38
+ headingTitle?: boolean;
39
+ noWrap?: boolean;
40
+ /**
41
+ * Truncates the text inside a Cell. Requires `expanded`
42
+ * property value set to true.
43
+ */
44
+ truncate?: boolean;
45
+ }
46
+ declare const ClayTableCell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<HTMLTableDataCellElement | HTMLTableHeaderCellElement>>;
47
+ export default ClayTableCell;
package/lib/Head.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ /**
2
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-License-Identifier: BSD-3-Clause
4
+ */
5
+ import React from 'react';
6
+ declare const ClayTableHead: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
7
+ export default ClayTableHead;
package/lib/Row.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ /**
2
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-License-Identifier: BSD-3-Clause
4
+ */
5
+ import React from 'react';
6
+ import { TDelimiter } from './types';
7
+ export interface IRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
8
+ /**
9
+ * Forces the active state inside the row.
10
+ */
11
+ active?: boolean;
12
+ /**
13
+ * Applies a divider style inside the row.
14
+ */
15
+ divider?: boolean;
16
+ /**
17
+ * This property can be added to the "new" first
18
+ * or last ClayTable.Row to maintain table styles on the top and bottom sides.
19
+ */
20
+ rowDelimiter?: TDelimiter;
21
+ }
22
+ declare const ClayTableRow: React.ForwardRefExoticComponent<IRowProps & React.RefAttributes<HTMLTableRowElement>>;
23
+ export default ClayTableRow;
package/lib/index.d.ts ADDED
@@ -0,0 +1,63 @@
1
+ /**
2
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-License-Identifier: BSD-3-Clause
4
+ */
5
+ import React from 'react';
6
+ declare type ResposiveSizeType = 'lg' | 'md' | 'sm' | 'xl';
7
+ declare type VerticalAlignmentType = 'bottom' | 'middle' | 'top';
8
+ export interface IProps extends React.HTMLAttributes<HTMLTableElement> {
9
+ /**
10
+ * This property vertically align the contents
11
+ * inside the table body according a given position.
12
+ */
13
+ bodyVerticalAlignment?: VerticalAlignmentType;
14
+ /**
15
+ * Applies a Bordered style on Table's columns.
16
+ */
17
+ borderedColumns?: boolean;
18
+ /**
19
+ * Removes the default border and rounded corners from table.
20
+ */
21
+ borderless?: boolean;
22
+ /**
23
+ * This property keeps all the headings on one line.
24
+ */
25
+ headingNoWrap?: boolean;
26
+ /**
27
+ * This property vertically align the contents
28
+ * inside the table header according a given position.
29
+ */
30
+ headVerticalAlignment?: VerticalAlignmentType;
31
+ /**
32
+ * Applies a Hover style on Table.
33
+ */
34
+ hover?: boolean;
35
+ /**
36
+ * This property enables keeping everything on one line.
37
+ */
38
+ noWrap?: boolean;
39
+ /**
40
+ * Turns the table responsive.
41
+ */
42
+ responsive?: boolean;
43
+ /**
44
+ * Defines the responsive sizing.
45
+ */
46
+ responsiveSize?: ResposiveSizeType;
47
+ /**
48
+ * Applies a Striped style on Table.
49
+ */
50
+ striped?: boolean;
51
+ /**
52
+ * This property vertically align the contents
53
+ * inside the table according a given position.
54
+ */
55
+ tableVerticalAlignment?: VerticalAlignmentType;
56
+ }
57
+ declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>> & {
58
+ Body: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
59
+ Cell: React.ForwardRefExoticComponent<import("./Cell").ICellProps & React.RefAttributes<HTMLTableDataCellElement | HTMLTableHeaderCellElement>>;
60
+ Head: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
61
+ Row: React.ForwardRefExoticComponent<import("./Row").IRowProps & React.RefAttributes<HTMLTableRowElement>>;
62
+ };
63
+ export default _default;
package/lib/types.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
3
+ * SPDX-License-Identifier: BSD-3-Clause
4
+ */
5
+ export declare type TDelimiter = 'start' | 'end';
package/package.json CHANGED
@@ -1,14 +1,17 @@
1
1
  {
2
2
  "name": "@clayui/table",
3
- "version": "3.141.2-alpha.0",
3
+ "version": "3.143.1",
4
4
  "description": "ClayTable component",
5
5
  "license": "BSD-3-Clause",
6
6
  "repository": "https://github.com/liferay/clay",
7
7
  "main": "lib/cjs/index.js",
8
8
  "module": "lib/esm/index.js",
9
9
  "exports": {
10
- "import": "./lib/esm/index.js",
11
- "require": "./lib/cjs/index.js"
10
+ ".": {
11
+ "import": "./lib/esm/index.js",
12
+ "require": "./lib/cjs/index.js",
13
+ "types": "./lib/index.d.ts"
14
+ }
12
15
  },
13
16
  "types": "lib/index.d.ts",
14
17
  "ts:main": "src/index.tsx",
@@ -31,11 +34,11 @@
31
34
  },
32
35
  "peerDependencies": {
33
36
  "@clayui/css": "3.x",
34
- "react": "^16.12.0",
35
- "react-dom": "^16.12.0"
37
+ "react": "^18.2.0",
38
+ "react-dom": "^18.2.0"
36
39
  },
37
40
  "browserslist": [
38
41
  "extends browserslist-config-clay"
39
42
  ],
40
- "gitHead": "aea6ecdaee62ccc374009982f934e1b193785668"
43
+ "gitHead": "33ff92129a27cdd394f1920330f70622203a1a52"
41
44
  }