carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.66 kB
JavaScript
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r}from"react";import{StyledFlatTableCell as n,StyledCellContent as o}from"./flat-table-cell.style.js";import l from"../../icon/icon.component.js";import i from"../../../__internal__/utils/helpers/guid/index.js";import a from"../__internal__/use-table-cell.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=c=>{var{align:d="left",children:b,pl:u,width:f,truncate:m=!1,title:y,colspan:O,rowspan:g,id:h,"data-element":j,"data-role":w}=c,P=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["align","children","pl","width","truncate","title","colspan","rowspan","id","data-element","data-role"]);const v=r(h||i()),{leftPosition:x,rightPosition:S,expandable:k,onClick:_,onKeyDown:C,isFirstCell:D,isExpandableCell:I,makeCellSticky:E,isInHighlightedRow:F,isInSelectedRow:N,tabIndex:T,bringToFront:K}=a(v.current);return e(n,s(p(s(p({leftPosition:x,rightPosition:S,makeCellSticky:E,className:E?"isSticky":void 0,align:d,"data-component":"flat-table-cell","data-element":j||"flat-table-cell","data-role":w,pl:u,onClick:I?_:void 0,tabIndex:I?T:void 0,onKeyDown:I?C:void 0,colWidth:f,isTruncated:m,expandable:k},void 0!==O&&{colSpan:Number(O)},void 0!==g&&{rowSpan:Number(g)}),{"data-selected":N&&I,"data-highlighted":F&&I}),P),{id:v.current,onFocus:e=>{K(e,"TD")},children:t(o,{title:m&&!y&&"string"==typeof b?b:y,expandable:k,"data-role":"flat-table-cell-content",children:[k&&D&&e(l,{type:"chevron_down_thick",mr:"8px"}),b]})}))};d.displayName="FlatTableCell";export{d as FlatTableCell,d as default};