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