@contentful/f36-table - npm Package Compare versions

Comparing version 4.48.0 to 4.48.1

dist/esm/index.js

@@ -8,5 +8,6 @@ import { cx, css } from 'emotion';
 
-var ie=Object.defineProperty,de=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(o,t,e)=>t in o?ie(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,n=(o,t)=>{for(var e in t||(t={}))W.call(t,e)&&L(o,e,t[e]);if(C)for(var e of C(t))$.call(t,e)&&L(o,e,t[e]);return o},s=(o,t)=>de(o,me(t));var i=(o,t)=>{var e={};for(var r in o)W.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(o!=null&&C)for(var r of C(o))t.indexOf(r)<0&&$.call(o,r)&&(e[r]=o[r]);return e};var O=()=>({inline:css({borderRadius:a.borderRadiusMedium,boxShadow:`0 0 0 1px ${a.gray200}`,"th:first-child":{borderTopLeftRadius:a.borderRadiusMedium},"th:last-child":{borderTopRightRadius:a.borderRadiusMedium},"tr:last-child td:first-child":{borderBottomLeftRadius:a.borderRadiusMedium},"tr:last-child td:last-child":{borderBottomRightRadius:a.borderRadiusMedium}}),embedded:css({borderBottom:`1px solid ${a.gray200}`}),root:css({width:"100%"})});var z=createContext({}),F=()=>useContext(z),K=z.Provider;var H=forwardRef((T,p)=>{var d=T,{children:o,className:t,layout:e="inline",testId:r="cf-ui-table",verticalAlign:l="top"}=d,m=i(d,["children","className","layout","testId","verticalAlign"]);let b=O();return P.createElement(Box,s(n({cellPadding:"0",cellSpacing:"0"},m),{as:"table",display:"table",ref:p,className:cx(b.root,b[e],t),testId:r}),P.createElement(K,{value:{verticalAlign:l}},o))});H.displayName="Table";function V(m,l){var p=m,{className:o,children:t,testId:e="cf-ui-table-body"}=p,r=i(p,["className","children","testId"]);return P.createElement(Box,s(n({},r),{as:"tbody",className:o,ref:l,testId:e}),t)}V.displayName="TableBody";var E=forwardRef(V);var u={body:{name:"body",as:"td",offsetTop:0},head:{name:"head",as:"th",offsetTop:0}},I=createContext(u.body),M=()=>useContext(I),N=I.Provider;var _=({align:o,isSortable:t,isTableHead:e,verticalAlign:r})=>({button:css({alignItems:"flex-start",appearance:"none",background:"none",border:0,color:"inherit",cursor:"pointer",display:"inline-flex",gap:a.spacing2Xs,outline:0,padding:a.spacingS,"&:focus":{backgroundColor:a.gray100,boxShadow:a.glowPrimary},"&:focus:not(:focus-visible)":{backgroundColor:"unset",boxShadow:"unset"},"&:focus-visible":{backgroundColor:a.gray100,boxShadow:a.glowPrimary}}),container:css({backgroundColor:a.colorWhite,borderBottom:`1px solid ${a.gray200}`,padding:t?0:a.spacingS,textAlign:o,color:e?a.gray600:a.gray700,fontWeight:e?a.fontWeightMedium:a.fontWeightNormal,verticalAlign:r}),sortIcon:l=>css({fill:a.gray400,opacity:l?1:0,transition:`opacity ${a.transitionEasingCubicBezier} ${a.transitionDurationDefault}`})});function Re(o){return isValidElement(o)&&Boolean(o.props.children)}function g(o){let t="";return Children.toArray(o).map(e=>{isValidElement(e)&&Re(e)?t+=g(e.props.children):(typeof e=="string"||typeof e=="number")&&(t=`${t}${e}`);}),t}var U=(e=>(e.Ascending="ascending",e.Descending="descending",e))(U||{}),ke={["ascending"]:SortAscendingIcon,["descending"]:SortDescendingIcon};function X(d,T){var b=d,{align:o="left",children:t,className:e,isSortable:r,sortDirection:l,testId:m="cf-ui-table-cell"}=b,p=i(b,["align","children","className","isSortable","sortDirection","testId"]);let[y,x]=useState(!1),{as:oe,name:te,offsetTop:re}=M(),{verticalAlign:le}=F(),ae=ke[l],S=te==="head",B=_({isSortable:S?r:void 0,isTableHead:S,align:o,verticalAlign:le}),ne=S?Caption:Text,se=r?{"aria-sort":l!=null?l:"none",onBlur:()=>x(!1),onFocus:()=>x(!0),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)}:{},pe=useMemo(()=>g(t),[t]),A=t;return r&&(A=P.createElement("button",{"aria-label":`Sort ${l==="ascending"?"descending":"ascending"} by ${pe}`,className:B.button,type:"button"},t,l?P.createElement(ae,{size:"tiny",variant:"secondary"}):P.createElement(SortIcon,{"aria-hidden":!y,className:B.sortIcon(y),size:"tiny",variant:"secondary"}))),P.createElement(ne,s(n(n({},p),se),{as:oe,className:cx(B.container,e),ref:T,style:s(n({},p.style),{top:re||void 0}),testId:m}),A)}X.displayName="TableCell";var k=forwardRef(X);var J=()=>({root:css({color:a.gray600}),sticky:css({th:{position:"sticky",top:0,zIndex:a.zIndexDefault}})});var h=forwardRef((T,p)=>{var d=T,{children:o,className:t,isSticky:e=!1,offsetTop:r,testId:l="cf-ui-table-head"}=d,m=i(d,["children","className","isSticky","offsetTop","testId"]);let b=J(),y=cx(b.root,e&&b.sticky,t);return P.createElement(N,{value:s(n({},u.head),{offsetTop:r||0})},P.createElement(Box,s(n({},m),{as:"thead",className:y,ref:p,testId:l}),o))});h.displayName="TableHead";var ee=()=>({root:css({"&:last-child td":{borderBottom:"none"},"&:hover td":{backgroundColor:a.gray100}}),selected:css({"td, th":{backgroundColor:a.gray100}})});var R=forwardRef((p,m)=>{var T=p,{className:o,children:t,isSelected:e=!1,testId:r="cf-ui-table-row"}=T,l=i(T,["className","children","isSelected","testId"]);let d=ee();return P.createElement(Box,s(n({},l),{as:"tr",className:cx(d.root,{[d.selected]:e},o),ref:m,testId:r}),t)});R.displayName="TableRow";var f=H;f.Row=R;f.Head=h;f.Cell=k;f.Body=E;
+var ie=Object.defineProperty,de=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(o,t,e)=>t in o?ie(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,n=(o,t)=>{for(var e in t||(t={}))W.call(t,e)&&L(o,e,t[e]);if(C)for(var e of C(t))$.call(t,e)&&L(o,e,t[e]);return o},s=(o,t)=>de(o,me(t));var i=(o,t)=>{var e={};for(var r in o)W.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(o!=null&&C)for(var r of C(o))t.indexOf(r)<0&&$.call(o,r)&&(e[r]=o[r]);return e};var O=()=>({inline:css({borderRadius:a.borderRadiusMedium,boxShadow:`0 0 0 1px ${a.gray200}`,"th:first-child":{borderTopLeftRadius:a.borderRadiusMedium},"th:last-child":{borderTopRightRadius:a.borderRadiusMedium},"tr:last-child td:first-child":{borderBottomLeftRadius:a.borderRadiusMedium},"tr:last-child td:last-child":{borderBottomRightRadius:a.borderRadiusMedium}}),embedded:css({borderBottom:`1px solid ${a.gray200}`}),root:css({width:"100%"})});var z=createContext({}),F=()=>useContext(z),K=z.Provider;var H=forwardRef((T,p)=>{var d=T,{children:o,className:t,layout:e="inline",testId:r="cf-ui-table",verticalAlign:l="top"}=d,m=i(d,["children","className","layout","testId","verticalAlign"]);let b=O();return P.createElement(Box,s(n({cellPadding:"0",cellSpacing:"0"},m),{as:"table",display:"table",ref:p,className:cx(b.root,b[e],t),testId:r}),P.createElement(K,{value:{verticalAlign:l}},o))});H.displayName="Table";function V(m,l){var p=m,{className:o,children:t,testId:e="cf-ui-table-body"}=p,r=i(p,["className","children","testId"]);return P.createElement(Box,s(n({},r),{as:"tbody",className:o,ref:l,testId:e}),t)}V.displayName="TableBody";var E=forwardRef(V);var u={body:{name:"body",as:"td",offsetTop:0},head:{name:"head",as:"th",offsetTop:0}},I=createContext(u.body),M=()=>useContext(I),N=I.Provider;var _=({align:o,isSortable:t,isTableHead:e,verticalAlign:r})=>({button:css({alignItems:"flex-start",appearance:"none",background:"none",border:0,color:"inherit",cursor:"pointer",display:"inline-flex",gap:a.spacing2Xs,outline:0,padding:a.spacingS,"&:focus":{backgroundColor:a.gray100,boxShadow:a.glowPrimary},"&:focus:not(:focus-visible)":{backgroundColor:"unset",boxShadow:"unset"},"&:focus-visible":{backgroundColor:a.gray100,boxShadow:a.glowPrimary}}),container:css({backgroundColor:a.colorWhite,borderBottom:`1px solid ${a.gray200}`,padding:t?0:a.spacingS,textAlign:o,color:e?a.gray600:a.gray700,fontWeight:e?a.fontWeightMedium:a.fontWeightNormal,verticalAlign:r}),sortIcon:l=>css({fill:a.gray400,opacity:l?1:0,transition:`opacity ${a.transitionEasingCubicBezier} ${a.transitionDurationDefault}`})});function Re(o){return isValidElement(o)&&!!o.props.children}function g(o){let t="";return Children.toArray(o).map(e=>{isValidElement(e)&&Re(e)?t+=g(e.props.children):(typeof e=="string"||typeof e=="number")&&(t=`${t}${e}`);}),t}var U=(e=>(e.Ascending="ascending",e.Descending="descending",e))(U||{}),ke={ascending:SortAscendingIcon,descending:SortDescendingIcon};function X(d,T){var b=d,{align:o="left",children:t,className:e,isSortable:r,sortDirection:l,testId:m="cf-ui-table-cell"}=b,p=i(b,["align","children","className","isSortable","sortDirection","testId"]);let[y,x]=useState(!1),{as:oe,name:te,offsetTop:re}=M(),{verticalAlign:le}=F(),ae=ke[l],S=te==="head",B=_({isSortable:S?r:void 0,isTableHead:S,align:o,verticalAlign:le}),ne=S?Caption:Text,se=r?{"aria-sort":l!=null?l:"none",onBlur:()=>x(!1),onFocus:()=>x(!0),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)}:{},pe=useMemo(()=>g(t),[t]),A=t;return r&&(A=P.createElement("button",{"aria-label":`Sort ${l==="ascending"?"descending":"ascending"} by ${pe}`,className:B.button,type:"button"},t,l?P.createElement(ae,{size:"tiny",variant:"secondary"}):P.createElement(SortIcon,{"aria-hidden":!y,className:B.sortIcon(y),size:"tiny",variant:"secondary"}))),P.createElement(ne,s(n(n({},p),se),{as:oe,className:cx(B.container,e),ref:T,style:s(n({},p.style),{top:re||void 0}),testId:m}),A)}X.displayName="TableCell";var k=forwardRef(X);var J=()=>({root:css({color:a.gray600}),sticky:css({th:{position:"sticky",top:0,zIndex:a.zIndexDefault}})});var h=forwardRef((T,p)=>{var d=T,{children:o,className:t,isSticky:e=!1,offsetTop:r,testId:l="cf-ui-table-head"}=d,m=i(d,["children","className","isSticky","offsetTop","testId"]);let b=J(),y=cx(b.root,e&&b.sticky,t);return P.createElement(N,{value:s(n({},u.head),{offsetTop:r||0})},P.createElement(Box,s(n({},m),{as:"thead",className:y,ref:p,testId:l}),o))});h.displayName="TableHead";var ee=()=>({root:css({"&:last-child td":{borderBottom:"none"},"&:hover td":{backgroundColor:a.gray100}}),selected:css({"td, th":{backgroundColor:a.gray100}})});var R=forwardRef((p,m)=>{var T=p,{className:o,children:t,isSelected:e=!1,testId:r="cf-ui-table-row"}=T,l=i(T,["className","children","isSelected","testId"]);let d=ee();return P.createElement(Box,s(n({},l),{as:"tr",className:cx(d.root,{[d.selected]:e},o),ref:m,testId:r}),t)});R.displayName="TableRow";var f=H;f.Row=R;f.Head=h;f.Cell=k;f.Body=E;
 
 export { f as Table, E as TableBody, k as TableCell, I as TableCellContext, N as TableCellContextProvider, U as TableCellSorting, h as TableHead, R as TableRow, u as contextOptions, M as useTableCellContext };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

dist/index.js

 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var emotion = require('emotion');
@@ -12,8 +10,8 @@ var P = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var P__default = /*#__PURE__*/_interopDefaultLegacy(P);
-var a__default = /*#__PURE__*/_interopDefaultLegacy(a);
+var P__default = /*#__PURE__*/_interopDefault(P);
+var a__default = /*#__PURE__*/_interopDefault(a);
 
-var ie=Object.defineProperty,de=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(o,t,e)=>t in o?ie(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,n=(o,t)=>{for(var e in t||(t={}))W.call(t,e)&&L(o,e,t[e]);if(C)for(var e of C(t))$.call(t,e)&&L(o,e,t[e]);return o},s=(o,t)=>de(o,me(t));var i=(o,t)=>{var e={};for(var r in o)W.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(o!=null&&C)for(var r of C(o))t.indexOf(r)<0&&$.call(o,r)&&(e[r]=o[r]);return e};var O=()=>({inline:emotion.css({borderRadius:a__default["default"].borderRadiusMedium,boxShadow:`0 0 0 1px ${a__default["default"].gray200}`,"th:first-child":{borderTopLeftRadius:a__default["default"].borderRadiusMedium},"th:last-child":{borderTopRightRadius:a__default["default"].borderRadiusMedium},"tr:last-child td:first-child":{borderBottomLeftRadius:a__default["default"].borderRadiusMedium},"tr:last-child td:last-child":{borderBottomRightRadius:a__default["default"].borderRadiusMedium}}),embedded:emotion.css({borderBottom:`1px solid ${a__default["default"].gray200}`}),root:emotion.css({width:"100%"})});var z=P.createContext({}),F=()=>P.useContext(z),K=z.Provider;var H=P.forwardRef((T,p)=>{var d=T,{children:o,className:t,layout:e="inline",testId:r="cf-ui-table",verticalAlign:l="top"}=d,m=i(d,["children","className","layout","testId","verticalAlign"]);let b=O();return P__default["default"].createElement(f36Core.Box,s(n({cellPadding:"0",cellSpacing:"0"},m),{as:"table",display:"table",ref:p,className:emotion.cx(b.root,b[e],t),testId:r}),P__default["default"].createElement(K,{value:{verticalAlign:l}},o))});H.displayName="Table";function V(m,l){var p=m,{className:o,children:t,testId:e="cf-ui-table-body"}=p,r=i(p,["className","children","testId"]);return P__default["default"].createElement(f36Core.Box,s(n({},r),{as:"tbody",className:o,ref:l,testId:e}),t)}V.displayName="TableBody";var E=P.forwardRef(V);var u={body:{name:"body",as:"td",offsetTop:0},head:{name:"head",as:"th",offsetTop:0}},I=P.createContext(u.body),M=()=>P.useContext(I),N=I.Provider;var _=({align:o,isSortable:t,isTableHead:e,verticalAlign:r})=>({button:emotion.css({alignItems:"flex-start",appearance:"none",background:"none",border:0,color:"inherit",cursor:"pointer",display:"inline-flex",gap:a__default["default"].spacing2Xs,outline:0,padding:a__default["default"].spacingS,"&:focus":{backgroundColor:a__default["default"].gray100,boxShadow:a__default["default"].glowPrimary},"&:focus:not(:focus-visible)":{backgroundColor:"unset",boxShadow:"unset"},"&:focus-visible":{backgroundColor:a__default["default"].gray100,boxShadow:a__default["default"].glowPrimary}}),container:emotion.css({backgroundColor:a__default["default"].colorWhite,borderBottom:`1px solid ${a__default["default"].gray200}`,padding:t?0:a__default["default"].spacingS,textAlign:o,color:e?a__default["default"].gray600:a__default["default"].gray700,fontWeight:e?a__default["default"].fontWeightMedium:a__default["default"].fontWeightNormal,verticalAlign:r}),sortIcon:l=>emotion.css({fill:a__default["default"].gray400,opacity:l?1:0,transition:`opacity ${a__default["default"].transitionEasingCubicBezier} ${a__default["default"].transitionDurationDefault}`})});function Re(o){return P.isValidElement(o)&&Boolean(o.props.children)}function g(o){let t="";return P.Children.toArray(o).map(e=>{P.isValidElement(e)&&Re(e)?t+=g(e.props.children):(typeof e=="string"||typeof e=="number")&&(t=`${t}${e}`);}),t}var U=(e=>(e.Ascending="ascending",e.Descending="descending",e))(U||{}),ke={["ascending"]:f36Icons.SortAscendingIcon,["descending"]:f36Icons.SortDescendingIcon};function X(d,T){var b=d,{align:o="left",children:t,className:e,isSortable:r,sortDirection:l,testId:m="cf-ui-table-cell"}=b,p=i(b,["align","children","className","isSortable","sortDirection","testId"]);let[y,x]=P.useState(!1),{as:oe,name:te,offsetTop:re}=M(),{verticalAlign:le}=F(),ae=ke[l],S=te==="head",B=_({isSortable:S?r:void 0,isTableHead:S,align:o,verticalAlign:le}),ne=S?f36Typography.Caption:f36Typography.Text,se=r?{"aria-sort":l!=null?l:"none",onBlur:()=>x(!1),onFocus:()=>x(!0),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)}:{},pe=P.useMemo(()=>g(t),[t]),A=t;return r&&(A=P__default["default"].createElement("button",{"aria-label":`Sort ${l==="ascending"?"descending":"ascending"} by ${pe}`,className:B.button,type:"button"},t,l?P__default["default"].createElement(ae,{size:"tiny",variant:"secondary"}):P__default["default"].createElement(f36Icons.SortIcon,{"aria-hidden":!y,className:B.sortIcon(y),size:"tiny",variant:"secondary"}))),P__default["default"].createElement(ne,s(n(n({},p),se),{as:oe,className:emotion.cx(B.container,e),ref:T,style:s(n({},p.style),{top:re||void 0}),testId:m}),A)}X.displayName="TableCell";var k=P.forwardRef(X);var J=()=>({root:emotion.css({color:a__default["default"].gray600}),sticky:emotion.css({th:{position:"sticky",top:0,zIndex:a__default["default"].zIndexDefault}})});var h=P.forwardRef((T,p)=>{var d=T,{children:o,className:t,isSticky:e=!1,offsetTop:r,testId:l="cf-ui-table-head"}=d,m=i(d,["children","className","isSticky","offsetTop","testId"]);let b=J(),y=emotion.cx(b.root,e&&b.sticky,t);return P__default["default"].createElement(N,{value:s(n({},u.head),{offsetTop:r||0})},P__default["default"].createElement(f36Core.Box,s(n({},m),{as:"thead",className:y,ref:p,testId:l}),o))});h.displayName="TableHead";var ee=()=>({root:emotion.css({"&:last-child td":{borderBottom:"none"},"&:hover td":{backgroundColor:a__default["default"].gray100}}),selected:emotion.css({"td, th":{backgroundColor:a__default["default"].gray100}})});var R=P.forwardRef((p,m)=>{var T=p,{className:o,children:t,isSelected:e=!1,testId:r="cf-ui-table-row"}=T,l=i(T,["className","children","isSelected","testId"]);let d=ee();return P__default["default"].createElement(f36Core.Box,s(n({},l),{as:"tr",className:emotion.cx(d.root,{[d.selected]:e},o),ref:m,testId:r}),t)});R.displayName="TableRow";var f=H;f.Row=R;f.Head=h;f.Cell=k;f.Body=E;
+var ie=Object.defineProperty,de=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(o,t,e)=>t in o?ie(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,n=(o,t)=>{for(var e in t||(t={}))W.call(t,e)&&L(o,e,t[e]);if(C)for(var e of C(t))$.call(t,e)&&L(o,e,t[e]);return o},s=(o,t)=>de(o,me(t));var i=(o,t)=>{var e={};for(var r in o)W.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(o!=null&&C)for(var r of C(o))t.indexOf(r)<0&&$.call(o,r)&&(e[r]=o[r]);return e};var O=()=>({inline:emotion.css({borderRadius:a__default.default.borderRadiusMedium,boxShadow:`0 0 0 1px ${a__default.default.gray200}`,"th:first-child":{borderTopLeftRadius:a__default.default.borderRadiusMedium},"th:last-child":{borderTopRightRadius:a__default.default.borderRadiusMedium},"tr:last-child td:first-child":{borderBottomLeftRadius:a__default.default.borderRadiusMedium},"tr:last-child td:last-child":{borderBottomRightRadius:a__default.default.borderRadiusMedium}}),embedded:emotion.css({borderBottom:`1px solid ${a__default.default.gray200}`}),root:emotion.css({width:"100%"})});var z=P.createContext({}),F=()=>P.useContext(z),K=z.Provider;var H=P.forwardRef((T,p)=>{var d=T,{children:o,className:t,layout:e="inline",testId:r="cf-ui-table",verticalAlign:l="top"}=d,m=i(d,["children","className","layout","testId","verticalAlign"]);let b=O();return P__default.default.createElement(f36Core.Box,s(n({cellPadding:"0",cellSpacing:"0"},m),{as:"table",display:"table",ref:p,className:emotion.cx(b.root,b[e],t),testId:r}),P__default.default.createElement(K,{value:{verticalAlign:l}},o))});H.displayName="Table";function V(m,l){var p=m,{className:o,children:t,testId:e="cf-ui-table-body"}=p,r=i(p,["className","children","testId"]);return P__default.default.createElement(f36Core.Box,s(n({},r),{as:"tbody",className:o,ref:l,testId:e}),t)}V.displayName="TableBody";var E=P.forwardRef(V);var u={body:{name:"body",as:"td",offsetTop:0},head:{name:"head",as:"th",offsetTop:0}},I=P.createContext(u.body),M=()=>P.useContext(I),N=I.Provider;var _=({align:o,isSortable:t,isTableHead:e,verticalAlign:r})=>({button:emotion.css({alignItems:"flex-start",appearance:"none",background:"none",border:0,color:"inherit",cursor:"pointer",display:"inline-flex",gap:a__default.default.spacing2Xs,outline:0,padding:a__default.default.spacingS,"&:focus":{backgroundColor:a__default.default.gray100,boxShadow:a__default.default.glowPrimary},"&:focus:not(:focus-visible)":{backgroundColor:"unset",boxShadow:"unset"},"&:focus-visible":{backgroundColor:a__default.default.gray100,boxShadow:a__default.default.glowPrimary}}),container:emotion.css({backgroundColor:a__default.default.colorWhite,borderBottom:`1px solid ${a__default.default.gray200}`,padding:t?0:a__default.default.spacingS,textAlign:o,color:e?a__default.default.gray600:a__default.default.gray700,fontWeight:e?a__default.default.fontWeightMedium:a__default.default.fontWeightNormal,verticalAlign:r}),sortIcon:l=>emotion.css({fill:a__default.default.gray400,opacity:l?1:0,transition:`opacity ${a__default.default.transitionEasingCubicBezier} ${a__default.default.transitionDurationDefault}`})});function Re(o){return P.isValidElement(o)&&!!o.props.children}function g(o){let t="";return P.Children.toArray(o).map(e=>{P.isValidElement(e)&&Re(e)?t+=g(e.props.children):(typeof e=="string"||typeof e=="number")&&(t=`${t}${e}`);}),t}var U=(e=>(e.Ascending="ascending",e.Descending="descending",e))(U||{}),ke={ascending:f36Icons.SortAscendingIcon,descending:f36Icons.SortDescendingIcon};function X(d,T){var b=d,{align:o="left",children:t,className:e,isSortable:r,sortDirection:l,testId:m="cf-ui-table-cell"}=b,p=i(b,["align","children","className","isSortable","sortDirection","testId"]);let[y,x]=P.useState(!1),{as:oe,name:te,offsetTop:re}=M(),{verticalAlign:le}=F(),ae=ke[l],S=te==="head",B=_({isSortable:S?r:void 0,isTableHead:S,align:o,verticalAlign:le}),ne=S?f36Typography.Caption:f36Typography.Text,se=r?{"aria-sort":l!=null?l:"none",onBlur:()=>x(!1),onFocus:()=>x(!0),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1)}:{},pe=P.useMemo(()=>g(t),[t]),A=t;return r&&(A=P__default.default.createElement("button",{"aria-label":`Sort ${l==="ascending"?"descending":"ascending"} by ${pe}`,className:B.button,type:"button"},t,l?P__default.default.createElement(ae,{size:"tiny",variant:"secondary"}):P__default.default.createElement(f36Icons.SortIcon,{"aria-hidden":!y,className:B.sortIcon(y),size:"tiny",variant:"secondary"}))),P__default.default.createElement(ne,s(n(n({},p),se),{as:oe,className:emotion.cx(B.container,e),ref:T,style:s(n({},p.style),{top:re||void 0}),testId:m}),A)}X.displayName="TableCell";var k=P.forwardRef(X);var J=()=>({root:emotion.css({color:a__default.default.gray600}),sticky:emotion.css({th:{position:"sticky",top:0,zIndex:a__default.default.zIndexDefault}})});var h=P.forwardRef((T,p)=>{var d=T,{children:o,className:t,isSticky:e=!1,offsetTop:r,testId:l="cf-ui-table-head"}=d,m=i(d,["children","className","isSticky","offsetTop","testId"]);let b=J(),y=emotion.cx(b.root,e&&b.sticky,t);return P__default.default.createElement(N,{value:s(n({},u.head),{offsetTop:r||0})},P__default.default.createElement(f36Core.Box,s(n({},m),{as:"thead",className:y,ref:p,testId:l}),o))});h.displayName="TableHead";var ee=()=>({root:emotion.css({"&:last-child td":{borderBottom:"none"},"&:hover td":{backgroundColor:a__default.default.gray100}}),selected:emotion.css({"td, th":{backgroundColor:a__default.default.gray100}})});var R=P.forwardRef((p,m)=>{var T=p,{className:o,children:t,isSelected:e=!1,testId:r="cf-ui-table-row"}=T,l=i(T,["className","children","isSelected","testId"]);let d=ee();return P__default.default.createElement(f36Core.Box,s(n({},l),{as:"tr",className:emotion.cx(d.root,{[d.selected]:e},o),ref:m,testId:r}),t)});R.displayName="TableRow";var f=H;f.Row=R;f.Head=h;f.Cell=k;f.Body=E;
 
@@ -30,2 +28,3 @@ exports.Table = f;
 exports.useTableCellContext = M;
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@contentful/f36-table",
-  "version": "4.48.0",
+  "version": "4.48.1",
   "description": "Forma 36: Table component",
@@ -9,6 +9,6 @@ "scripts": {
   "dependencies": {
-    "@contentful/f36-core": "^4.48.0",
+    "@contentful/f36-core": "^4.48.1",
     "@contentful/f36-icons": "^4.27.0",
     "@contentful/f36-tokens": "^4.0.2",
-    "@contentful/f36-typography": "^4.48.0",
+    "@contentful/f36-typography": "^4.48.1",
     "emotion": "^10.0.17"
@@ -15,0 +15,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

67331

increased by7.23%

Number of package files

8

increased by14.29%

Dependency changes

• Updated@contentful/f36-core@^4.48.1

• Updated@contentful/f36-typography@^4.48.1