@toptal/picasso-table 1.1.1 → 1.1.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EACV,SAAS,EAGT,cAAc,EACf,MAAM,wBAAwB,CAAA;AAS/B,aAAK,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEpE,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,EACd,cAAc,CAAC,oBAAoB,CAAC;IACtC,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAkCD,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAiC,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EACV,SAAS,EAGT,cAAc,EACf,MAAM,wBAAwB,CAAA;AAS/B,aAAK,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEpE,MAAM,WAAW,KACf,SAAQ,SAAS,EACf,cAAc,EACd,cAAc,CAAC,oBAAoB,CAAC;IACtC,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAkCD,eAAO,MAAM,SAAS,oFA0DrB,CAAA;AAQD,eAAe,SAAS,CAAA"}
|
|
@@ -49,16 +49,13 @@ export const TableCell = forwardRef(function TableCell(props, ref) {
|
|
|
49
49
|
const isHead = tableSection === TableSection.HEAD;
|
|
50
50
|
const titleCase = useTitleCase(propsTitleCase);
|
|
51
51
|
const renderChildren = () => isHead && titleCase ? toTitleCase(children) : children;
|
|
52
|
-
const
|
|
53
|
-
return adornment ? (React.createElement("div", { className: 'flex items-center' },
|
|
54
|
-
React.createElement(Typography, Object.assign({ as: 'div' }, getTypographySettings(tableSection)), renderChildren()),
|
|
55
|
-
adornment)) : (React.createElement(Typography, Object.assign({ as: 'div' }, getTypographySettings(tableSection)), renderChildren()));
|
|
56
|
-
};
|
|
52
|
+
const tooltipWithChildren = (React.createElement(Typography, Object.assign({ as: 'div' }, getTypographySettings(tableSection)), renderChildren()));
|
|
57
53
|
return (React.createElement(MUITableCell, Object.assign({}, rest, { ref: ref, align: align, classes: muiClasses, className: cx(className, {
|
|
58
54
|
[compactClass]: spacing === 'compact',
|
|
59
55
|
[narrowClass]: spacing === 'narrow',
|
|
60
|
-
}), style: style, colSpan: colSpan, rowSpan: rowSpan }),
|
|
61
|
-
|
|
56
|
+
}), style: style, colSpan: colSpan, rowSpan: rowSpan }), adornment ? (React.createElement("div", { className: 'flex items-center' },
|
|
57
|
+
tooltipWithChildren,
|
|
58
|
+
adornment)) : (tooltipWithChildren)));
|
|
62
59
|
});
|
|
63
60
|
TableCell.defaultProps = {
|
|
64
61
|
align: 'inherit',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAO7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAiB1E,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAOzE,MAAM,qBAAqB,GAAG,CAC5B,YAAsC,EAClB,EAAE;IACtB,QAAQ,YAAY,EAAE;QACpB,KAAK,YAAY,CAAC,IAAI;YACpB,OAAO;gBACL,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,UAAU;aACnB,CAAA;QACH,KAAK,YAAY,CAAC,MAAM;YACtB,OAAO;gBACL,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,UAAU;aACnB,CAAA;QACH;YACE,OAAO;gBACL,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,SAAS;aAClB,CAAA;KACJ;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG;IAC3B,MAAM,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EAAE,cAAc,EACzB,SAAS,KAEP,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,2FAUL,CAAQ,CAAA;IAET,MAAM,KAIF,SAAS,EAAE,EAJT,EACJ,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,WAAW,OAEN,EADV,UAAU,cAHT,qBAIL,CAAc,CAAA;IACf,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IACpD,MAAM,MAAM,GAAG,YAAY,KAAK,YAAY,CAAC,IAAI,CAAA;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAE9C,MAAM,cAAc,GAAG,GAAG,EAAE,CAC1B,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAExD,MAAM,
|
|
1
|
+
{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -91,20 +91,11 @@ export const TableCell = forwardRef<HTMLTableCellElement, Props>(
|
|
|
91
91
|
const renderChildren = () =>
|
|
92
92
|
isHead && titleCase ? toTitleCase(children) : children
|
|
93
93
|
|
|
94
|
-
const
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
</Typography>
|
|
100
|
-
{adornment}
|
|
101
|
-
</div>
|
|
102
|
-
) : (
|
|
103
|
-
<Typography as='div' {...getTypographySettings(tableSection)}>
|
|
104
|
-
{renderChildren()}
|
|
105
|
-
</Typography>
|
|
106
|
-
)
|
|
107
|
-
}
|
|
94
|
+
const tooltipWithChildren = (
|
|
95
|
+
<Typography as='div' {...getTypographySettings(tableSection)}>
|
|
96
|
+
{renderChildren()}
|
|
97
|
+
</Typography>
|
|
98
|
+
)
|
|
108
99
|
|
|
109
100
|
return (
|
|
110
101
|
<MUITableCell
|
|
@@ -120,7 +111,14 @@ export const TableCell = forwardRef<HTMLTableCellElement, Props>(
|
|
|
120
111
|
colSpan={colSpan}
|
|
121
112
|
rowSpan={rowSpan}
|
|
122
113
|
>
|
|
123
|
-
|
|
114
|
+
{adornment ? (
|
|
115
|
+
<div className='flex items-center'>
|
|
116
|
+
{tooltipWithChildren}
|
|
117
|
+
{adornment}
|
|
118
|
+
</div>
|
|
119
|
+
) : (
|
|
120
|
+
tooltipWithChildren
|
|
121
|
+
)}
|
|
124
122
|
</MUITableCell>
|
|
125
123
|
)
|
|
126
124
|
}
|