@clayui/table
Advanced tools
+2
-2
| /** | ||
| * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com> | ||
| * SPDX-License-Identifier: BSD-3-Clause | ||
| * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com | ||
| * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 | ||
| */ | ||
@@ -5,0 +5,0 @@ import React from 'react'; |
+2
-2
| /** | ||
| * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com> | ||
| * SPDX-License-Identifier: BSD-3-Clause | ||
| * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com | ||
| * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 | ||
| */ | ||
@@ -5,0 +5,0 @@ import React from 'react'; |
+36
-20
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| var __create = Object.create; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getProtoOf = Object.getPrototypeOf; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __export = (target, all) => { | ||
| for (var name in all) | ||
| __defProp(target, name, { get: all[name], enumerable: true }); | ||
| }; | ||
| var __copyProps = (to, from, except, desc) => { | ||
| if (from && typeof from === "object" || typeof from === "function") { | ||
| for (let key of __getOwnPropNames(from)) | ||
| if (!__hasOwnProp.call(to, key) && key !== except) | ||
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | ||
| } | ||
| return to; | ||
| }; | ||
| var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | ||
| // If the importer is in node compatibility mode or this is not an ESM | ||
| // file that has been converted to a CommonJS file using a Babel- | ||
| // compatible transform (i.e. "__esModule" has not been set), then set | ||
| // "default" to the CommonJS "module.exports" for node compatibility. | ||
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | ||
| mod | ||
| )); | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| var Body_exports = {}; | ||
| __export(Body_exports, { | ||
| default: () => Body_default | ||
| }); | ||
| 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); | ||
| module.exports = __toCommonJS(Body_exports); | ||
| var import_react = __toESM(require("react")); | ||
| const ClayTableBody = import_react.default.forwardRef(({ children, ...otherProps }, ref) => { | ||
| return /* @__PURE__ */ import_react.default.createElement("tbody", { ...otherProps, ref }, children); | ||
| }); | ||
| ClayTableBody.displayName = 'ClayTableBody'; | ||
| var _default = exports.default = ClayTableBody; | ||
| ClayTableBody.displayName = "ClayTableBody"; | ||
| var Body_default = ClayTableBody; |
+56
-35
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| var __create = Object.create; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getProtoOf = Object.getPrototypeOf; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __export = (target, all) => { | ||
| for (var name in all) | ||
| __defProp(target, name, { get: all[name], enumerable: true }); | ||
| }; | ||
| var __copyProps = (to, from, except, desc) => { | ||
| if (from && typeof from === "object" || typeof from === "function") { | ||
| for (let key of __getOwnPropNames(from)) | ||
| if (!__hasOwnProp.call(to, key) && key !== except) | ||
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | ||
| } | ||
| return to; | ||
| }; | ||
| var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | ||
| // If the importer is in node compatibility mode or this is not an ESM | ||
| // file that has been converted to a CommonJS file using a Babel- | ||
| // compatible transform (i.e. "__esModule" has not been set), then set | ||
| // "default" to the CommonJS "module.exports" for node compatibility. | ||
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | ||
| mod | ||
| )); | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| var Cell_exports = {}; | ||
| __export(Cell_exports, { | ||
| default: () => Cell_default | ||
| }); | ||
| 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 { | ||
| module.exports = __toCommonJS(Cell_exports); | ||
| var import_classnames = __toESM(require("classnames")); | ||
| var import_react = __toESM(require("react")); | ||
| const ClayTableCell = import_react.default.forwardRef( | ||
| ({ | ||
| align, | ||
@@ -27,23 +49,22 @@ cellDelimiter, | ||
| ...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; | ||
| }, ref) => { | ||
| const TagName = headingCell ? "th" : "td"; | ||
| return /* @__PURE__ */ import_react.default.createElement( | ||
| TagName, | ||
| { | ||
| ...otherProps, | ||
| className: (0, import_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 | ||
| }, | ||
| headingTitle ? import_react.default.Children.map(children, (child, i) => /* @__PURE__ */ import_react.default.createElement("p", { className: "table-list-title", key: i }, child)) : truncate && typeof children === "string" ? /* @__PURE__ */ import_react.default.createElement("span", { className: "text-truncate-inline" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "text-truncate" }, children)) : children | ||
| ); | ||
| } | ||
| ); | ||
| ClayTableCell.displayName = "ClayTableCell"; | ||
| var Cell_default = ClayTableCell; |
+36
-20
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| var __create = Object.create; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getProtoOf = Object.getPrototypeOf; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __export = (target, all) => { | ||
| for (var name in all) | ||
| __defProp(target, name, { get: all[name], enumerable: true }); | ||
| }; | ||
| var __copyProps = (to, from, except, desc) => { | ||
| if (from && typeof from === "object" || typeof from === "function") { | ||
| for (let key of __getOwnPropNames(from)) | ||
| if (!__hasOwnProp.call(to, key) && key !== except) | ||
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | ||
| } | ||
| return to; | ||
| }; | ||
| var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | ||
| // If the importer is in node compatibility mode or this is not an ESM | ||
| // file that has been converted to a CommonJS file using a Babel- | ||
| // compatible transform (i.e. "__esModule" has not been set), then set | ||
| // "default" to the CommonJS "module.exports" for node compatibility. | ||
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | ||
| mod | ||
| )); | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| var Head_exports = {}; | ||
| __export(Head_exports, { | ||
| default: () => Head_default | ||
| }); | ||
| 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); | ||
| module.exports = __toCommonJS(Head_exports); | ||
| var import_react = __toESM(require("react")); | ||
| const ClayTableHead = import_react.default.forwardRef(({ children, ...otherProps }, ref) => { | ||
| return /* @__PURE__ */ import_react.default.createElement("thead", { ...otherProps, ref }, children); | ||
| }); | ||
| ClayTableHead.displayName = 'ClayTableHead'; | ||
| var _default = exports.default = ClayTableHead; | ||
| ClayTableHead.displayName = "ClayTableHead"; | ||
| var Head_default = ClayTableHead; |
+81
-45
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| var __create = Object.create; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getProtoOf = Object.getPrototypeOf; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __export = (target, all) => { | ||
| for (var name in all) | ||
| __defProp(target, name, { get: all[name], enumerable: true }); | ||
| }; | ||
| var __copyProps = (to, from, except, desc) => { | ||
| if (from && typeof from === "object" || typeof from === "function") { | ||
| for (let key of __getOwnPropNames(from)) | ||
| if (!__hasOwnProp.call(to, key) && key !== except) | ||
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | ||
| } | ||
| return to; | ||
| }; | ||
| var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | ||
| // If the importer is in node compatibility mode or this is not an ESM | ||
| // file that has been converted to a CommonJS file using a Babel- | ||
| // compatible transform (i.e. "__esModule" has not been set), then set | ||
| // "default" to the CommonJS "module.exports" for node compatibility. | ||
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | ||
| mod | ||
| )); | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| var src_exports = {}; | ||
| __export(src_exports, { | ||
| default: () => src_default | ||
| }); | ||
| 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 { | ||
| module.exports = __toCommonJS(src_exports); | ||
| var import_classnames = __toESM(require("classnames")); | ||
| var import_react = __toESM(require("react")); | ||
| var import_Body = __toESM(require("./Body")); | ||
| var import_Cell = __toESM(require("./Cell")); | ||
| var import_Head = __toESM(require("./Head")); | ||
| var import_Row = __toESM(require("./Row")); | ||
| const ClayTable = import_react.default.forwardRef( | ||
| ({ | ||
| bodyVerticalAlignment, | ||
@@ -34,30 +56,44 @@ borderedColumns, | ||
| ...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)); | ||
| }, ref) => { | ||
| return /* @__PURE__ */ import_react.default.createElement( | ||
| "div", | ||
| { | ||
| className: (0, import_classnames.default)({ | ||
| "table-responsive": responsive, | ||
| [`table-responsive-${responsiveSize}`]: responsiveSize | ||
| }), | ||
| ref | ||
| }, | ||
| /* @__PURE__ */ import_react.default.createElement( | ||
| "table", | ||
| { | ||
| className: (0, import_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 src_default = Object.assign(ClayTable, { | ||
| Body: import_Body.default, | ||
| Cell: import_Cell.default, | ||
| Head: import_Head.default, | ||
| Row: import_Row.default | ||
| }); | ||
| ClayTable.displayName = 'ClayTable'; | ||
| var _default = exports.default = Object.assign(ClayTable, { | ||
| Body: _Body.default, | ||
| Cell: _Cell.default, | ||
| Head: _Head.default, | ||
| Row: _Row.default | ||
| }); |
+53
-25
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| var __create = Object.create; | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __getProtoOf = Object.getPrototypeOf; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __export = (target, all) => { | ||
| for (var name in all) | ||
| __defProp(target, name, { get: all[name], enumerable: true }); | ||
| }; | ||
| var __copyProps = (to, from, except, desc) => { | ||
| if (from && typeof from === "object" || typeof from === "function") { | ||
| for (let key of __getOwnPropNames(from)) | ||
| if (!__hasOwnProp.call(to, key) && key !== except) | ||
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | ||
| } | ||
| return to; | ||
| }; | ||
| var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( | ||
| // If the importer is in node compatibility mode or this is not an ESM | ||
| // file that has been converted to a CommonJS file using a Babel- | ||
| // compatible transform (i.e. "__esModule" has not been set), then set | ||
| // "default" to the CommonJS "module.exports" for node compatibility. | ||
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, | ||
| mod | ||
| )); | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| var Row_exports = {}; | ||
| __export(Row_exports, { | ||
| default: () => Row_default | ||
| }); | ||
| 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 { | ||
| module.exports = __toCommonJS(Row_exports); | ||
| var import_classnames = __toESM(require("classnames")); | ||
| var import_react = __toESM(require("react")); | ||
| const ClayTableRow = import_react.default.forwardRef( | ||
| ({ | ||
| active = false, | ||
@@ -22,13 +44,19 @@ children, | ||
| ...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; | ||
| }, ref) => { | ||
| return /* @__PURE__ */ import_react.default.createElement( | ||
| "tr", | ||
| { | ||
| ...otherProps, | ||
| className: (0, import_classnames.default)(className, { | ||
| "table-active": active, | ||
| "table-divider": divider, | ||
| [`table-row-${rowDelimiter}`]: rowDelimiter | ||
| }), | ||
| ref | ||
| }, | ||
| children | ||
| ); | ||
| } | ||
| ); | ||
| ClayTableRow.displayName = "ClayTableRow"; | ||
| var Row_default = ClayTableRow; |
+15
-4
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| var __defProp = Object.defineProperty; | ||
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
| var __getOwnPropNames = Object.getOwnPropertyNames; | ||
| var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
| var __copyProps = (to, from, except, desc) => { | ||
| if (from && typeof from === "object" || typeof from === "function") { | ||
| for (let key of __getOwnPropNames(from)) | ||
| if (!__hasOwnProp.call(to, key) && key !== except) | ||
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); | ||
| } | ||
| return to; | ||
| }; | ||
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); | ||
| var types_exports = {}; | ||
| module.exports = __toCommonJS(types_exports); |
+8
-17
@@ -1,18 +0,9 @@ | ||
| 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); | ||
| import React from "react"; | ||
| const ClayTableBody = React.forwardRef(({ children, ...otherProps }, ref) => { | ||
| return /* @__PURE__ */ React.createElement("tbody", { ...otherProps, ref }, children); | ||
| }); | ||
| ClayTableBody.displayName = 'ClayTableBody'; | ||
| export default ClayTableBody; | ||
| ClayTableBody.displayName = "ClayTableBody"; | ||
| var Body_default = ClayTableBody; | ||
| export { | ||
| Body_default as default | ||
| }; |
+28
-32
@@ -1,11 +0,5 @@ | ||
| 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 { | ||
| import classNames from "classnames"; | ||
| import React from "react"; | ||
| const ClayTableCell = React.forwardRef( | ||
| ({ | ||
| align, | ||
@@ -22,23 +16,25 @@ cellDelimiter, | ||
| ...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; | ||
| }, ref) => { | ||
| const TagName = headingCell ? "th" : "td"; | ||
| return /* @__PURE__ */ React.createElement( | ||
| 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 | ||
| }, | ||
| 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"; | ||
| var Cell_default = ClayTableCell; | ||
| export { | ||
| Cell_default as default | ||
| }; |
+8
-17
@@ -1,18 +0,9 @@ | ||
| 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); | ||
| import React from "react"; | ||
| const ClayTableHead = React.forwardRef(({ children, ...otherProps }, ref) => { | ||
| return /* @__PURE__ */ React.createElement("thead", { ...otherProps, ref }, children); | ||
| }); | ||
| ClayTableHead.displayName = 'ClayTableHead'; | ||
| export default ClayTableHead; | ||
| ClayTableHead.displayName = "ClayTableHead"; | ||
| var Head_default = ClayTableHead; | ||
| export { | ||
| Head_default as default | ||
| }; |
+50
-39
@@ -1,15 +0,9 @@ | ||
| 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.js"; | ||
| import Cell from "./Cell.js"; | ||
| import Head from "./Head.js"; | ||
| import Row from "./Row.js"; | ||
| const ClayTable = /*#__PURE__*/React.forwardRef((_ref, ref) => { | ||
| let { | ||
| 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 = React.forwardRef( | ||
| ({ | ||
| bodyVerticalAlignment, | ||
@@ -29,26 +23,40 @@ borderedColumns, | ||
| ...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, { | ||
| }, ref) => { | ||
| return /* @__PURE__ */ React.createElement( | ||
| "div", | ||
| { | ||
| className: classNames({ | ||
| "table-responsive": responsive, | ||
| [`table-responsive-${responsiveSize}`]: responsiveSize | ||
| }), | ||
| ref | ||
| }, | ||
| /* @__PURE__ */ React.createElement( | ||
| "table", | ||
| { | ||
| 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"; | ||
| var src_default = Object.assign(ClayTable, { | ||
| Body, | ||
@@ -58,2 +66,5 @@ Cell, | ||
| Row | ||
| }); | ||
| }); | ||
| export { | ||
| src_default as default | ||
| }; |
+25
-22
@@ -1,11 +0,5 @@ | ||
| 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 { | ||
| import classNames from "classnames"; | ||
| import React from "react"; | ||
| const ClayTableRow = React.forwardRef( | ||
| ({ | ||
| active = false, | ||
@@ -17,13 +11,22 @@ children, | ||
| ...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; | ||
| }, ref) => { | ||
| return /* @__PURE__ */ React.createElement( | ||
| "tr", | ||
| { | ||
| ...otherProps, | ||
| className: classNames(className, { | ||
| "table-active": active, | ||
| "table-divider": divider, | ||
| [`table-row-${rowDelimiter}`]: rowDelimiter | ||
| }), | ||
| ref | ||
| }, | ||
| children | ||
| ); | ||
| } | ||
| ); | ||
| ClayTableRow.displayName = "ClayTableRow"; | ||
| var Row_default = ClayTableRow; | ||
| export { | ||
| Row_default as default | ||
| }; |
+2
-2
| /** | ||
| * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com> | ||
| * SPDX-License-Identifier: BSD-3-Clause | ||
| * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com | ||
| * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 | ||
| */ | ||
@@ -5,0 +5,0 @@ import React from 'react'; |
+6
-6
| /** | ||
| * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com> | ||
| * SPDX-License-Identifier: BSD-3-Clause | ||
| * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com | ||
| * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 | ||
| */ | ||
@@ -23,6 +23,2 @@ import React from 'react'; | ||
| /** | ||
| * This property keeps all the headings on one line. | ||
| */ | ||
| headingNoWrap?: boolean; | ||
| /** | ||
| * This property vertically align the contents | ||
@@ -33,2 +29,6 @@ * inside the table header according a given position. | ||
| /** | ||
| * This property keeps all the headings on one line. | ||
| */ | ||
| headingNoWrap?: boolean; | ||
| /** | ||
| * Applies a Hover style on Table. | ||
@@ -35,0 +35,0 @@ */ |
+2
-2
| /** | ||
| * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com> | ||
| * SPDX-License-Identifier: BSD-3-Clause | ||
| * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com | ||
| * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 | ||
| */ | ||
@@ -5,0 +5,0 @@ import React from 'react'; |
+2
-2
| /** | ||
| * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com> | ||
| * SPDX-License-Identifier: BSD-3-Clause | ||
| * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com | ||
| * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06 | ||
| */ | ||
| export declare type TDelimiter = 'start' | 'end'; |
+29
-30
| { | ||
| "name": "@clayui/table", | ||
| "version": "3.144.1", | ||
| "browserslist": [ | ||
| "extends browserslist-config-clay" | ||
| ], | ||
| "dependencies": { | ||
| "classnames": "2.3.1" | ||
| }, | ||
| "description": "ClayTable component", | ||
| "files": [ | ||
| "lib" | ||
| ], | ||
| "keywords": [ | ||
| "clay", | ||
| "react" | ||
| ], | ||
| "license": "BSD-3-Clause", | ||
| "main": "lib/cjs/index.js", | ||
| "name": "@clayui/table", | ||
| "peerDependencies": { | ||
| "@clayui/css": "^3.157.0-alpha.1", | ||
| "react": "^16.0.0 || ^17.0.0 || ^18.0.0", | ||
| "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0" | ||
| }, | ||
| "repository": "https://github.com/liferay/clay", | ||
| "main": "lib/cjs/index.js", | ||
| "scripts": { | ||
| "build": "yarn build:cjs && yarn build:esm", | ||
| "build:cjs": "cross-env NODE_ENV=production node ../build-package-esbuild.js --format=cjs --outdir=lib/cjs", | ||
| "build:esm": "cross-env NODE_ENV=production node ../build-package-esbuild.js --format=esm --outdir=lib/esm", | ||
| "buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json", | ||
| "test": "jest --config ../../jest.config.js" | ||
| }, | ||
| "version": "3.157.0-alpha.1", | ||
| "module": "lib/esm/index.js", | ||
@@ -17,29 +42,3 @@ "exports": { | ||
| "types": "lib/index.d.ts", | ||
| "ts:main": "src/index.tsx", | ||
| "files": [ | ||
| "lib" | ||
| ], | ||
| "scripts": { | ||
| "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", | ||
| "test": "jest --config ../../jest.config.js" | ||
| }, | ||
| "keywords": [ | ||
| "clay", | ||
| "react" | ||
| ], | ||
| "dependencies": { | ||
| "classnames": "^2.2.6" | ||
| }, | ||
| "peerDependencies": { | ||
| "@clayui/css": "3.x", | ||
| "react": "^16.0.0 || ^17.0.0 || ^18.0.0", | ||
| "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0" | ||
| }, | ||
| "browserslist": [ | ||
| "extends browserslist-config-clay" | ||
| ], | ||
| "gitHead": "96b1e589bb0777fb30d4fbe050ce7670c8061fe5" | ||
| "ts:main": "src/index.tsx" | ||
| } |
+4
-4
@@ -5,5 +5,5 @@ # `@clayui/table` | ||
| - [Documentation](https://clayui.com/docs/components/table.html) | ||
| - [Changelog](./CHANGELOG.md) | ||
| - [Breaking change schedule](./BREAKING.md) | ||
| - [Documentation](https://clayui.com/docs/components/table.html) | ||
| - [Changelog](./CHANGELOG.md) | ||
| - [Breaking change schedule](./BREAKING.md) | ||
@@ -20,2 +20,2 @@ ## Install | ||
| 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. | ||
| 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. |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Copyleft License
LicenseCopyleft license information was found.
Found 1 instance in 1 package
Mixed license
LicensePackage contains multiple licenses.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Non-permissive License
LicenseA license not known to be considered permissive was found.
Found 1 instance in 1 package
25101
18.78%632
29.51%3
Infinity%70
-30%2
100%19
-5%1
Infinity%+ Added
- Removed
Updated