@clayui/table 3.108.0 → 3.141.1-alpha.0

package/lib/cjs/Body.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ClayTableBody = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tbody", _extends({}, otherProps, {
+    ref: ref
+  }), children);
+});
+ClayTableBody.displayName = 'ClayTableBody';
+var _default = exports.default = ClayTableBody;

package/lib/cjs/Cell.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ClayTableCell = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    align,
+    cellDelimiter,
+    children,
+    className,
+    columnTextAlignment,
+    expanded,
+    headingCell = false,
+    headingTitle = false,
+    noWrap = false,
+    truncate = false,
+    ...otherProps
+  } = _ref;
+  const TagName = headingCell ? 'th' : 'td';
+  return /*#__PURE__*/_react.default.createElement(TagName, _extends({}, otherProps, {
+    className: (0, _classnames.default)(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.default.Children.map(children, (child, i) => /*#__PURE__*/_react.default.createElement("p", {
+    className: "table-list-title",
+    key: i
+  }, child)) : truncate && typeof children === 'string' ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-truncate-inline"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-truncate"
+  }, children)) : children);
+});
+ClayTableCell.displayName = 'ClayTableCell';
+var _default = exports.default = ClayTableCell;

package/lib/cjs/Head.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ClayTableHead = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("thead", _extends({}, otherProps, {
+    ref: ref
+  }), children);
+});
+ClayTableHead.displayName = 'ClayTableHead';
+var _default = exports.default = ClayTableHead;

package/lib/cjs/Row.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ClayTableRow = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    active = false,
+    children,
+    className,
+    divider = false,
+    rowDelimiter,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tr", _extends({}, otherProps, {
+    className: (0, _classnames.default)(className, {
+      'table-active': active,
+      'table-divider': divider,
+      [`table-row-${rowDelimiter}`]: rowDelimiter
+    }),
+    ref: ref
+  }), children);
+});
+ClayTableRow.displayName = 'ClayTableRow';
+var _default = exports.default = ClayTableRow;

package/lib/cjs/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _Body = _interopRequireDefault(require("./Body"));
+var _Cell = _interopRequireDefault(require("./Cell"));
+var _Head = _interopRequireDefault(require("./Head"));
+var _Row = _interopRequireDefault(require("./Row"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ClayTable = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    bodyVerticalAlignment,
+    borderedColumns,
+    borderless,
+    children,
+    className,
+    headVerticalAlignment,
+    headingNoWrap,
+    hover = true,
+    noWrap,
+    responsive = true,
+    responsiveSize,
+    striped = true,
+    tableVerticalAlignment,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)({
+      'table-responsive': responsive,
+      [`table-responsive-${responsiveSize}`]: responsiveSize
+    }),
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement("table", _extends({
+    className: (0, _classnames.default)('table table-autofit', {
+      'show-quick-actions-on-hover': hover,
+      'table-bordered': borderedColumns,
+      'table-heading-nowrap': headingNoWrap,
+      'table-hover': hover,
+      'table-list table-head-bordered': !borderless,
+      'table-nowrap': noWrap,
+      'table-striped': striped,
+      [`tbody-valign-${bodyVerticalAlignment}`]: bodyVerticalAlignment,
+      [`thead-valign-${headVerticalAlignment}`]: headVerticalAlignment,
+      [`table-valign-${tableVerticalAlignment}`]: tableVerticalAlignment
+    }, className)
+  }, otherProps), children));
+});
+ClayTable.displayName = 'ClayTable';
+var _default = exports.default = Object.assign(ClayTable, {
+  Body: _Body.default,
+  Cell: _Cell.default,
+  Head: _Head.default,
+  Row: _Row.default
+});

package/lib/esm/Body.js

@@ -0,0 +1,18 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import React from 'react';
+const ClayTableBody = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement("tbody", _extends({}, otherProps, {
+    ref: ref
+  }), children);
+});
+ClayTableBody.displayName = 'ClayTableBody';
+export default ClayTableBody;

package/lib/esm/Cell.js

@@ -0,0 +1,43 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import classNames from 'classnames';
+import React from 'react';
+const ClayTableCell = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    align,
+    cellDelimiter,
+    children,
+    className,
+    columnTextAlignment,
+    expanded,
+    headingCell = false,
+    headingTitle = false,
+    noWrap = false,
+    truncate = false,
+    ...otherProps
+  } = _ref;
+  const TagName = headingCell ? 'th' : 'td';
+  return /*#__PURE__*/React.createElement(TagName, _extends({}, 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) => /*#__PURE__*/React.createElement("p", {
+    className: "table-list-title",
+    key: i
+  }, child)) : truncate && typeof children === 'string' ? /*#__PURE__*/React.createElement("span", {
+    className: "text-truncate-inline"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-truncate"
+  }, children)) : children);
+});
+ClayTableCell.displayName = 'ClayTableCell';
+export default ClayTableCell;

package/lib/esm/Head.js

@@ -0,0 +1,18 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import React from 'react';
+const ClayTableHead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement("thead", _extends({}, otherProps, {
+    ref: ref
+  }), children);
+});
+ClayTableHead.displayName = 'ClayTableHead';
+export default ClayTableHead;

package/lib/esm/Row.js

@@ -0,0 +1,28 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import classNames from 'classnames';
+import React from 'react';
+const ClayTableRow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    active = false,
+    children,
+    className,
+    divider = false,
+    rowDelimiter,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement("tr", _extends({}, otherProps, {
+    className: classNames(className, {
+      'table-active': active,
+      'table-divider': divider,
+      [`table-row-${rowDelimiter}`]: rowDelimiter
+    }),
+    ref: ref
+  }), children);
+});
+ClayTableRow.displayName = 'ClayTableRow';
+export default ClayTableRow;

package/lib/esm/index.js

@@ -0,0 +1,57 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * 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';
+const ClayTable = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    bodyVerticalAlignment,
+    borderedColumns,
+    borderless,
+    children,
+    className,
+    headVerticalAlignment,
+    headingNoWrap,
+    hover = true,
+    noWrap,
+    responsive = true,
+    responsiveSize,
+    striped = true,
+    tableVerticalAlignment,
+    ...otherProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames({
+      'table-responsive': responsive,
+      [`table-responsive-${responsiveSize}`]: responsiveSize
+    }),
+    ref: ref
+  }, /*#__PURE__*/React.createElement("table", _extends({
+    className: classNames('table table-autofit', {
+      'show-quick-actions-on-hover': hover,
+      'table-bordered': borderedColumns,
+      'table-heading-nowrap': headingNoWrap,
+      'table-hover': hover,
+      'table-list table-head-bordered': !borderless,
+      'table-nowrap': noWrap,
+      'table-striped': striped,
+      [`tbody-valign-${bodyVerticalAlignment}`]: bodyVerticalAlignment,
+      [`thead-valign-${headVerticalAlignment}`]: headVerticalAlignment,
+      [`table-valign-${tableVerticalAlignment}`]: tableVerticalAlignment
+    }, className)
+  }, otherProps), children));
+});
+ClayTable.displayName = 'ClayTable';
+export default Object.assign(ClayTable, {
+  Body,
+  Cell,
+  Head,
+  Row
+});

package/lib/esm/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,23 +1,25 @@
 {
 	"name": "@clayui/table",
-	"version": "3.108.0",
+	"version": "3.141.1-alpha.0",
 	"description": "ClayTable component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
-	"engines": {
-		"node": ">=0.12.0",
-		"npm": ">=3.0.0"
+	"main": "lib/cjs/index.js",
+	"module": "lib/esm/index.js",
+	"exports": {
+		"import": "./lib/esm/index.js",
+		"require": "./lib/cjs/index.js"
 	},
-	"main": "lib/index.js",
 	"types": "lib/index.d.ts",
 	"ts:main": "src/index.tsx",
 	"files": [
 		"lib"
 	],
 	"scripts": {
-		"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
+		"build": "yarn build:cjs && yarn build:esm",
+		"build:cjs": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/cjs --extensions .ts,.tsx",
+		"build:esm": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/esm --extensions .ts,.tsx --env-name esm",
 		"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
-		"prepublishOnly": "yarn build && yarn buildTypes",
 		"test": "jest --config ../../jest.config.js"
 	},
 	"keywords": [
@@ -35,5 +37,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "411bce66d4ea2f3cb1c62428d5347cb18219a051"
+	"gitHead": "24cb57a568c2d1a1658b2f721a93ddfad48feb99"
 }

package/CHANGELOG.md

@@ -1,128 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [3.108.0](https://github.com/liferay/clay/compare/v3.107.1...v3.108.0) (2023-12-12)
-
-### Features
-
--   **@clayui/table:** adds the border to the head by default ([fb2cbdb](https://github.com/liferay/clay/commit/fb2cbdb7ac749756ff4c1749056af54bed9441fe))
--   **@clayui/table:** sets striped by default ([2ee5787](https://github.com/liferay/clay/commit/2ee5787ef5c2bd83aa66632014577a797645081c))
-
-## [3.106.1](https://github.com/liferay/clay/compare/v3.106.0...v3.106.1) (2023-10-26)
-
-**Note:** Version bump only for package @clayui/table
-
-# [3.106.0](https://github.com/liferay/clay/compare/v3.105.0...v3.106.0) (2023-10-25)
-
-### Bug Fixes
-
--   remove 'src' dir from being packaged with npm ([9383e8d](https://github.com/liferay/clay/commit/9383e8d8abb25ca3396e7c6e4dfa53bbc72691c5))
--   use package's directory for baseDir when generating type ([0a5c710](https://github.com/liferay/clay/commit/0a5c710092f36243bc8d5487f70e831295715072))
-
-### Features
-
--   **@clayui/core:** adds controlled and uncontrolled expandable state ([56f3d8f](https://github.com/liferay/clay/commit/56f3d8f8c1afa43d8ca66973890948f9a78ab413))
-
-# [3.56.0](https://github.com/liferay/clay/compare/v3.55.0...v3.56.0) (2022-05-09)
-
-**Note:** Version bump only for package @clayui/table
-
-# [3.40.0](https://github.com/liferay/clay/compare/v3.39.0...v3.40.0) (2021-11-17)
-
-**Note:** Version bump only for package @clayui/table
-
-# [3.39.0](https://github.com/liferay/clay/compare/v3.38.0...v3.39.0) (2021-10-29)
-
-**Note:** Version bump only for package @clayui/table
-
-# [3.38.0](https://github.com/liferay/clay/compare/v3.37.0...v3.38.0) (2021-10-22)
-
-**Note:** Version bump only for package @clayui/table
-
-# [3.37.0](https://github.com/liferay/clay/compare/v3.36.0...v3.37.0) (2021-10-06)
-
-**Note:** Version bump only for package @clayui/table
-
-# [3.32.0](https://github.com/liferay/clay/compare/v3.31.0...v3.32.0) (2021-07-28)
-
-**Note:** Version bump only for package @clayui/table
-
-# [3.29.0](https://github.com/liferay/clay/compare/v3.28.0...v3.29.0) (2021-05-28)
-
-### Bug Fixes
-
--   **@clayui/table:** Fixes lint error ([9dec4a4](https://github.com/liferay/clay/commit/9dec4a4))
-
-### Features
-
--   **@clayui/table:** Adds the `noWrap` prop to ClayTable.Cell ([da88293](https://github.com/liferay/clay/commit/da88293))
-
-# [3.1.0](https://github.com/liferay/clay/compare/@clayui/table@3.0.7...@clayui/table@3.1.0) (2020-10-01)
-
-### Features
-
--   **clayui.com:** Move API tables to new files and update document tabs, rename files to use singular naming instead of plural, change mainTabURL of pagination-bar to a proper one ([d812ee9](https://github.com/liferay/clay/commit/d812ee9))
--   **clayui.com:** Revert the change made to headings used, rename stickers and tables to sticker and table respectively, also change some wording ([791dabe](https://github.com/liferay/clay/commit/791dabe))
--   **clayui.com:** Update content structure: Checkbox, Management Toolbar, Select Box, Sticker, Table & Tabs ([0fcd54a](https://github.com/liferay/clay/commit/0fcd54a))
--   add displayName for all components ([cc3211d](https://github.com/liferay/clay/commit/cc3211d))
-
-## [3.0.7](https://github.com/liferay/clay/compare/@clayui/table@4.0.0...@clayui/table@3.0.7) (2020-04-24)
-
-### Bug Fixes
-
--   Fix accessibility issues ([5e09db0](https://github.com/liferay/clay/commit/5e09db0))
-
-# 4.0.0 (2020-02-28)
-
-### Bug Fixes
-
--   **@clayui/table:** Force `expanded` property for truncating texts because is only possible truncate our texts when the cell is expanded. ([e493a85](https://github.com/liferay/clay/commit/e493a85))
--   **@clayui/table:** Set `false` as default on cell truncating behavior ([c34c410](https://github.com/liferay/clay/commit/c34c410))
--   ignore case when sorting props ([7c9ae28](https://github.com/liferay/clay/commit/7c9ae28))
--   normalize names of components ([3a0abea](https://github.com/liferay/clay/commit/3a0abea))
--   update components to include 'types' and 'ts:main' package keys ([9e24b59](https://github.com/liferay/clay/commit/9e24b59))
--   **table:** add forwardRef to table components ([189a3dc](https://github.com/liferay/clay/commit/189a3dc))
--   **table:** Positioning `table-responsive` classes on a parent `div` wrapping `table` ([57465dd](https://github.com/liferay/clay/commit/57465dd))
-
-### Features
-
--   update react-testing-library to be @testing-library/react ([bd78145](https://github.com/liferay/clay/commit/bd78145))
--   **@clayui/table:** `bordered` property was renamed to `borderedColumns` due consistency and `borderless` property was added ([#2387](https://github.com/liferay/clay/commit/023ef53))
--   **@clayui/table:** Adds `truncate` property to Table Cell ([441dd6a](https://github.com/liferay/clay/commit/441dd6a))
--   **form:** add helper components for markup ([3ce63d4](https://github.com/liferay/clay/commit/3ce63d4))
-
-### BREAKING CHANGES
-
--   **@clayui/table:** A property was renamed.
-
-## [3.0.6](https://github.com/liferay/clay/tree/master/packages/clay-table/compare/@clayui/table@3.0.3...@clayui/table@3.0.6) (2020-01-31)
-
-### Bug Fixes
-
--   **table:** add forwardRef to table components ([189a3dc](https://github.com/liferay/clay/commit/189a3dc))
-
-## [3.0.5](https://github.com/liferay/clay/tree/master/packages/clay-table/compare/@clayui/table@3.0.3...@clayui/table@3.0.5) (2020-01-20)
-
-### Bug Fixes
-
--   **table:** add forwardRef to table components ([189a3dc](https://github.com/liferay/clay/commit/189a3dc))
-
-## [3.0.4](https://github.com/liferay/clay/tree/master/packages/clay-table/compare/@clayui/table@3.0.3...@clayui/table@3.0.4) (2019-12-05)
-
-### Bug Fixes
-
--   **table:** add forwardRef to table components ([189a3dc](https://github.com/liferay/clay/commit/189a3dc))
-
-## [3.0.3](https://github.com/liferay/clay/tree/master/packages/clay-table/compare/@clayui/table@3.0.2...@clayui/table@3.0.3) (2019-11-07)
-
-**Note:** Version bump only for package @clayui/table
-
-## [3.0.2](https://github.com/liferay/clay/tree/master/packages/clay-table/compare/@clayui/table@3.0.1...@clayui/table@3.0.2) (2019-11-01)
-
-**Note:** Version bump only for package @clayui/table
-
-## [3.0.1](https://github.com/liferay/clay/tree/master/packages/clay-table/compare/@clayui/table@3.0.0...@clayui/table@3.0.1) (2019-10-28)
-
-**Note:** Version bump only for package @clayui/table

package/lib/Body.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _excluded = ["children"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var ClayTableBody = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement("tbody", _extends({}, otherProps, {
-    ref: ref
-  }), children);
-});
-
-ClayTableBody.displayName = 'ClayTableBody';
-var _default = ClayTableBody;
-exports.default = _default;

package/lib/Cell.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _excluded = ["align", "cellDelimiter", "children", "className", "columnTextAlignment", "expanded", "headingCell", "headingTitle", "noWrap", "truncate"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-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; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var ClayTableCell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _classNames;
-
-  var align = _ref.align,
-      cellDelimiter = _ref.cellDelimiter,
-      children = _ref.children,
-      className = _ref.className,
-      columnTextAlignment = _ref.columnTextAlignment,
-      expanded = _ref.expanded,
-      _ref$headingCell = _ref.headingCell,
-      headingCell = _ref$headingCell === void 0 ? false : _ref$headingCell,
-      _ref$headingTitle = _ref.headingTitle,
-      headingTitle = _ref$headingTitle === void 0 ? false : _ref$headingTitle,
-      _ref$noWrap = _ref.noWrap,
-      noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
-      _ref$truncate = _ref.truncate,
-      truncate = _ref$truncate === void 0 ? false : _ref$truncate,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  var TagName = headingCell ? 'th' : 'td';
-  return /*#__PURE__*/_react.default.createElement(TagName, _extends({}, otherProps, {
-    className: (0, _classnames.default)(className, (_classNames = {
-      'table-cell-expand': expanded || truncate
-    }, _defineProperty(_classNames, "table-cell-".concat(cellDelimiter), cellDelimiter), _defineProperty(_classNames, "table-column-text-".concat(columnTextAlignment), columnTextAlignment), _defineProperty(_classNames, "text-".concat(align), align), _defineProperty(_classNames, 'table-cell-ws-nowrap', noWrap), _classNames)),
-    ref: ref
-  }), headingTitle ? _react.default.Children.map(children, function (child, i) {
-    return /*#__PURE__*/_react.default.createElement("p", {
-      className: "table-list-title",
-      key: i
-    }, child);
-  }) : truncate && typeof children === 'string' ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "text-truncate-inline"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "text-truncate"
-  }, children)) : children);
-});
-
-ClayTableCell.displayName = 'ClayTableCell';
-var _default = ClayTableCell;
-exports.default = _default;

package/lib/Head.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _excluded = ["children"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var ClayTableHead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement("thead", _extends({}, otherProps, {
-    ref: ref
-  }), children);
-});
-
-ClayTableHead.displayName = 'ClayTableHead';
-var _default = ClayTableHead;
-exports.default = _default;

package/lib/Row.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _excluded = ["active", "children", "className", "divider", "rowDelimiter"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-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; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var ClayTableRow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$divider = _ref.divider,
-      divider = _ref$divider === void 0 ? false : _ref$divider,
-      rowDelimiter = _ref.rowDelimiter,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement("tr", _extends({}, otherProps, {
-    className: (0, _classnames.default)(className, _defineProperty({
-      'table-active': active,
-      'table-divider': divider
-    }, "table-row-".concat(rowDelimiter), rowDelimiter)),
-    ref: ref
-  }), children);
-});
-
-ClayTableRow.displayName = 'ClayTableRow';
-var _default = ClayTableRow;
-exports.default = _default;

package/lib/index.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Body = _interopRequireDefault(require("./Body"));
-
-var _Cell = _interopRequireDefault(require("./Cell"));
-
-var _Head = _interopRequireDefault(require("./Head"));
-
-var _Row = _interopRequireDefault(require("./Row"));
-
-var _excluded = ["bodyVerticalAlignment", "borderedColumns", "borderless", "children", "className", "headVerticalAlignment", "headingNoWrap", "hover", "noWrap", "responsive", "responsiveSize", "striped", "tableVerticalAlignment"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-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; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var ClayTable = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _classNames2;
-
-  var bodyVerticalAlignment = _ref.bodyVerticalAlignment,
-      borderedColumns = _ref.borderedColumns,
-      borderless = _ref.borderless,
-      children = _ref.children,
-      className = _ref.className,
-      headVerticalAlignment = _ref.headVerticalAlignment,
-      headingNoWrap = _ref.headingNoWrap,
-      _ref$hover = _ref.hover,
-      hover = _ref$hover === void 0 ? true : _ref$hover,
-      noWrap = _ref.noWrap,
-      _ref$responsive = _ref.responsive,
-      responsive = _ref$responsive === void 0 ? true : _ref$responsive,
-      responsiveSize = _ref.responsiveSize,
-      _ref$striped = _ref.striped,
-      striped = _ref$striped === void 0 ? true : _ref$striped,
-      tableVerticalAlignment = _ref.tableVerticalAlignment,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_defineProperty({
-      'table-responsive': responsive
-    }, "table-responsive-".concat(responsiveSize), responsiveSize)),
-    ref: ref
-  }, /*#__PURE__*/_react.default.createElement("table", _extends({
-    className: (0, _classnames.default)('table table-autofit', (_classNames2 = {
-      'show-quick-actions-on-hover': hover,
-      'table-bordered': borderedColumns,
-      'table-heading-nowrap': headingNoWrap,
-      'table-hover': hover,
-      'table-list table-head-bordered': !borderless,
-      'table-nowrap': noWrap,
-      'table-striped': striped
-    }, _defineProperty(_classNames2, "tbody-valign-".concat(bodyVerticalAlignment), bodyVerticalAlignment), _defineProperty(_classNames2, "thead-valign-".concat(headVerticalAlignment), headVerticalAlignment), _defineProperty(_classNames2, "table-valign-".concat(tableVerticalAlignment), tableVerticalAlignment), _classNames2), className)
-  }, otherProps), children));
-});
-
-ClayTable.displayName = 'ClayTable';
-
-var _default = Object.assign(ClayTable, {
-  Body: _Body.default,
-  Cell: _Cell.default,
-  Head: _Head.default,
-  Row: _Row.default
-});
-
-exports.default = _default;