Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@contentful/f36-table

Package Overview
Dependencies
Maintainers
157
Versions
342
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-table - npm Package Compare versions

Comparing version 4.30.1 to 4.30.2

2

dist/esm/index.js

@@ -7,5 +7,5 @@ import { cx, css } from 'emotion';

var K=Object.defineProperty,Q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var M=(e,o,t)=>o in e?K(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,l=(e,o)=>{for(var t in o||(o={}))v.call(o,t)&&M(e,t,o[t]);if(x)for(var t of x(o))L.call(o,t)&&M(e,t,o[t]);return e},a=(e,o)=>Q(e,U(o));var s=(e,o)=>{var t={};for(var r in e)v.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&x)for(var r of x(e))o.indexOf(r)<0&&L.call(e,r)&&(t[r]=e[r]);return t};var N=()=>({inline:css({borderRadius:d.borderRadiusMedium,boxShadow:`0 0 0 1px ${d.gray200}`,"th:first-child":{borderTopLeftRadius:d.borderRadiusMedium},"th:last-child":{borderTopRightRadius:d.borderRadiusMedium},"tr:last-child td:first-child":{borderBottomLeftRadius:d.borderRadiusMedium},"tr:last-child td:last-child":{borderBottomRightRadius:d.borderRadiusMedium}}),embedded:css({borderBottom:`1px solid ${d.gray200}`}),root:css({width:"100%"})});var k=createContext({}),W=()=>useContext(k),A=k.Provider;var g=forwardRef((c,m)=>{var p=c,{children:e,className:o,layout:t="inline",testId:r="cf-ui-table",verticalAlign:n="top"}=p,i=s(p,["children","className","layout","testId","verticalAlign"]);let b=N();return O.createElement(Box,a(l({cellPadding:"0",cellSpacing:"0"},i),{as:"table",display:"table",ref:m,className:cx(b.root,b[t],o),testId:r}),O.createElement(A,{value:{verticalAlign:n}},e))});g.displayName="Table";function $(i,n){var m=i,{className:e,children:o,testId:t="cf-ui-table-body"}=m,r=s(m,["className","children","testId"]);return O.createElement(Box,a(l({},r),{as:"tbody",className:e,ref:n,testId:t}),o)}$.displayName="TableBody";var R=forwardRef($);var y={body:{name:"body",as:"td",offsetTop:0},head:{name:"head",as:"th",offsetTop:0}},B=createContext(y.body),H=()=>useContext(B),E=B.Provider;var D=({isTableHead:e,sorting:o,align:t,verticalAlign:r})=>({container:css({borderBottom:`1px solid ${d.gray200}`,padding:d.spacingS,textAlign:t,color:o?d.gray900:d.gray700,fontWeight:e?d.fontWeightMedium:d.fontWeightNormal,verticalAlign:r})});function z(c,m){var p=c,{align:e="left",children:o,className:t,sorting:r=!1,testId:n="cf-ui-table-cell"}=p,i=s(p,["align","children","className","sorting","testId"]);let{as:b,name:u,offsetTop:F}=H(),{verticalAlign:G}=W(),I=u==="head",J=D({isTableHead:I,sorting:r,align:e,verticalAlign:G});return O.createElement(I?Caption:Text,a(l({},i),{as:b,className:cx(J.container,t),ref:m,style:a(l({},i.style),{top:F||void 0}),testId:n}),o)}z.displayName="TableCell";var w=forwardRef(z);var _=()=>({sticky:css({th:{position:"sticky",top:0,zIndex:d.zIndexDefault}})});var C=forwardRef((c,m)=>{var p=c,{children:e,className:o,isSticky:t=!1,offsetTop:r,testId:n="cf-ui-table-head"}=p,i=s(p,["children","className","isSticky","offsetTop","testId"]);let b=_(),u=cx(t&&b.sticky,o);return O.createElement(E,{value:a(l({},y.head),{offsetTop:r||0})},O.createElement(Box,a(l({},i),{as:"thead",className:u,ref:m,testId:n}),e))});C.displayName="TableHead";var q=()=>({root:css({"&:last-child td":{borderBottom:"none"},"&:hover td":{backgroundColor:d.gray100}}),selected:css({"td, th":{backgroundColor:d.blue100},"td:last-child":{boxShadow:`inset -2px 0 0 ${d.blue500}`}})});var P=forwardRef((m,i)=>{var c=m,{className:e,children:o,isSelected:t=!1,testId:r="cf-ui-table-row"}=c,n=s(c,["className","children","isSelected","testId"]);let p=q();return O.createElement(Box,a(l({},n),{as:"tr",className:cx(p.root,{[p.selected]:t},e),ref:i,testId:r}),o)});P.displayName="TableRow";var f=g;f.Row=P;f.Head=C;f.Cell=w;f.Body=R;
var K=Object.defineProperty,Q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var M=(e,o,t)=>o in e?K(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,l=(e,o)=>{for(var t in o||(o={}))v.call(o,t)&&M(e,t,o[t]);if(x)for(var t of x(o))L.call(o,t)&&M(e,t,o[t]);return e},a=(e,o)=>Q(e,U(o));var n=(e,o)=>{var t={};for(var r in e)v.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&x)for(var r of x(e))o.indexOf(r)<0&&L.call(e,r)&&(t[r]=e[r]);return t};var k=()=>({inline:css({borderRadius:d.borderRadiusMedium,boxShadow:`0 0 0 1px ${d.gray200}`,"th:first-child":{borderTopLeftRadius:d.borderRadiusMedium},"th:last-child":{borderTopRightRadius:d.borderRadiusMedium},"tr:last-child td:first-child":{borderBottomLeftRadius:d.borderRadiusMedium},"tr:last-child td:last-child":{borderBottomRightRadius:d.borderRadiusMedium}}),embedded:css({borderBottom:`1px solid ${d.gray200}`}),root:css({width:"100%"})});var N=createContext({}),W=()=>useContext(N),A=N.Provider;var g=forwardRef((c,m)=>{var p=c,{children:e,className:o,layout:t="inline",testId:r="cf-ui-table",verticalAlign:s="top"}=p,i=n(p,["children","className","layout","testId","verticalAlign"]);let T=k();return O.createElement(Box,a(l({cellPadding:"0",cellSpacing:"0"},i),{as:"table",display:"table",ref:m,className:cx(T.root,T[t],o),testId:r}),O.createElement(A,{value:{verticalAlign:s}},e))});g.displayName="Table";function $(i,s){var m=i,{className:e,children:o,testId:t="cf-ui-table-body"}=m,r=n(m,["className","children","testId"]);return O.createElement(Box,a(l({},r),{as:"tbody",className:e,ref:s,testId:t}),o)}$.displayName="TableBody";var R=forwardRef($);var y={body:{name:"body",as:"td",offsetTop:0},head:{name:"head",as:"th",offsetTop:0}},B=createContext(y.body),H=()=>useContext(B),E=B.Provider;var D=({isTableHead:e,sorting:o,align:t,verticalAlign:r})=>({container:css({backgroundColor:d.colorWhite,borderBottom:`1px solid ${d.gray200}`,padding:d.spacingS,textAlign:t,color:o?d.gray900:d.gray700,fontWeight:e?d.fontWeightMedium:d.fontWeightNormal,verticalAlign:r})});function z(c,m){var p=c,{align:e="left",children:o,className:t,sorting:r=!1,testId:s="cf-ui-table-cell"}=p,i=n(p,["align","children","className","sorting","testId"]);let{as:T,name:u,offsetTop:F}=H(),{verticalAlign:G}=W(),I=u==="head",J=D({isTableHead:I,sorting:r,align:e,verticalAlign:G});return O.createElement(I?Caption:Text,a(l({},i),{as:T,className:cx(J.container,t),ref:m,style:a(l({},i.style),{top:F||void 0}),testId:s}),o)}z.displayName="TableCell";var w=forwardRef(z);var _=()=>({sticky:css({th:{position:"sticky",top:0,zIndex:d.zIndexDefault}})});var C=forwardRef((c,m)=>{var p=c,{children:e,className:o,isSticky:t=!1,offsetTop:r,testId:s="cf-ui-table-head"}=p,i=n(p,["children","className","isSticky","offsetTop","testId"]);let T=_(),u=cx(t&&T.sticky,o);return O.createElement(E,{value:a(l({},y.head),{offsetTop:r||0})},O.createElement(Box,a(l({},i),{as:"thead",className:u,ref:m,testId:s}),e))});C.displayName="TableHead";var q=()=>({root:css({"&:last-child td":{borderBottom:"none"},"&:hover td":{backgroundColor:d.gray100}}),selected:css({"td, th":{backgroundColor:d.blue100},"td:last-child":{boxShadow:`inset -2px 0 0 ${d.blue500}`}})});var P=forwardRef((m,i)=>{var c=m,{className:e,children:o,isSelected:t=!1,testId:r="cf-ui-table-row"}=c,s=n(c,["className","children","isSelected","testId"]);let p=q();return O.createElement(Box,a(l({},s),{as:"tr",className:cx(p.root,{[p.selected]:t},e),ref:i,testId:r}),o)});P.displayName="TableRow";var f=g;f.Row=P;f.Head=C;f.Cell=w;f.Body=R;
export { f as Table, R as TableBody, w as TableCell, B as TableCellContext, E as TableCellContextProvider, C as TableHead, P as TableRow, y as contextOptions, H as useTableCellContext };
//# sourceMappingURL=index.js.map

@@ -16,3 +16,3 @@ 'use strict';

var K=Object.defineProperty,Q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var M=(e,o,t)=>o in e?K(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,l=(e,o)=>{for(var t in o||(o={}))v.call(o,t)&&M(e,t,o[t]);if(x)for(var t of x(o))L.call(o,t)&&M(e,t,o[t]);return e},a=(e,o)=>Q(e,U(o));var s=(e,o)=>{var t={};for(var r in e)v.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&x)for(var r of x(e))o.indexOf(r)<0&&L.call(e,r)&&(t[r]=e[r]);return t};var N=()=>({inline:emotion.css({borderRadius:d__default["default"].borderRadiusMedium,boxShadow:`0 0 0 1px ${d__default["default"].gray200}`,"th:first-child":{borderTopLeftRadius:d__default["default"].borderRadiusMedium},"th:last-child":{borderTopRightRadius:d__default["default"].borderRadiusMedium},"tr:last-child td:first-child":{borderBottomLeftRadius:d__default["default"].borderRadiusMedium},"tr:last-child td:last-child":{borderBottomRightRadius:d__default["default"].borderRadiusMedium}}),embedded:emotion.css({borderBottom:`1px solid ${d__default["default"].gray200}`}),root:emotion.css({width:"100%"})});var k=O.createContext({}),W=()=>O.useContext(k),A=k.Provider;var g=O.forwardRef((c,m)=>{var p=c,{children:e,className:o,layout:t="inline",testId:r="cf-ui-table",verticalAlign:n="top"}=p,i=s(p,["children","className","layout","testId","verticalAlign"]);let b=N();return O__default["default"].createElement(f36Core.Box,a(l({cellPadding:"0",cellSpacing:"0"},i),{as:"table",display:"table",ref:m,className:emotion.cx(b.root,b[t],o),testId:r}),O__default["default"].createElement(A,{value:{verticalAlign:n}},e))});g.displayName="Table";function $(i,n){var m=i,{className:e,children:o,testId:t="cf-ui-table-body"}=m,r=s(m,["className","children","testId"]);return O__default["default"].createElement(f36Core.Box,a(l({},r),{as:"tbody",className:e,ref:n,testId:t}),o)}$.displayName="TableBody";var R=O.forwardRef($);var y={body:{name:"body",as:"td",offsetTop:0},head:{name:"head",as:"th",offsetTop:0}},B=O.createContext(y.body),H=()=>O.useContext(B),E=B.Provider;var D=({isTableHead:e,sorting:o,align:t,verticalAlign:r})=>({container:emotion.css({borderBottom:`1px solid ${d__default["default"].gray200}`,padding:d__default["default"].spacingS,textAlign:t,color:o?d__default["default"].gray900:d__default["default"].gray700,fontWeight:e?d__default["default"].fontWeightMedium:d__default["default"].fontWeightNormal,verticalAlign:r})});function z(c,m){var p=c,{align:e="left",children:o,className:t,sorting:r=!1,testId:n="cf-ui-table-cell"}=p,i=s(p,["align","children","className","sorting","testId"]);let{as:b,name:u,offsetTop:F}=H(),{verticalAlign:G}=W(),I=u==="head",J=D({isTableHead:I,sorting:r,align:e,verticalAlign:G});return O__default["default"].createElement(I?f36Typography.Caption:f36Typography.Text,a(l({},i),{as:b,className:emotion.cx(J.container,t),ref:m,style:a(l({},i.style),{top:F||void 0}),testId:n}),o)}z.displayName="TableCell";var w=O.forwardRef(z);var _=()=>({sticky:emotion.css({th:{position:"sticky",top:0,zIndex:d__default["default"].zIndexDefault}})});var C=O.forwardRef((c,m)=>{var p=c,{children:e,className:o,isSticky:t=!1,offsetTop:r,testId:n="cf-ui-table-head"}=p,i=s(p,["children","className","isSticky","offsetTop","testId"]);let b=_(),u=emotion.cx(t&&b.sticky,o);return O__default["default"].createElement(E,{value:a(l({},y.head),{offsetTop:r||0})},O__default["default"].createElement(f36Core.Box,a(l({},i),{as:"thead",className:u,ref:m,testId:n}),e))});C.displayName="TableHead";var q=()=>({root:emotion.css({"&:last-child td":{borderBottom:"none"},"&:hover td":{backgroundColor:d__default["default"].gray100}}),selected:emotion.css({"td, th":{backgroundColor:d__default["default"].blue100},"td:last-child":{boxShadow:`inset -2px 0 0 ${d__default["default"].blue500}`}})});var P=O.forwardRef((m,i)=>{var c=m,{className:e,children:o,isSelected:t=!1,testId:r="cf-ui-table-row"}=c,n=s(c,["className","children","isSelected","testId"]);let p=q();return O__default["default"].createElement(f36Core.Box,a(l({},n),{as:"tr",className:emotion.cx(p.root,{[p.selected]:t},e),ref:i,testId:r}),o)});P.displayName="TableRow";var f=g;f.Row=P;f.Head=C;f.Cell=w;f.Body=R;
var K=Object.defineProperty,Q=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var M=(e,o,t)=>o in e?K(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,l=(e,o)=>{for(var t in o||(o={}))v.call(o,t)&&M(e,t,o[t]);if(x)for(var t of x(o))L.call(o,t)&&M(e,t,o[t]);return e},a=(e,o)=>Q(e,U(o));var n=(e,o)=>{var t={};for(var r in e)v.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&x)for(var r of x(e))o.indexOf(r)<0&&L.call(e,r)&&(t[r]=e[r]);return t};var k=()=>({inline:emotion.css({borderRadius:d__default["default"].borderRadiusMedium,boxShadow:`0 0 0 1px ${d__default["default"].gray200}`,"th:first-child":{borderTopLeftRadius:d__default["default"].borderRadiusMedium},"th:last-child":{borderTopRightRadius:d__default["default"].borderRadiusMedium},"tr:last-child td:first-child":{borderBottomLeftRadius:d__default["default"].borderRadiusMedium},"tr:last-child td:last-child":{borderBottomRightRadius:d__default["default"].borderRadiusMedium}}),embedded:emotion.css({borderBottom:`1px solid ${d__default["default"].gray200}`}),root:emotion.css({width:"100%"})});var N=O.createContext({}),W=()=>O.useContext(N),A=N.Provider;var g=O.forwardRef((c,m)=>{var p=c,{children:e,className:o,layout:t="inline",testId:r="cf-ui-table",verticalAlign:s="top"}=p,i=n(p,["children","className","layout","testId","verticalAlign"]);let T=k();return O__default["default"].createElement(f36Core.Box,a(l({cellPadding:"0",cellSpacing:"0"},i),{as:"table",display:"table",ref:m,className:emotion.cx(T.root,T[t],o),testId:r}),O__default["default"].createElement(A,{value:{verticalAlign:s}},e))});g.displayName="Table";function $(i,s){var m=i,{className:e,children:o,testId:t="cf-ui-table-body"}=m,r=n(m,["className","children","testId"]);return O__default["default"].createElement(f36Core.Box,a(l({},r),{as:"tbody",className:e,ref:s,testId:t}),o)}$.displayName="TableBody";var R=O.forwardRef($);var y={body:{name:"body",as:"td",offsetTop:0},head:{name:"head",as:"th",offsetTop:0}},B=O.createContext(y.body),H=()=>O.useContext(B),E=B.Provider;var D=({isTableHead:e,sorting:o,align:t,verticalAlign:r})=>({container:emotion.css({backgroundColor:d__default["default"].colorWhite,borderBottom:`1px solid ${d__default["default"].gray200}`,padding:d__default["default"].spacingS,textAlign:t,color:o?d__default["default"].gray900:d__default["default"].gray700,fontWeight:e?d__default["default"].fontWeightMedium:d__default["default"].fontWeightNormal,verticalAlign:r})});function z(c,m){var p=c,{align:e="left",children:o,className:t,sorting:r=!1,testId:s="cf-ui-table-cell"}=p,i=n(p,["align","children","className","sorting","testId"]);let{as:T,name:u,offsetTop:F}=H(),{verticalAlign:G}=W(),I=u==="head",J=D({isTableHead:I,sorting:r,align:e,verticalAlign:G});return O__default["default"].createElement(I?f36Typography.Caption:f36Typography.Text,a(l({},i),{as:T,className:emotion.cx(J.container,t),ref:m,style:a(l({},i.style),{top:F||void 0}),testId:s}),o)}z.displayName="TableCell";var w=O.forwardRef(z);var _=()=>({sticky:emotion.css({th:{position:"sticky",top:0,zIndex:d__default["default"].zIndexDefault}})});var C=O.forwardRef((c,m)=>{var p=c,{children:e,className:o,isSticky:t=!1,offsetTop:r,testId:s="cf-ui-table-head"}=p,i=n(p,["children","className","isSticky","offsetTop","testId"]);let T=_(),u=emotion.cx(t&&T.sticky,o);return O__default["default"].createElement(E,{value:a(l({},y.head),{offsetTop:r||0})},O__default["default"].createElement(f36Core.Box,a(l({},i),{as:"thead",className:u,ref:m,testId:s}),e))});C.displayName="TableHead";var q=()=>({root:emotion.css({"&:last-child td":{borderBottom:"none"},"&:hover td":{backgroundColor:d__default["default"].gray100}}),selected:emotion.css({"td, th":{backgroundColor:d__default["default"].blue100},"td:last-child":{boxShadow:`inset -2px 0 0 ${d__default["default"].blue500}`}})});var P=O.forwardRef((m,i)=>{var c=m,{className:e,children:o,isSelected:t=!1,testId:r="cf-ui-table-row"}=c,s=n(c,["className","children","isSelected","testId"]);let p=q();return O__default["default"].createElement(f36Core.Box,a(l({},s),{as:"tr",className:emotion.cx(p.root,{[p.selected]:t},e),ref:i,testId:r}),o)});P.displayName="TableRow";var f=g;f.Row=P;f.Head=C;f.Cell=w;f.Body=R;

@@ -19,0 +19,0 @@ exports.Table = f;

{
"name": "@contentful/f36-table",
"version": "4.30.1",
"version": "4.30.2",
"description": "Forma 36: Table component",

@@ -9,5 +9,5 @@ "scripts": {

"dependencies": {
"@contentful/f36-core": "^4.30.1",
"@contentful/f36-core": "^4.30.2",
"@contentful/f36-tokens": "^4.0.1",
"@contentful/f36-typography": "^4.30.1",
"@contentful/f36-typography": "^4.30.2",
"emotion": "^10.0.17"

@@ -14,0 +14,0 @@ },

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc