carbon-react/lib/components/flat-table/flat-table-row/flat-table-row.style.js

A library of reusable React components for easily building user interfaces.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../../../style/themes/apply-base-theme.js"),o=require("../flat-table-cell/flat-table-cell.style.js"),r=require("../flat-table-row-header/flat-table-row-header.style.js"),l=require("../flat-table-checkbox/flat-table-checkbox.style.js"),a=require("../flat-table-header/flat-table-header.style.js"),s=require("../../icon/icon.style.js"),i=require("../../../style/utils/color.js"),d=require("../../../style/utils/add-focus-styling.js"),n=require("../../../__internal__/dom/globals.js"),c=require("../../../__internal__/utils/helpers/browser-type-check/index.js");function b(t){return t&&t.__esModule?t:{default:t}}const u={medium:"2px",large:"4px"},f=t=>`\n    ${d.default(!0)}\n    z-index: ${t.zIndex.overlay+5};\n  `,h=t=>`\n      width: calc(100% + 1px);\n      z-index: ${t.zIndex.overlay};\n      :before {\n        content: "";\n        border-top: 2px solid var(--colorsSemanticFocus500);\n        border-bottom: 2px solid var(--colorsSemanticFocus500);\n        display: block;\n        left: -2px;\n        top: 0px;\n        height: calc(100% - 3px);\n        width: 103%;\n        position: absolute;\n        z-index: ${t.zIndex.overlay};\n      }\n    }\n  `,y=t=>{switch(t){case"light":return"var(--colorsUtilityMajor100)";case"transparent-base":return"var(--colorsUtilityMajor025)";case"transparent-white":return"var(--colorsUtilityYang100)";default:return"var(--colorsUtilityMajor400)"}},p=t=>{switch(t){case"transparent-base":return"var(--colorsUtilityMajor025)";case"transparent-white":return"var(--colorsUtilityYang100)";default:return"var(--colorsUtilityMajor100)"}},v=b(t).default.tr.attrs(e.default).withConfig({displayName:"flat-table-row.style__StyledFlatTableRow",componentId:"sc-4daf4fd4-0"})(["",""],(({bgColor:e,horizontalBorderColor:d,horizontalBorderSize:b,stickyOffset:v,isRowInteractive:x,isFirstColumnInteractive:g,lhsRowHeaderIndex:w,rhsRowHeaderIndex:j,totalChildren:m,firstCellIndex:S,colorTheme:F,expandable:M,selected:U,highlighted:k,isExpanded:T,isInSidebar:C,isSubRow:R,isFirstSubRow:_,size:z,theme:H,isDragging:q,draggable:$,rowHeight:I})=>{const A=n.getNavigator(),B=e?i.toColor(H,e):void 0,N=d?i.toColor(H,d):void 0,O=C?"var(--colorsUtilityMajor150)":"var(--colorsUtilityMajor075)",Y=C?"var(--colorsUtilityMajor100)":"var(--colorsUtilityMajor050)",D=`${r.StyledFlatTableRowHeader}, ${o.StyledFlatTableCell}, ${l.default}`;return t.css(["border-collapse:separate;border-radius:0px;border-spacing:0;min-width:100%;table-layout:fixed;width:auto;:focus-visible{outline:none;}","{"," "," ","}"," + td{border-left:none;}"," "," "," ","{border-bottom:1px solid ",";"," ","}"," "," "," "," "," "," "," "," "," "," ",""],D,B&&`background-color: ${B};`,"small"!==b&&t.css(["border-bottom:"," solid var(--colorsUtilityMajor100);"],u[b]),N&&t.css(["border-bottom-color:",";"],N),r.StyledFlatTableRowHeader,-1!==w&&t.css(["",":nth-child(","){border-right:2px solid ",";}"],r.StyledFlatTableRowHeader,w+1,p(F)),-1!==j&&t.css(["",":nth-child(","){border-left:2px solid ",";}",":nth-child(","){border-right:none;}"],r.StyledFlatTableRowHeader,j+1,p(F),a.default,j),j===m-1&&t.css(["td:last-of-type{border-right:none;}"]),a.default,y(F),"small"!==b&&t.css(["border-bottom:"," solid var(--colorsUtilityMajor100);"],u[b]),!C&&!(null==F?void 0:F.includes("transparent"))&&`\n          :first-child {\n            border-left: 1px solid ${y(F)};\n          }\n        `,void 0!==v&&t.css(["&& th{top:","px;}"],v),x&&t.css(['cursor:pointer;:focus{position:relative;:after{content:"";box-sizing:border-box;position:absolute;left:0px;right:0px;top:0;bottom:0px;'," pointer-events:none;}:last-child{:after{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);}}:first-child{:after{top:0px;}}"," ","{"," "," ","}","}:hover{","{background-color:",";}}"],f(H),A&&c.isSafari(A)&&t.css(['position:-webkit-sticky;:after{border:none;content:"";height:',"px;","}"],I,f(H)),r.StyledFlatTableRowHeader,0===w&&H&&t.css(["&:first-of-type::before{border-left:3px solid var(--colorsSemanticFocus500);}"]),((e,o,r)=>e===o-1&&r&&t.css(["&:last-of-type{border-right:2px solid var(--colorsSemanticFocus500);}"]))(j,m,H),h(H),![-1,0].includes(w)&&t.css(["",""],Array.from({length:w}).map(((t,e)=>`\n                td:nth-of-type(${e+1}) {\n                  ${h(H)}\n                }\n              `))),D,B||"var(--colorsUtilityMajor025)"),g&&t.css(["td:nth-child(","),th:nth-child(","){cursor:pointer;:focus{","}:hover{background-color:",";}}"],S+1,S+1,f(H),B||"var(colorsUtilityMajor025)"),C&&t.css(["","{background-color:",";};}","{background-color:var(--colorsUtilityMajor040);border-bottom-color:var(--colorsUtilityMajor100);}td:first-of-type,th:first-of-type{border-left:none;}td:last-of-type{border-right:none;}","{border-right:1px solid ",";}",""],D,e||"var(--colorsUtilityMajor040)",a.default,l.default,Y,x&&t.css([":hover{",",",":not(th){background-color:",";}}"],o.StyledFlatTableCell,l.default,B||"var(--colorsUtilityMajor075)")),M&&t.css(["",":first-child > div,",":first-child > div,"," + "," > div{",'[type="chevron_down_thick"]:first-of-type{transition:transform 0.3s;',"}}"],o.StyledFlatTableCell,r.StyledFlatTableRowHeader,l.default,o.StyledFlatTableCell,s.default,!T&&t.css(["transform:rotate(-90deg);"])),R&&t.css(["","{background-color:",";}",":first-child > div,",":first-child > div,"," + "," > div{padding-left:",";}"],D,B||"var(--colorsActionMinor025)",o.StyledFlatTableCell,r.StyledFlatTableRowHeader,l.default,o.StyledFlatTableCell,"compact"===z?"32px":"40px"),q&&t.css(["border:"," 2px solid;","{background-color:",";}"],C?"var(--colorsUtilityMajor300)":"var(--colorsUtilityMajor200)",D,C?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor150)"),$&&t.css(["",":first-of-type{font-size:20px;color:var(--colorsActionMinor500);}"],s.default),_&&t.css(["","{box-shadow:var(--boxShadow075);}"],D),k&&t.css(["","{background-color:",";}:hover{",",",",",":not(th){background-color:",";}}"],D,B||Y,o.StyledFlatTableCell,r.StyledFlatTableRowHeader,l.default,B||Y),U&&t.css(["",",","{background-color:",";}:hover{",",",",",":not(th){background-color:",";}}"],o.StyledFlatTableCell,l.default,B||O,o.StyledFlatTableCell,r.StyledFlatTableRowHeader,l.default,B||O))}));exports.default=v;