@clayui/table 3.56.0 → 3.105.1-alpha.8

package/lib/Body.js

@@ -11,7 +11,7 @@ var _excluded = ["children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 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; }
 

package/lib/Body.js.map

@@ -0,0 +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.js

@@ -13,7 +13,7 @@ var _excluded = ["align", "cellDelimiter", "children", "className", "columnTextA
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 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; }
 

package/lib/Cell.js.map

@@ -0,0 +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.js

@@ -11,7 +11,7 @@ var _excluded = ["children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 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; }
 

package/lib/Head.js.map

@@ -0,0 +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.js

@@ -13,7 +13,7 @@ var _excluded = ["active", "children", "className", "divider", "rowDelimiter"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 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; }
 

package/lib/Row.js.map

@@ -0,0 +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":"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"}

package/lib/index.d.ts

@@ -5,7 +5,7 @@
 import React from 'react';
 declare type ResposiveSizeType = 'lg' | 'md' | 'sm' | 'xl';
 declare type VerticalAlignmentType = 'bottom' | 'middle' | 'top';
-interface IProps extends React.HTMLAttributes<HTMLTableElement> {
+export interface IProps extends React.HTMLAttributes<HTMLTableElement> {
     /**
      * This property vertically align the contents
      * inside the table body according a given position.

package/lib/index.js

@@ -21,7 +21,7 @@ var _excluded = ["bodyVerticalAlignment", "borderedColumns", "borderless", "chil
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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); }
+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); }
 
 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; }
 

package/lib/index.js.map

@@ -0,0 +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.js.map

@@ -0,0 +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

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/table",
-	"version": "3.56.0",
+	"version": "3.105.1-alpha.8+41563f2b8",
 	"description": "ClayTable component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -12,8 +12,7 @@
 	"types": "lib/index.d.ts",
 	"ts:main": "src/index.tsx",
 	"files": [
-		"lib",
-		"src"
+		"lib"
 	],
 	"scripts": {
 		"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
@@ -36,5 +35,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "1c33d9c709d8ce071862f0087c76ac23ce11465b"
+	"gitHead": "41563f2b8f5a330f313a25b5eb6a56a014cdec2c"
 }

package/src/Body.tsx

@@ -1,21 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import React from 'react';
-
-const ClayTableBody = React.forwardRef<
-	HTMLTableSectionElement,
-	React.TableHTMLAttributes<HTMLTableSectionElement>
->(({children, ...otherProps}, ref) => {
-	return (
-		<tbody {...otherProps} ref={ref}>
-			{children}
-		</tbody>
-	);
-});
-
-ClayTableBody.displayName = 'ClayTableBody';
-
-export default ClayTableBody;

package/src/Cell.tsx

@@ -1,120 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import classNames from 'classnames';
-import React from 'react';
-
-import {TDelimiter} from './types';
-
-type ColumnTextAlignmentType = 'center' | 'end' | 'start';
-
-type TableCellBaseProps = React.ThHTMLAttributes<HTMLTableHeaderCellElement> &
-	React.TdHTMLAttributes<HTMLTableDataCellElement>;
-
-type TextCellAlignmentType = 'center' | 'left' | 'right';
-
-export interface ICellProps extends TableCellBaseProps {
-	/**
-	 * Aligns the text inside the Cell.
-	 */
-	align?: TextCellAlignmentType;
-
-	/**
-	 * Sometimes we are unable to remove specific table columns from the DOM
-	 * and need to hide it using CSS. This property can be added to the "new"
-	 * first or last cell to maintain table styles on the left and right side.
-	 */
-	cellDelimiter?: TDelimiter;
-
-	/**
-	 * Aligns horizontally contents inside the Cell.
-	 */
-	columnTextAlignment?: ColumnTextAlignmentType;
-
-	/**
-	 * Fills out the remaining space inside a Cell.
-	 */
-	expanded?: boolean;
-
-	/**
-	 * Defines the type of the Cell element, if true,
-	 * cell element will be a `<th>`, otherwise `<td>`.
-	 */
-	headingCell?: boolean;
-
-	/**
-	 * Applies a style of heading inside a child of table
-	 * header cell element.
-	 */
-	headingTitle?: boolean;
-
-	/*
-	 * Keep cells on one line.
-	 */
-	noWrap?: boolean;
-
-	/**
-	 * Truncates the text inside a Cell. Requires `expanded`
-	 * property value set to true.
-	 */
-	truncate?: boolean;
-}
-
-const ClayTableCell = React.forwardRef<
-	HTMLTableHeaderCellElement | HTMLTableDataCellElement,
-	ICellProps
->(
-	(
-		{
-			align,
-			cellDelimiter,
-			children,
-			className,
-			columnTextAlignment,
-			expanded,
-			headingCell = false,
-			headingTitle = false,
-			noWrap = false,
-			truncate = false,
-			...otherProps
-		}: ICellProps,
-		ref
-	) => {
-		const TagName = headingCell ? 'th' : 'td';
-
-		return (
-			<TagName
-				{...otherProps}
-				className={classNames(className, {
-					'table-cell-expand': expanded || truncate,
-					[`table-cell-${cellDelimiter}`]: cellDelimiter,
-					[`table-column-text-${columnTextAlignment}`]:
-						columnTextAlignment,
-					[`text-${align}`]: align,
-					'table-cell-ws-nowrap': noWrap,
-				})}
-				ref={ref}
-			>
-				{headingTitle ? (
-					React.Children.map(children, (child, i) => (
-						<p className="table-list-title" key={i}>
-							{child}
-						</p>
-					))
-				) : truncate && typeof children === 'string' ? (
-					<span className="text-truncate-inline">
-						<span className="text-truncate">{children}</span>
-					</span>
-				) : (
-					children
-				)}
-			</TagName>
-		);
-	}
-);
-
-ClayTableCell.displayName = 'ClayTableCell';
-
-export default ClayTableCell;

package/src/Head.tsx

@@ -1,21 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import React from 'react';
-
-const ClayTableHead = React.forwardRef<
-	HTMLTableSectionElement,
-	React.TableHTMLAttributes<HTMLTableSectionElement>
->(({children, ...otherProps}, ref) => {
-	return (
-		<thead {...otherProps} ref={ref}>
-			{children}
-		</thead>
-	);
-});
-
-ClayTableHead.displayName = 'ClayTableHead';
-
-export default ClayTableHead;

package/src/Row.tsx

@@ -1,59 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import classNames from 'classnames';
-import React from 'react';
-
-import {TDelimiter} from './types';
-
-export interface IRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-	/**
-	 * Forces the active state inside the row.
-	 */
-	active?: boolean;
-
-	/**
-	 * Applies a divider style inside the row.
-	 */
-	divider?: boolean;
-
-	/**
-	 * This property can be added to the "new" first
-	 * or last ClayTable.Row to maintain table styles on the top and bottom sides.
-	 */
-	rowDelimiter?: TDelimiter;
-}
-
-const ClayTableRow = React.forwardRef<HTMLTableRowElement, IRowProps>(
-	(
-		{
-			active = false,
-			children,
-			className,
-			divider = false,
-			rowDelimiter,
-			...otherProps
-		}: IRowProps,
-		ref
-	) => {
-		return (
-			<tr
-				{...otherProps}
-				className={classNames(className, {
-					'table-active': active,
-					'table-divider': divider,
-					[`table-row-${rowDelimiter}`]: rowDelimiter,
-				})}
-				ref={ref}
-			>
-				{children}
-			</tr>
-		);
-	}
-);
-
-ClayTableRow.displayName = 'ClayTableRow';
-
-export default ClayTableRow;

package/src/__tests__/__snapshots__/index.tsx.snap

@@ -1,443 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ClayTable renders 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    />
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a Cell delimited 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list table-striped"
-    >
-      <thead>
-        <tr
-          class=""
-        >
-          <th
-            class="table-cell-start"
-          >
-            Start
-          </th>
-          <th
-            class=""
-          >
-            <button
-              type="button"
-            >
-              Dummy
-            </button>
-          </th>
-          <th
-            class=""
-          >
-            <button
-              type="button"
-            >
-              Dummy
-            </button>
-          </th>
-          <th
-            class="table-cell-end"
-          >
-            End
-          </th>
-        </tr>
-      </thead>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a Cell with text alignment set to center 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list table-striped"
-    >
-      <thead>
-        <tr
-          class=""
-        >
-          <th
-            class="text-center"
-          >
-            <a
-              href="#1"
-            >
-              Link
-            </a>
-          </th>
-        </tr>
-      </thead>
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a full bottom vertical aligned table 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list thead-valign-bottom table-valign-bottom"
-    >
-      <thead />
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a no wrapped table 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-heading-nowrap table-hover table-list table-nowrap"
-    >
-      <thead />
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a responsive table 1`] = `
-<div>
-  <div
-    class="table-responsive table-responsive-sm"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <thead />
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a responsive table 2`] = `
-<div>
-  <div
-    class="table-responsive table-responsive-sm"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <thead />
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table hover 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <thead />
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table striped 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list table-striped"
-    >
-      <thead />
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table with a Body 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table with a Head 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <thead />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table with a Head and Body 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <thead />
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table with an active row 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <tbody>
-        <tr
-          class="table-active"
-        />
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table with columns bordered 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-bordered table-hover table-list"
-    >
-      <thead />
-      <tbody />
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table with multiple Cells into Row 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <tbody>
-        <tr
-          class=""
-        >
-          <td
-            class=""
-          >
-            One
-          </td>
-          <td
-            class=""
-          >
-            <button
-              type="button"
-            >
-              Two
-            </button>
-          </td>
-          <td
-            class=""
-          >
-            Three
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table with multiple rows into Body 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <tbody>
-        <tr
-          class=""
-        />
-        <tr
-          class=""
-        />
-        <tr
-          class=""
-        />
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders a table with multiple rows into Head 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <thead>
-        <tr
-          class=""
-        />
-        <tr
-          class=""
-        />
-        <tr
-          class=""
-        />
-      </thead>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders with a headingTitle 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <tbody>
-        <tr
-          class="table-divider"
-        >
-          <td
-            class=""
-            colspan="8"
-          >
-            Recipes
-          </td>
-        </tr>
-        <tr
-          class=""
-        >
-          <td
-            class="table-cell-expand"
-          >
-            <p
-              class="table-list-title"
-            >
-              Hamburger
-            </p>
-          </td>
-          <td
-            class=""
-          />
-          <td
-            class=""
-          >
-            U.S.A
-          </td>
-          <td
-            class="text-right"
-          >
-            10 min.
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`ClayTable renders with non wrapped cells 1`] = `
-<div>
-  <div
-    class="table-responsive"
-  >
-    <table
-      class="table table-autofit show-quick-actions-on-hover table-hover table-list"
-    >
-      <tbody>
-        <tr
-          class="table-divider"
-        >
-          <td
-            class=""
-            colspan="8"
-          >
-            Recipes
-          </td>
-        </tr>
-        <tr
-          class=""
-        >
-          <td
-            class="table-cell-expand"
-          >
-            <p
-              class="table-list-title"
-            >
-              Hamburger
-            </p>
-          </td>
-          <td
-            class=""
-          />
-          <td
-            class="table-cell-ws-nowrap"
-          >
-            Originally from the U.S.A. but available anywhere around the world
-          </td>
-          <td
-            class="text-right"
-          >
-            10 min.
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;

package/src/__tests__/index.tsx

@@ -1,268 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import ClayTable from '..';
-import {cleanup, render} from '@testing-library/react';
-import React from 'react';
-
-describe('ClayTable', () => {
-	afterEach(cleanup);
-
-	it('renders', () => {
-		const {container} = render(<ClayTable />);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table with a Body', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Body />
-			</ClayTable>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table with a Head', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Head />
-			</ClayTable>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table with a Head and Body', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Head />
-				<ClayTable.Body />
-			</ClayTable>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table with multiple rows into Head', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Head>
-					<ClayTable.Row />
-					<ClayTable.Row />
-					<ClayTable.Row />
-				</ClayTable.Head>
-			</ClayTable>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table with multiple rows into Body', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Body>
-					<ClayTable.Row />
-					<ClayTable.Row />
-					<ClayTable.Row />
-				</ClayTable.Body>
-			</ClayTable>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table with multiple Cells into Row', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Body>
-					<ClayTable.Row>
-						<ClayTable.Cell>One</ClayTable.Cell>
-						<ClayTable.Cell>
-							<button type="button">Two</button>
-						</ClayTable.Cell>
-						<ClayTable.Cell>Three</ClayTable.Cell>
-					</ClayTable.Row>
-				</ClayTable.Body>
-			</ClayTable>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table with an active row', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Body>
-					<ClayTable.Row active />
-				</ClayTable.Body>
-			</ClayTable>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table with columns bordered', () => {
-		const {container} = render(
-			<ClayTable borderedColumns>
-				<ClayTable.Head />
-				<ClayTable.Body />
-			</ClayTable>
-		);
-
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table hover', () => {
-		const {container} = render(
-			<ClayTable hover>
-				<ClayTable.Head />
-				<ClayTable.Body />
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a no wrapped table', () => {
-		const {container} = render(
-			<ClayTable headingNoWrap noWrap>
-				<ClayTable.Head />
-				<ClayTable.Body />
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a table striped', () => {
-		const {container} = render(
-			<ClayTable striped>
-				<ClayTable.Head />
-				<ClayTable.Body />
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a responsive table', () => {
-		const {container} = render(
-			<ClayTable responsive responsiveSize="sm">
-				<ClayTable.Head />
-				<ClayTable.Body />
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a responsive table', () => {
-		const {container} = render(
-			<ClayTable responsive responsiveSize="sm">
-				<ClayTable.Head />
-				<ClayTable.Body />
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a full bottom vertical aligned table', () => {
-		const {container} = render(
-			<ClayTable
-				headVerticalAlignment="bottom"
-				tableVerticalAlignment="bottom"
-			>
-				<ClayTable.Head />
-				<ClayTable.Body />
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a Cell with text alignment set to center', () => {
-		const {container} = render(
-			<ClayTable striped>
-				<ClayTable.Head>
-					<ClayTable.Row>
-						<ClayTable.Cell align="center" headingCell>
-							<a href="#1">Link</a>
-						</ClayTable.Cell>
-					</ClayTable.Row>
-				</ClayTable.Head>
-				<ClayTable.Body />
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders a Cell delimited', () => {
-		const {container} = render(
-			<ClayTable striped>
-				<ClayTable.Head>
-					<ClayTable.Row>
-						<ClayTable.Cell cellDelimiter="start" headingCell>
-							Start
-						</ClayTable.Cell>
-						<ClayTable.Cell headingCell>
-							<button type="button">Dummy</button>
-						</ClayTable.Cell>
-						<ClayTable.Cell headingCell>
-							<button type="button">Dummy</button>
-						</ClayTable.Cell>
-						<ClayTable.Cell cellDelimiter="end" headingCell>
-							End
-						</ClayTable.Cell>
-					</ClayTable.Row>
-				</ClayTable.Head>
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders with a headingTitle', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Body>
-					<ClayTable.Row divider>
-						<ClayTable.Cell colSpan={8}>Recipes</ClayTable.Cell>
-					</ClayTable.Row>
-
-					<ClayTable.Row>
-						<ClayTable.Cell expanded headingTitle>
-							Hamburger
-						</ClayTable.Cell>
-						<ClayTable.Cell />
-						<ClayTable.Cell>U.S.A</ClayTable.Cell>
-						<ClayTable.Cell align="right">10 min.</ClayTable.Cell>
-					</ClayTable.Row>
-				</ClayTable.Body>
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-
-	it('renders with non wrapped cells', () => {
-		const {container} = render(
-			<ClayTable>
-				<ClayTable.Body>
-					<ClayTable.Row divider>
-						<ClayTable.Cell colSpan={8}>Recipes</ClayTable.Cell>
-					</ClayTable.Row>
-
-					<ClayTable.Row>
-						<ClayTable.Cell expanded headingTitle>
-							Hamburger
-						</ClayTable.Cell>
-						<ClayTable.Cell />
-						<ClayTable.Cell noWrap>
-							Originally from the U.S.A. but available anywhere
-							around the world
-						</ClayTable.Cell>
-						<ClayTable.Cell align="right">10 min.</ClayTable.Cell>
-					</ClayTable.Row>
-				</ClayTable.Body>
-			</ClayTable>
-		);
-		expect(container).toMatchSnapshot();
-	});
-});

package/src/index.tsx

@@ -1,142 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-import classNames from 'classnames';
-import React from 'react';
-
-import Body from './Body';
-import Cell from './Cell';
-import Head from './Head';
-import Row from './Row';
-
-type ResposiveSizeType = 'lg' | 'md' | 'sm' | 'xl';
-
-type VerticalAlignmentType = 'bottom' | 'middle' | 'top';
-
-interface IProps extends React.HTMLAttributes<HTMLTableElement> {
-	/**
-	 * This property vertically align the contents
-	 * inside the table body according a given position.
-	 */
-	bodyVerticalAlignment?: VerticalAlignmentType;
-
-	/**
-	 * Applies a Bordered style on Table's columns.
-	 */
-	borderedColumns?: boolean;
-
-	/**
-	 * Removes the default border and rounded corners from table.
-	 */
-	borderless?: boolean;
-
-	/**
-	 * This property keeps all the headings on one line.
-	 */
-	headingNoWrap?: boolean;
-
-	/**
-	 * This property vertically align the contents
-	 * inside the table header according a given position.
-	 */
-	headVerticalAlignment?: VerticalAlignmentType;
-
-	/**
-	 * Applies a Hover style on Table.
-	 */
-	hover?: boolean;
-
-	/**
-	 * This property enables keeping everything on one line.
-	 */
-	noWrap?: boolean;
-
-	/**
-	 * Turns the table responsive.
-	 */
-	responsive?: boolean;
-
-	/**
-	 * Defines the responsive sizing.
-	 */
-	responsiveSize?: ResposiveSizeType;
-
-	/**
-	 * Applies a Striped style on Table.
-	 */
-	striped?: boolean;
-
-	/**
-	 * This property vertically align the contents
-	 * inside the table according a given position.
-	 */
-	tableVerticalAlignment?: VerticalAlignmentType;
-}
-
-const ClayTable = React.forwardRef<HTMLDivElement, IProps>(
-	(
-		{
-			bodyVerticalAlignment,
-			borderedColumns,
-			borderless,
-			children,
-			className,
-			headVerticalAlignment,
-			headingNoWrap,
-			hover = true,
-			noWrap,
-			responsive = true,
-			responsiveSize,
-			striped,
-			tableVerticalAlignment,
-			...otherProps
-		}: IProps,
-		ref
-	) => {
-		return (
-			<div
-				className={classNames({
-					'table-responsive': responsive,
-					[`table-responsive-${responsiveSize}`]: responsiveSize,
-				})}
-				ref={ref}
-			>
-				<table
-					className={classNames(
-						'table table-autofit',
-						{
-							'show-quick-actions-on-hover': hover,
-							'table-bordered': borderedColumns,
-							'table-heading-nowrap': headingNoWrap,
-							'table-hover': hover,
-							'table-list': !borderless,
-							'table-nowrap': noWrap,
-							'table-striped': striped,
-							[`tbody-valign-${bodyVerticalAlignment}`]:
-								bodyVerticalAlignment,
-							[`thead-valign-${headVerticalAlignment}`]:
-								headVerticalAlignment,
-							[`table-valign-${tableVerticalAlignment}`]:
-								tableVerticalAlignment,
-						},
-						className
-					)}
-					{...otherProps}
-				>
-					{children}
-				</table>
-			</div>
-		);
-	}
-);
-
-ClayTable.displayName = 'ClayTable';
-
-export default Object.assign(ClayTable, {
-	Body,
-	Cell,
-	Head,
-	Row,
-});

package/src/types.ts

@@ -1,6 +0,0 @@
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-export type TDelimiter = 'start' | 'end';