@clayui/table 3.40.0 → 3.105.1-alpha.8
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/README.md +19 -0
- package/lib/Body.d.ts +4 -0
- package/lib/Body.js +1 -1
- package/lib/Body.js.map +1 -0
- package/lib/Cell.d.ts +30 -0
- package/lib/Cell.js +1 -1
- package/lib/Cell.js.map +1 -0
- package/lib/Head.d.ts +4 -0
- package/lib/Head.js +1 -1
- package/lib/Head.js.map +1 -0
- package/lib/Row.d.ts +14 -0
- package/lib/Row.js +1 -1
- package/lib/Row.js.map +1 -0
- package/lib/index.d.ts +41 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -0
- package/lib/types.d.ts +4 -0
- package/lib/types.js.map +1 -0
- package/package.json +5 -6
- package/README.mdx +0 -14
- package/src/Body.tsx +0 -21
- package/src/Cell.tsx +0 -120
- package/src/Head.tsx +0 -21
- package/src/Row.tsx +0 -59
- package/src/__tests__/__snapshots__/index.tsx.snap +0 -443
- package/src/__tests__/index.tsx +0 -268
- package/src/index.tsx +0 -142
- package/src/types.ts +0 -6
package/README.md
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# `@clayui/table`
|
|
2
|
+
|
|
3
|
+
A table is a specific pattern for comparing datasets in a very direct and analytical way.
|
|
4
|
+
|
|
5
|
+
- [Documentation](https://clayui.com/docs/components/table.html)
|
|
6
|
+
- [Changelog](./CHANGELOG.md)
|
|
7
|
+
- [Breaking change schedule](./BREAKING.md)
|
|
8
|
+
|
|
9
|
+
## Install
|
|
10
|
+
|
|
11
|
+
Run `yarn`
|
|
12
|
+
|
|
13
|
+
```shell
|
|
14
|
+
yarn add @clayui/table
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Contribute
|
|
18
|
+
|
|
19
|
+
We'd love to get contributions from you! Please, check our [Contributing Guidelines](https://github.com/liferay/clay/blob/master/CONTRIBUTING.md) to see how you can help us improve.
|
package/lib/Body.d.ts
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
+
*/
|
|
1
5
|
import React from 'react';
|
|
2
6
|
declare const ClayTableBody: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
3
7
|
export default ClayTableBody;
|
package/lib/Body.js
CHANGED
|
@@ -11,7 +11,7 @@ var _excluded = ["children"];
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
function _extends() { _extends = Object.assign
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
15
|
|
|
16
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
17
|
|
package/lib/Body.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Body.js","names":["_react","_interopRequireDefault","require","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ClayTableBody","React","forwardRef","_ref","ref","children","otherProps","createElement","displayName","_default","exports"],"sources":["../src/Body.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport React from 'react';\n\nconst ClayTableBody = React.forwardRef<\n\tHTMLTableSectionElement,\n\tReact.TableHTMLAttributes<HTMLTableSectionElement>\n>(({children, ...otherProps}, ref) => {\n\treturn (\n\t\t<tbody {...otherProps} ref={ref}>\n\t\t\t{children}\n\t\t</tbody>\n\t);\n});\n\nClayTableBody.displayName = 'ClayTableBody';\n\nexport default ClayTableBody;\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,SAAA;AAL1B;AACA;AACA;AACA;AAHA,SAAAF,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAOA,IAAMmB,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAGpC,UAAAC,IAAA,EAA4BC,GAAG,EAAK;EAAA,IAAlCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,UAAU,GAAAf,wBAAA,CAAAY,IAAA,EAAA9B,SAAA;EAC1B,oBACCH,MAAA,CAAAM,OAAA,CAAA+B,aAAA,UAAA9B,QAAA,KAAW6B,UAAU;IAAEF,GAAG,EAAEA;EAAI,IAC9BC,QACK,CAAC;AAEV,CAAC,CAAC;AAEFL,aAAa,CAACQ,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAE7BT,aAAa;AAAAU,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
|
package/lib/Cell.d.ts
CHANGED
|
@@ -1,16 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
+
*/
|
|
1
5
|
import React from 'react';
|
|
2
6
|
import { TDelimiter } from './types';
|
|
3
7
|
declare type ColumnTextAlignmentType = 'center' | 'end' | 'start';
|
|
4
8
|
declare type TableCellBaseProps = React.ThHTMLAttributes<HTMLTableHeaderCellElement> & React.TdHTMLAttributes<HTMLTableDataCellElement>;
|
|
5
9
|
declare type TextCellAlignmentType = 'center' | 'left' | 'right';
|
|
6
10
|
export interface ICellProps extends TableCellBaseProps {
|
|
11
|
+
/**
|
|
12
|
+
* Aligns the text inside the Cell.
|
|
13
|
+
*/
|
|
7
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
|
+
*/
|
|
8
20
|
cellDelimiter?: TDelimiter;
|
|
21
|
+
/**
|
|
22
|
+
* Aligns horizontally contents inside the Cell.
|
|
23
|
+
*/
|
|
9
24
|
columnTextAlignment?: ColumnTextAlignmentType;
|
|
25
|
+
/**
|
|
26
|
+
* Fills out the remaining space inside a Cell.
|
|
27
|
+
*/
|
|
10
28
|
expanded?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Defines the type of the Cell element, if true,
|
|
31
|
+
* cell element will be a `<th>`, otherwise `<td>`.
|
|
32
|
+
*/
|
|
11
33
|
headingCell?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Applies a style of heading inside a child of table
|
|
36
|
+
* header cell element.
|
|
37
|
+
*/
|
|
12
38
|
headingTitle?: boolean;
|
|
13
39
|
noWrap?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Truncates the text inside a Cell. Requires `expanded`
|
|
42
|
+
* property value set to true.
|
|
43
|
+
*/
|
|
14
44
|
truncate?: boolean;
|
|
15
45
|
}
|
|
16
46
|
declare const ClayTableCell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<HTMLTableDataCellElement | HTMLTableHeaderCellElement>>;
|
package/lib/Cell.js
CHANGED
|
@@ -13,7 +13,7 @@ var _excluded = ["align", "cellDelimiter", "children", "className", "columnTextA
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
17
|
|
|
18
18
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
19
|
|
package/lib/Cell.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Cell.js","names":["_classnames","_interopRequireDefault","require","_react","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ClayTableCell","React","forwardRef","_ref","ref","_classNames","align","cellDelimiter","children","className","columnTextAlignment","expanded","_ref$headingCell","headingCell","_ref$headingTitle","headingTitle","_ref$noWrap","noWrap","_ref$truncate","truncate","otherProps","TagName","createElement","classNames","concat","Children","map","child","displayName","_default","exports"],"sources":["../src/Cell.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {TDelimiter} from './types';\n\ntype ColumnTextAlignmentType = 'center' | 'end' | 'start';\n\ntype TableCellBaseProps = React.ThHTMLAttributes<HTMLTableHeaderCellElement> &\n\tReact.TdHTMLAttributes<HTMLTableDataCellElement>;\n\ntype TextCellAlignmentType = 'center' | 'left' | 'right';\n\nexport interface ICellProps extends TableCellBaseProps {\n\t/**\n\t * Aligns the text inside the Cell.\n\t */\n\talign?: TextCellAlignmentType;\n\n\t/**\n\t * Sometimes we are unable to remove specific table columns from the DOM\n\t * and need to hide it using CSS. This property can be added to the \"new\"\n\t * first or last cell to maintain table styles on the left and right side.\n\t */\n\tcellDelimiter?: TDelimiter;\n\n\t/**\n\t * Aligns horizontally contents inside the Cell.\n\t */\n\tcolumnTextAlignment?: ColumnTextAlignmentType;\n\n\t/**\n\t * Fills out the remaining space inside a Cell.\n\t */\n\texpanded?: boolean;\n\n\t/**\n\t * Defines the type of the Cell element, if true,\n\t * cell element will be a `<th>`, otherwise `<td>`.\n\t */\n\theadingCell?: boolean;\n\n\t/**\n\t * Applies a style of heading inside a child of table\n\t * header cell element.\n\t */\n\theadingTitle?: boolean;\n\n\t/*\n\t * Keep cells on one line.\n\t */\n\tnoWrap?: boolean;\n\n\t/**\n\t * Truncates the text inside a Cell. Requires `expanded`\n\t * property value set to true.\n\t */\n\ttruncate?: boolean;\n}\n\nconst ClayTableCell = React.forwardRef<\n\tHTMLTableHeaderCellElement | HTMLTableDataCellElement,\n\tICellProps\n>(\n\t(\n\t\t{\n\t\t\talign,\n\t\t\tcellDelimiter,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tcolumnTextAlignment,\n\t\t\texpanded,\n\t\t\theadingCell = false,\n\t\t\theadingTitle = false,\n\t\t\tnoWrap = false,\n\t\t\ttruncate = false,\n\t\t\t...otherProps\n\t\t}: ICellProps,\n\t\tref\n\t) => {\n\t\tconst TagName = headingCell ? 'th' : 'td';\n\n\t\treturn (\n\t\t\t<TagName\n\t\t\t\t{...otherProps}\n\t\t\t\tclassName={classNames(className, {\n\t\t\t\t\t'table-cell-expand': expanded || truncate,\n\t\t\t\t\t[`table-cell-${cellDelimiter}`]: cellDelimiter,\n\t\t\t\t\t[`table-column-text-${columnTextAlignment}`]:\n\t\t\t\t\t\tcolumnTextAlignment,\n\t\t\t\t\t[`text-${align}`]: align,\n\t\t\t\t\t'table-cell-ws-nowrap': noWrap,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t{headingTitle ? (\n\t\t\t\t\tReact.Children.map(children, (child, i) => (\n\t\t\t\t\t\t<p className=\"table-list-title\" key={i}>\n\t\t\t\t\t\t\t{child}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t))\n\t\t\t\t) : truncate && typeof children === 'string' ? (\n\t\t\t\t\t<span className=\"text-truncate-inline\">\n\t\t\t\t\t\t<span className=\"text-truncate\">{children}</span>\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</TagName>\n\t\t);\n\t}\n);\n\nClayTableCell.displayName = 'ClayTableCell';\n\nexport default ClayTableCell;\n"],"mappings":"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"}
|
package/lib/Head.d.ts
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
+
*/
|
|
1
5
|
import React from 'react';
|
|
2
6
|
declare const ClayTableHead: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
3
7
|
export default ClayTableHead;
|
package/lib/Head.js
CHANGED
|
@@ -11,7 +11,7 @@ var _excluded = ["children"];
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
-
function _extends() { _extends = Object.assign
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
15
|
|
|
16
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
17
|
|
package/lib/Head.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Head.js","names":["_react","_interopRequireDefault","require","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ClayTableHead","React","forwardRef","_ref","ref","children","otherProps","createElement","displayName","_default","exports"],"sources":["../src/Head.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport React from 'react';\n\nconst ClayTableHead = React.forwardRef<\n\tHTMLTableSectionElement,\n\tReact.TableHTMLAttributes<HTMLTableSectionElement>\n>(({children, ...otherProps}, ref) => {\n\treturn (\n\t\t<thead {...otherProps} ref={ref}>\n\t\t\t{children}\n\t\t</thead>\n\t);\n});\n\nClayTableHead.displayName = 'ClayTableHead';\n\nexport default ClayTableHead;\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,SAAA;AAL1B;AACA;AACA;AACA;AAHA,SAAAF,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAOA,IAAMmB,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAGpC,UAAAC,IAAA,EAA4BC,GAAG,EAAK;EAAA,IAAlCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,UAAU,GAAAf,wBAAA,CAAAY,IAAA,EAAA9B,SAAA;EAC1B,oBACCH,MAAA,CAAAM,OAAA,CAAA+B,aAAA,UAAA9B,QAAA,KAAW6B,UAAU;IAAEF,GAAG,EAAEA;EAAI,IAC9BC,QACK,CAAC;AAEV,CAAC,CAAC;AAEFL,aAAa,CAACQ,WAAW,GAAG,eAAe;AAAC,IAAAC,QAAA,GAE7BT,aAAa;AAAAU,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}
|
package/lib/Row.d.ts
CHANGED
|
@@ -1,8 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
+
*/
|
|
1
5
|
import React from 'react';
|
|
2
6
|
import { TDelimiter } from './types';
|
|
3
7
|
export interface IRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
8
|
+
/**
|
|
9
|
+
* Forces the active state inside the row.
|
|
10
|
+
*/
|
|
4
11
|
active?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Applies a divider style inside the row.
|
|
14
|
+
*/
|
|
5
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
|
+
*/
|
|
6
20
|
rowDelimiter?: TDelimiter;
|
|
7
21
|
}
|
|
8
22
|
declare const ClayTableRow: React.ForwardRefExoticComponent<IRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
package/lib/Row.js
CHANGED
|
@@ -13,7 +13,7 @@ var _excluded = ["active", "children", "className", "divider", "rowDelimiter"];
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
17
|
|
|
18
18
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
19
|
|
package/lib/Row.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Row.js","names":["_classnames","_interopRequireDefault","require","_react","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ClayTableRow","React","forwardRef","_ref","ref","_ref$active","active","children","className","_ref$divider","divider","rowDelimiter","otherProps","createElement","classNames","concat","displayName","_default","exports"],"sources":["../src/Row.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {TDelimiter} from './types';\n\nexport interface IRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n\t/**\n\t * Forces the active state inside the row.\n\t */\n\tactive?: boolean;\n\n\t/**\n\t * Applies a divider style inside the row.\n\t */\n\tdivider?: boolean;\n\n\t/**\n\t * This property can be added to the \"new\" first\n\t * or last ClayTable.Row to maintain table styles on the top and bottom sides.\n\t */\n\trowDelimiter?: TDelimiter;\n}\n\nconst ClayTableRow = React.forwardRef<HTMLTableRowElement, IRowProps>(\n\t(\n\t\t{\n\t\t\tactive = false,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tdivider = false,\n\t\t\trowDelimiter,\n\t\t\t...otherProps\n\t\t}: IRowProps,\n\t\tref\n\t) => {\n\t\treturn (\n\t\t\t<tr\n\t\t\t\t{...otherProps}\n\t\t\t\tclassName={classNames(className, {\n\t\t\t\t\t'table-active': active,\n\t\t\t\t\t'table-divider': divider,\n\t\t\t\t\t[`table-row-${rowDelimiter}`]: rowDelimiter,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</tr>\n\t\t);\n\t}\n);\n\nClayTableRow.displayName = 'ClayTableRow';\n\nexport default ClayTableRow;\n"],"mappings":";;;;;;;AAKA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,IAAAE,SAAA;AAN1B;AACA;AACA;AACA;AAHA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,gBAAAjB,GAAA,EAAAY,GAAA,EAAAM,KAAA,IAAAN,GAAA,GAAAO,cAAA,CAAAP,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAI,MAAA,CAAAgB,cAAA,CAAApB,GAAA,EAAAY,GAAA,IAAAM,KAAA,EAAAA,KAAA,EAAAG,UAAA,QAAAC,YAAA,QAAAC,QAAA,oBAAAvB,GAAA,CAAAY,GAAA,IAAAM,KAAA,WAAAlB,GAAA;AAAA,SAAAmB,eAAAK,GAAA,QAAAZ,GAAA,GAAAa,YAAA,CAAAD,GAAA,oBAAAE,OAAA,CAAAd,GAAA,iBAAAA,GAAA,GAAAe,MAAA,CAAAf,GAAA;AAAA,SAAAa,aAAAG,KAAA,EAAAC,IAAA,QAAAH,OAAA,CAAAE,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAf,IAAA,CAAAa,KAAA,EAAAC,IAAA,oBAAAH,OAAA,CAAAQ,GAAA,uBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAA1B,MAAA,EAAA2B,QAAA,QAAA3B,MAAA,yBAAAJ,MAAA,GAAAgC,6BAAA,CAAA5B,MAAA,EAAA2B,QAAA,OAAA1B,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAoC,qBAAA,QAAAC,gBAAA,GAAArC,MAAA,CAAAoC,qBAAA,CAAA7B,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAiC,gBAAA,CAAA/B,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAA6B,gBAAA,CAAAjC,CAAA,OAAA8B,QAAA,CAAAI,OAAA,CAAA9B,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAA8B,oBAAA,CAAA5B,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAgC,8BAAA5B,MAAA,EAAA2B,QAAA,QAAA3B,MAAA,yBAAAJ,MAAA,WAAAqC,UAAA,GAAAxC,MAAA,CAAAyC,IAAA,CAAAlC,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAoC,UAAA,CAAAlC,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAgC,UAAA,CAAApC,CAAA,OAAA8B,QAAA,CAAAI,OAAA,CAAA9B,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AA4BA,IAAMuC,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACpC,UAAAC,IAAA,EASCC,GAAG,EACC;EAAA,IAAAC,WAAA,GAAAF,IAAA,CARHG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACdE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,YAAA,GAAAN,IAAA,CACTO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACfE,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACTC,UAAU,GAAArB,wBAAA,CAAAY,IAAA,EAAAlD,SAAA;EAId,oBACCD,MAAA,CAAAI,OAAA,CAAAyD,aAAA,OAAAxD,QAAA,KACKuD,UAAU;IACdJ,SAAS,EAAE,IAAAM,mBAAU,EAACN,SAAS,EAAArC,eAAA;MAC9B,cAAc,EAAEmC,MAAM;MACtB,eAAe,EAAEI;IAAO,gBAAAK,MAAA,CACVJ,YAAY,GAAKA,YAAY,CAC3C,CAAE;IACHP,GAAG,EAAEA;EAAI,IAERG,QACE,CAAC;AAEP,CACD,CAAC;AAEDP,YAAY,CAACgB,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAE3BjB,YAAY;AAAAkB,OAAA,CAAA9D,OAAA,GAAA6D,QAAA"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,17 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
+
*/
|
|
1
5
|
import React from 'react';
|
|
2
6
|
declare type ResposiveSizeType = 'lg' | 'md' | 'sm' | 'xl';
|
|
3
7
|
declare type VerticalAlignmentType = 'bottom' | 'middle' | 'top';
|
|
4
|
-
interface IProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
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
|
+
*/
|
|
5
13
|
bodyVerticalAlignment?: VerticalAlignmentType;
|
|
14
|
+
/**
|
|
15
|
+
* Applies a Bordered style on Table's columns.
|
|
16
|
+
*/
|
|
6
17
|
borderedColumns?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Removes the default border and rounded corners from table.
|
|
20
|
+
*/
|
|
7
21
|
borderless?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* This property keeps all the headings on one line.
|
|
24
|
+
*/
|
|
8
25
|
headingNoWrap?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* This property vertically align the contents
|
|
28
|
+
* inside the table header according a given position.
|
|
29
|
+
*/
|
|
9
30
|
headVerticalAlignment?: VerticalAlignmentType;
|
|
31
|
+
/**
|
|
32
|
+
* Applies a Hover style on Table.
|
|
33
|
+
*/
|
|
10
34
|
hover?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* This property enables keeping everything on one line.
|
|
37
|
+
*/
|
|
11
38
|
noWrap?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Turns the table responsive.
|
|
41
|
+
*/
|
|
12
42
|
responsive?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Defines the responsive sizing.
|
|
45
|
+
*/
|
|
13
46
|
responsiveSize?: ResposiveSizeType;
|
|
47
|
+
/**
|
|
48
|
+
* Applies a Striped style on Table.
|
|
49
|
+
*/
|
|
14
50
|
striped?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* This property vertically align the contents
|
|
53
|
+
* inside the table according a given position.
|
|
54
|
+
*/
|
|
15
55
|
tableVerticalAlignment?: VerticalAlignmentType;
|
|
16
56
|
}
|
|
17
57
|
declare const _default: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>> & {
|
package/lib/index.js
CHANGED
|
@@ -21,7 +21,7 @@ var _excluded = ["bodyVerticalAlignment", "borderedColumns", "borderless", "chil
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
23
|
|
|
24
|
-
function _extends() { _extends = Object.assign
|
|
24
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
25
|
|
|
26
26
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
27
|
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_classnames","_interopRequireDefault","require","_react","_Body","_Cell","_Head","_Row","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ClayTable","React","forwardRef","_ref","ref","_classNames2","bodyVerticalAlignment","borderedColumns","borderless","children","className","headVerticalAlignment","headingNoWrap","_ref$hover","hover","noWrap","_ref$responsive","responsive","responsiveSize","striped","tableVerticalAlignment","otherProps","createElement","classNames","concat","displayName","_default","Body","Cell","Head","Row","exports"],"sources":["../src/index.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport Body from './Body';\nimport Cell from './Cell';\nimport Head from './Head';\nimport Row from './Row';\n\ntype ResposiveSizeType = 'lg' | 'md' | 'sm' | 'xl';\n\ntype VerticalAlignmentType = 'bottom' | 'middle' | 'top';\n\ninterface IProps extends React.HTMLAttributes<HTMLTableElement> {\n\t/**\n\t * This property vertically align the contents\n\t * inside the table body according a given position.\n\t */\n\tbodyVerticalAlignment?: VerticalAlignmentType;\n\n\t/**\n\t * Applies a Bordered style on Table's columns.\n\t */\n\tborderedColumns?: boolean;\n\n\t/**\n\t * Removes the default border and rounded corners from table.\n\t */\n\tborderless?: boolean;\n\n\t/**\n\t * This property keeps all the headings on one line.\n\t */\n\theadingNoWrap?: boolean;\n\n\t/**\n\t * This property vertically align the contents\n\t * inside the table header according a given position.\n\t */\n\theadVerticalAlignment?: VerticalAlignmentType;\n\n\t/**\n\t * Applies a Hover style on Table.\n\t */\n\thover?: boolean;\n\n\t/**\n\t * This property enables keeping everything on one line.\n\t */\n\tnoWrap?: boolean;\n\n\t/**\n\t * Turns the table responsive.\n\t */\n\tresponsive?: boolean;\n\n\t/**\n\t * Defines the responsive sizing.\n\t */\n\tresponsiveSize?: ResposiveSizeType;\n\n\t/**\n\t * Applies a Striped style on Table.\n\t */\n\tstriped?: boolean;\n\n\t/**\n\t * This property vertically align the contents\n\t * inside the table according a given position.\n\t */\n\ttableVerticalAlignment?: VerticalAlignmentType;\n}\n\nconst ClayTable = React.forwardRef<HTMLDivElement, IProps>(\n\t(\n\t\t{\n\t\t\tbodyVerticalAlignment,\n\t\t\tborderedColumns,\n\t\t\tborderless,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\theadVerticalAlignment,\n\t\t\theadingNoWrap,\n\t\t\thover = true,\n\t\t\tnoWrap,\n\t\t\tresponsive = true,\n\t\t\tresponsiveSize,\n\t\t\tstriped,\n\t\t\ttableVerticalAlignment,\n\t\t\t...otherProps\n\t\t}: IProps,\n\t\tref\n\t) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={classNames({\n\t\t\t\t\t'table-responsive': responsive,\n\t\t\t\t\t[`table-responsive-${responsiveSize}`]: responsiveSize,\n\t\t\t\t})}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t<table\n\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t'table table-autofit',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'show-quick-actions-on-hover': hover,\n\t\t\t\t\t\t\t'table-bordered': borderedColumns,\n\t\t\t\t\t\t\t'table-heading-nowrap': headingNoWrap,\n\t\t\t\t\t\t\t'table-hover': hover,\n\t\t\t\t\t\t\t'table-list': !borderless,\n\t\t\t\t\t\t\t'table-nowrap': noWrap,\n\t\t\t\t\t\t\t'table-striped': striped,\n\t\t\t\t\t\t\t[`tbody-valign-${bodyVerticalAlignment}`]:\n\t\t\t\t\t\t\t\tbodyVerticalAlignment,\n\t\t\t\t\t\t\t[`thead-valign-${headVerticalAlignment}`]:\n\t\t\t\t\t\t\t\theadVerticalAlignment,\n\t\t\t\t\t\t\t[`table-valign-${tableVerticalAlignment}`]:\n\t\t\t\t\t\t\t\ttableVerticalAlignment,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tclassName\n\t\t\t\t\t)}\n\t\t\t\t\t{...otherProps}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nClayTable.displayName = 'ClayTable';\n\nexport default Object.assign(ClayTable, {\n\tBody,\n\tCell,\n\tHead,\n\tRow,\n});\n"],"mappings":"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"}
|
package/lib/types.d.ts
CHANGED
package/lib/types.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","names":[],"sources":["../src/types.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nexport type TDelimiter = 'start' | 'end';\n"],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clayui/table",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.105.1-alpha.8+41563f2b8",
|
|
4
4
|
"description": "ClayTable component",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"repository": "https://github.com/liferay/clay",
|
|
@@ -12,13 +12,12 @@
|
|
|
12
12
|
"types": "lib/index.d.ts",
|
|
13
13
|
"ts:main": "src/index.tsx",
|
|
14
14
|
"files": [
|
|
15
|
-
"lib"
|
|
16
|
-
"src"
|
|
15
|
+
"lib"
|
|
17
16
|
],
|
|
18
17
|
"scripts": {
|
|
19
18
|
"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
|
|
20
|
-
"
|
|
21
|
-
"prepublishOnly": "yarn build && yarn
|
|
19
|
+
"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
|
|
20
|
+
"prepublishOnly": "yarn build && yarn buildTypes",
|
|
22
21
|
"test": "jest --config ../../jest.config.js"
|
|
23
22
|
},
|
|
24
23
|
"keywords": [
|
|
@@ -36,5 +35,5 @@
|
|
|
36
35
|
"browserslist": [
|
|
37
36
|
"extends browserslist-config-clay"
|
|
38
37
|
],
|
|
39
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "41563f2b8f5a330f313a25b5eb6a56a014cdec2c"
|
|
40
39
|
}
|
package/README.mdx
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: 'Table'
|
|
3
|
-
description: 'A table is a specific pattern for comparing datasets in a very direct and analytical way.'
|
|
4
|
-
lexiconDefinition: 'https://liferay.design/lexicon/core-components/table/'
|
|
5
|
-
packageNpm: '@clayui/table'
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
import {Table} from '$packages/clay-table/docs/index';
|
|
9
|
-
|
|
10
|
-
## Composing
|
|
11
|
-
|
|
12
|
-
You compose the table with the main components to assemble a table with your use cases, use `ClayButton`, `ClayDropDown`... in the cells and try it out. We recommend that you review the [use cases in the Storybook](https://storybook.clayui.com/?path=/story/claytable--default).
|
|
13
|
-
|
|
14
|
-
<Table />
|
package/src/Body.tsx
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import React from 'react';
|
|
7
|
-
|
|
8
|
-
const ClayTableBody = React.forwardRef<
|
|
9
|
-
HTMLTableSectionElement,
|
|
10
|
-
React.TableHTMLAttributes<HTMLTableSectionElement>
|
|
11
|
-
>(({children, ...otherProps}, ref) => {
|
|
12
|
-
return (
|
|
13
|
-
<tbody {...otherProps} ref={ref}>
|
|
14
|
-
{children}
|
|
15
|
-
</tbody>
|
|
16
|
-
);
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
ClayTableBody.displayName = 'ClayTableBody';
|
|
20
|
-
|
|
21
|
-
export default ClayTableBody;
|
package/src/Cell.tsx
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import classNames from 'classnames';
|
|
7
|
-
import React from 'react';
|
|
8
|
-
|
|
9
|
-
import {TDelimiter} from './types';
|
|
10
|
-
|
|
11
|
-
type ColumnTextAlignmentType = 'center' | 'end' | 'start';
|
|
12
|
-
|
|
13
|
-
type TableCellBaseProps = React.ThHTMLAttributes<HTMLTableHeaderCellElement> &
|
|
14
|
-
React.TdHTMLAttributes<HTMLTableDataCellElement>;
|
|
15
|
-
|
|
16
|
-
type TextCellAlignmentType = 'center' | 'left' | 'right';
|
|
17
|
-
|
|
18
|
-
export interface ICellProps extends TableCellBaseProps {
|
|
19
|
-
/**
|
|
20
|
-
* Aligns the text inside the Cell.
|
|
21
|
-
*/
|
|
22
|
-
align?: TextCellAlignmentType;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Sometimes we are unable to remove specific table columns from the DOM
|
|
26
|
-
* and need to hide it using CSS. This property can be added to the "new"
|
|
27
|
-
* first or last cell to maintain table styles on the left and right side.
|
|
28
|
-
*/
|
|
29
|
-
cellDelimiter?: TDelimiter;
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* Aligns horizontally contents inside the Cell.
|
|
33
|
-
*/
|
|
34
|
-
columnTextAlignment?: ColumnTextAlignmentType;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Fills out the remaining space inside a Cell.
|
|
38
|
-
*/
|
|
39
|
-
expanded?: boolean;
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Defines the type of the Cell element, if true,
|
|
43
|
-
* cell element will be a `<th>`, otherwise `<td>`.
|
|
44
|
-
*/
|
|
45
|
-
headingCell?: boolean;
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Applies a style of heading inside a child of table
|
|
49
|
-
* header cell element.
|
|
50
|
-
*/
|
|
51
|
-
headingTitle?: boolean;
|
|
52
|
-
|
|
53
|
-
/*
|
|
54
|
-
* Keep cells on one line.
|
|
55
|
-
*/
|
|
56
|
-
noWrap?: boolean;
|
|
57
|
-
|
|
58
|
-
/**
|
|
59
|
-
* Truncates the text inside a Cell. Requires `expanded`
|
|
60
|
-
* property value set to true.
|
|
61
|
-
*/
|
|
62
|
-
truncate?: boolean;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
const ClayTableCell = React.forwardRef<
|
|
66
|
-
HTMLTableHeaderCellElement | HTMLTableDataCellElement,
|
|
67
|
-
ICellProps
|
|
68
|
-
>(
|
|
69
|
-
(
|
|
70
|
-
{
|
|
71
|
-
align,
|
|
72
|
-
cellDelimiter,
|
|
73
|
-
children,
|
|
74
|
-
className,
|
|
75
|
-
columnTextAlignment,
|
|
76
|
-
expanded,
|
|
77
|
-
headingCell = false,
|
|
78
|
-
headingTitle = false,
|
|
79
|
-
noWrap = false,
|
|
80
|
-
truncate = false,
|
|
81
|
-
...otherProps
|
|
82
|
-
}: ICellProps,
|
|
83
|
-
ref
|
|
84
|
-
) => {
|
|
85
|
-
const TagName = headingCell ? 'th' : 'td';
|
|
86
|
-
|
|
87
|
-
return (
|
|
88
|
-
<TagName
|
|
89
|
-
{...otherProps}
|
|
90
|
-
className={classNames(className, {
|
|
91
|
-
'table-cell-expand': expanded || truncate,
|
|
92
|
-
[`table-cell-${cellDelimiter}`]: cellDelimiter,
|
|
93
|
-
[`table-column-text-${columnTextAlignment}`]:
|
|
94
|
-
columnTextAlignment,
|
|
95
|
-
[`text-${align}`]: align,
|
|
96
|
-
'table-cell-ws-nowrap': noWrap,
|
|
97
|
-
})}
|
|
98
|
-
ref={ref}
|
|
99
|
-
>
|
|
100
|
-
{headingTitle ? (
|
|
101
|
-
React.Children.map(children, (child, i) => (
|
|
102
|
-
<p className="table-list-title" key={i}>
|
|
103
|
-
{child}
|
|
104
|
-
</p>
|
|
105
|
-
))
|
|
106
|
-
) : truncate && typeof children === 'string' ? (
|
|
107
|
-
<span className="text-truncate-inline">
|
|
108
|
-
<span className="text-truncate">{children}</span>
|
|
109
|
-
</span>
|
|
110
|
-
) : (
|
|
111
|
-
children
|
|
112
|
-
)}
|
|
113
|
-
</TagName>
|
|
114
|
-
);
|
|
115
|
-
}
|
|
116
|
-
);
|
|
117
|
-
|
|
118
|
-
ClayTableCell.displayName = 'ClayTableCell';
|
|
119
|
-
|
|
120
|
-
export default ClayTableCell;
|
package/src/Head.tsx
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import React from 'react';
|
|
7
|
-
|
|
8
|
-
const ClayTableHead = React.forwardRef<
|
|
9
|
-
HTMLTableSectionElement,
|
|
10
|
-
React.TableHTMLAttributes<HTMLTableSectionElement>
|
|
11
|
-
>(({children, ...otherProps}, ref) => {
|
|
12
|
-
return (
|
|
13
|
-
<thead {...otherProps} ref={ref}>
|
|
14
|
-
{children}
|
|
15
|
-
</thead>
|
|
16
|
-
);
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
ClayTableHead.displayName = 'ClayTableHead';
|
|
20
|
-
|
|
21
|
-
export default ClayTableHead;
|
package/src/Row.tsx
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
|
|
3
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import classNames from 'classnames';
|
|
7
|
-
import React from 'react';
|
|
8
|
-
|
|
9
|
-
import {TDelimiter} from './types';
|
|
10
|
-
|
|
11
|
-
export interface IRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
12
|
-
/**
|
|
13
|
-
* Forces the active state inside the row.
|
|
14
|
-
*/
|
|
15
|
-
active?: boolean;
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Applies a divider style inside the row.
|
|
19
|
-
*/
|
|
20
|
-
divider?: boolean;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* This property can be added to the "new" first
|
|
24
|
-
* or last ClayTable.Row to maintain table styles on the top and bottom sides.
|
|
25
|
-
*/
|
|
26
|
-
rowDelimiter?: TDelimiter;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
const ClayTableRow = React.forwardRef<HTMLTableRowElement, IRowProps>(
|
|
30
|
-
(
|
|
31
|
-
{
|
|
32
|
-
active = false,
|
|
33
|
-
children,
|
|
34
|
-
className,
|
|
35
|
-
divider = false,
|
|
36
|
-
rowDelimiter,
|
|
37
|
-
...otherProps
|
|
38
|
-
}: IRowProps,
|
|
39
|
-
ref
|
|
40
|
-
) => {
|
|
41
|
-
return (
|
|
42
|
-
<tr
|
|
43
|
-
{...otherProps}
|
|
44
|
-
className={classNames(className, {
|
|
45
|
-
'table-active': active,
|
|
46
|
-
'table-divider': divider,
|
|
47
|
-
[`table-row-${rowDelimiter}`]: rowDelimiter,
|
|
48
|
-
})}
|
|
49
|
-
ref={ref}
|
|
50
|
-
>
|
|
51
|
-
{children}
|
|
52
|
-
</tr>
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
);
|
|
56
|
-
|
|
57
|
-
ClayTableRow.displayName = 'ClayTableRow';
|
|
58
|
-
|
|
59
|
-
export default ClayTableRow;
|