@pdg/react-table 1.0.39 → 1.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/InfoTable/InfoTable.types.d.ts +1 -0
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -55,5 +55,6 @@ export interface InfoTableProps<T = InfoTableInfo> {
|
|
|
55
55
|
valueUnderline?: boolean;
|
|
56
56
|
info: T;
|
|
57
57
|
items: InfoTableItems<T>;
|
|
58
|
+
onCopyToClipboard?(item: InfoTableItem<T>, text: string): void;
|
|
58
59
|
}
|
|
59
60
|
export declare const InfoTableDefaultProps: Pick<InfoTableProps, 'spacing' | 'labelColor'>;
|
package/dist/index.esm.js
CHANGED
|
@@ -10102,7 +10102,7 @@ _defineProperty(CopyToClipboard$1, "defaultProps", {
|
|
|
10102
10102
|
|
|
10103
10103
|
CopyToClipboard.CopyToClipboard = CopyToClipboard;
|
|
10104
10104
|
var lib = CopyToClipboard;var InfoTable = function (_a) {
|
|
10105
|
-
var cols = _a.cols, spacing = _a.spacing, className = _a.className, style = _a.style, sx = _a.sx, labelClassName = _a.labelClassName, labelColor = _a.labelColor, labelStyle = _a.labelStyle, labelSx = _a.labelSx, valueClassName = _a.valueClassName, valueStyle = _a.valueStyle, valueSx = _a.valueSx, ellipsis = _a.ellipsis, valueUnderline = _a.valueUnderline, info = _a.info, items = _a.items;
|
|
10105
|
+
var cols = _a.cols, spacing = _a.spacing, className = _a.className, style = _a.style, sx = _a.sx, labelClassName = _a.labelClassName, labelColor = _a.labelColor, labelStyle = _a.labelStyle, labelSx = _a.labelSx, valueClassName = _a.valueClassName, valueStyle = _a.valueStyle, valueSx = _a.valueSx, ellipsis = _a.ellipsis, valueUnderline = _a.valueUnderline, info = _a.info, items = _a.items, onCopyToClipboard = _a.onCopyToClipboard;
|
|
10106
10106
|
var sizeProps = useMemo(function () {
|
|
10107
10107
|
var value = {};
|
|
10108
10108
|
if (typeof cols === 'number') {
|
|
@@ -10146,14 +10146,14 @@ var lib = CopyToClipboard;var InfoTable = function (_a) {
|
|
|
10146
10146
|
data = item.onRender(info);
|
|
10147
10147
|
if (empty(data))
|
|
10148
10148
|
data = item.onRenderEmpty ? item.onRenderEmpty(info) : React__default.createElement(React__default.Fragment, null, "\u00A0");
|
|
10149
|
-
var
|
|
10149
|
+
var copyToClipboardText_1 = item.clipboardText || (typeof data === 'string' ? data : '');
|
|
10150
10150
|
return (React__default.createElement(Grid, __assign$1({ key: idx, item: true }, finalSizeProps, { className: item.className, style: item.style, sx: item.sx }),
|
|
10151
10151
|
React__default.createElement(Label, { className: classNames(labelClassName, item.labelClassName), style: __assign$1(__assign$1({}, item.labelStyle), labelStyle), sx: finalLabelSx }, item.label),
|
|
10152
10152
|
React__default.createElement(ValueWrap, { className: classNames(valueClassName, item.valueClassName), style: __assign$1(__assign$1(__assign$1({}, valueStyle), item.valueStyle), valueUnderlineStyle), sx: finalValueSx },
|
|
10153
10153
|
item.ellipsis || ellipsis ? React__default.createElement(ValueEllipsis, null, data) : React__default.createElement(Value, null, data),
|
|
10154
|
-
item.clipboard && notEmpty(
|
|
10155
|
-
React__default.createElement(lib.CopyToClipboard, { text:
|
|
10156
|
-
React__default.createElement(ClipboardIconButton, __assign$1({ size: 'small' }, item.clipboardProps),
|
|
10154
|
+
item.clipboard && notEmpty(copyToClipboardText_1) && (React__default.createElement(ValueClipboard, null,
|
|
10155
|
+
React__default.createElement(lib.CopyToClipboard, { text: copyToClipboardText_1, onCopy: onCopyToClipboard ? function () { return onCopyToClipboard(item, copyToClipboardText_1); } : undefined },
|
|
10156
|
+
React__default.createElement(ClipboardIconButton, __assign$1({ size: 'small', color: 'primary' }, item.clipboardProps),
|
|
10157
10157
|
React__default.createElement(TableIcon, null, item.clipboardIcon || 'ContentPaste'))))))));
|
|
10158
10158
|
}
|
|
10159
10159
|
})));
|