carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 5.77 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../../__internal__/utils/helpers/events/events.js"),a=require("./flat-table-row.style.js"),l=require("../../drawer/__internal__/drawer-sidebar.context.js"),o=require("../flat-table-row-header/flat-table-row-header.component.js"),i=require("../__internal__/strict-flat-table.context.js"),s=require("../../../__internal__/utils/helpers/guid/index.js"),d=require("./__internal__/flat-table-row.context.js"),u=require("./__internal__/sub-row-provider.js"),c=require("../__internal__/build-position-map.js"),f=require("../flat-table-head/__internal__/flat-table-head.context.js");require("@atlaskit/pragmatic-drag-and-drop/element/adapter");var b=require("../__internal__/sortable/use-sortable-row.js");function h(e){return e&&e.__esModule?e:{default:e}}var p=h(t),g=h(r);function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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){w(e,t,r[t])}))}return e}const x=p.default.forwardRef(((r,h)=>{var p,{children:w,onClick:x,expandable:_,expandableArea:j="wholeRow",expanded:m=!1,highlighted:O,selected:v,subRows:S,bgColor:C,horizontalBorderColor:R,horizontalBorderSize:P="small",id:k,draggableProps:q,"data-element":I,"data-role":E}=r,z=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(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)&&(a[r]=e[r])}return a}(r,["children","onClick","expandable","expandableArea","expanded","highlighted","selected","subRows","bgColor","horizontalBorderColor","horizontalBorderSize","id","draggableProps","data-element","data-role"]);const D=t.useRef(k?String(k):s.default()),[A,F]=t.useState(m),T=t.useRef(null),B="firstColumn"===j,[H,K]=t.useState({}),[M,N]=t.useState({}),[W,$]=t.useState(0),[L,G]=t.useState(-1),[J,Q]=t.useState(-1),[U,V]=t.useState(null),[X,Y]=t.useState([]),[Z,ee]=t.useState(-1);let te={};t.useLayoutEffect((()=>{var e;const t=(e,t)=>{const r=Object.keys(e),n=Object.keys(t);return r.length!==n.length||r.some((r=>e[r]!==t[r]))},r=null===(e=T.current)||void 0===e?void 0:e.querySelectorAll("th, td"),n=Array.from(r||[]);Y(n);const a=n.findIndex((e=>"flat-table-checkbox"!==e.getAttribute("data-component"))),l=n.findIndex((e=>"left"===e.getAttribute("data-sticky-align"))),o=n.findIndex((e=>"right"===e.getAttribute("data-sticky-align")));if(G(l),Q(o),-1!==a?($(a),V(n[a].getAttribute("id"))):$(0),-1!==l){const e=c.default(n.slice(0,L+1),"offsetWidth");t(e,H)&&K(e)}if(-1!==o){const e=c.default(n.slice(J,n.length).reverse(),"offsetWidth");t(e,M)&&N(e)}}),[w,H,L,J,M]);const re=t.useMemo((()=>!(-1!==L)||!(-1!==J)||L<J),[L,J]);g.default(re,`Do not render a right hand side \`${o.FlatTableRowHeader.displayName}\` before left hand side \`${o.FlatTableRowHeader.displayName}\``);const{colorTheme:ne,size:ae,getTabStopElementId:le}=i.useStrictFlatTableContext(),{isInSidebar:oe}=t.useContext(l.default),{stickyOffsets:ie}=t.useContext(f.default),se=t.useCallback((e=>{const t=n.default.isEnterKey(e)||n.default.isSpaceKey(e);_&&!B&&document.activeElement===T.current&&t&&(e.preventDefault(),F((e=>!e))),t&&x&&x(e)}),[_,B,x]),de=t.useCallback((e=>{x&&x(e),_&&!B&&F((e=>!e))}),[x,_,B]);(x||_)&&(te={isRowInteractive:!B,tabIndex:B?void 0:Z,onKeyDown:se,isFirstColumnInteractive:B,isExpanded:A}),t.useEffect((()=>{F(m)}),[m]),t.useEffect((()=>{ee(le()===D.current?0:-1)}),[le]);const{isSubRow:ue,firstRowId:ce,addRow:fe,removeRow:be}=t.useContext(u.SubRowContext);t.useEffect((()=>{const e=D.current;return fe(e),()=>{be(e)}}),[fe,be]);const he=ce===D.current,pe=t.useCallback((()=>I||(ue?"flat-table-sub-row":"flat-table-row")),[I,ue]),{isDragging:ge}=b.default({id:D.current,index:null==q?void 0:q.index,ref:q?T:null});return e.jsxs(e.Fragment,{children:[e.jsx(a.default,(we=y({isInSidebar:oe,expandable:_,isSubRow:ue,isFirstSubRow:he,"data-element":pe(),"data-role":E,highlighted:O,selected:v,onClick:de,firstCellIndex:W,ref:e=>{"function"==typeof h?h(e):h&&(h.current=e),T.current=e},lhsRowHeaderIndex:L,rhsRowHeaderIndex:J,colorTheme:ne,size:ae,stickyOffset:ie[D.current],bgColor:C,horizontalBorderColor:R,horizontalBorderSize:P,draggable:!!q,isDragging:ge,totalChildren:X.length,id:D.current,"data-selected":v&&"wholeRow"===j,"data-highlighted":O&&"wholeRow"===j,rowHeight:null==T||null===(p=T.current)||void 0===p?void 0:p.offsetHeight},te,z),ye={"data-component":"flat-table-row",children:e.jsx(d.default.Provider,{value:{firstCellId:U,expandable:_,leftPositions:H,rightPositions:M,firstColumnExpandable:B,onKeyDown:e=>{(n.default.isEnterKey(e)||n.default.isSpaceKey(e))&&(e.preventDefault(),F((e=>!e)))},onClick:()=>F((e=>!e)),highlighted:O,selected:v},children:w})},ye=null!=ye?ye:{},Object.getOwnPropertyDescriptors?Object.defineProperties(we,Object.getOwnPropertyDescriptors(ye)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(ye)).forEach((function(e){Object.defineProperty(we,e,Object.getOwnPropertyDescriptor(ye,e))})),we)),A&&S&&e.jsx(u.default,{children:S})]});var we,ye}));x.displayName="FlatTableRow",exports.FlatTableRow=x,exports.default=x;