@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,oFA4DrB,CAAA;AAQD,eAAe,SAAS,CAAA"}
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 CellContent = () => {
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
- React.createElement(CellContent, null)));
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":"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"}
1
+ {"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/TableCell/TableCell.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-table",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "Toptal UI components library - Table",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -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 CellContent = () => {
95
- return adornment ? (
96
- <div className='flex items-center'>
97
- <Typography as='div' {...getTypographySettings(tableSection)}>
98
- {renderChildren()}
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
- <CellContent />
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
  }