Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement
Sign In

@clayui/table

Package Overview
Dependencies
Maintainers
13
Versions
45
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@clayui/table - npm Package Compare versions

Comparing version
3.144.1
to
3.157.0-alpha.1
+2
-2
lib/Body.d.ts
/**
* 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';

/**
* 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';

"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;
"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;
"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;
"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
});
"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;
"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);

@@ -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
};

@@ -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
};

@@ -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
};

@@ -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
};

@@ -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
};
/**
* 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';

/**
* 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 @@ */

/**
* 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';

/**
* 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';
{
"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"
}

@@ -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.