@kvdbil/components 12.4.0 → 12.4.1

package/cjs/components/Table/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),a=require("../../shared/media-queries.js"),l=require("../../theme.js");function r(p){return p&&typeof p=="object"&&"default"in p?p:{default:p}}var d=r(e),o=r(t);const u=o.default.div`
-  ${a.mq("mobileS","tablet")} {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../shared/media-queries.js"),a=require("../../theme.js");function r(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var d=r(e),o=r(t);const n=o.default.div`
+  ${l.mq("mobileS","tablet")} {
     display: block;
     max-width: -moz-fit-content;
     max-width: fit-content;
@@ -7,17 +7,17 @@
     overflow-x: auto;
     white-space: nowrap;
   }
-`,n=o.default.table`
+`,u=o.default.table`
   border-collapse: collapse;
-  border: 1px solid ${l.default.colors.gray.light3};
-  font-family: ${l.default.typography.fontBaseFamily};
+  border: 1px solid ${a.default.colors.gray.light3};
+  font-family: ${a.default.typography.fontBaseFamily};
   text-align: left;
 `,i=o.default.thead``,f=o.default.th`
-  border: 1px solid ${l.default.colors.gray.light3};
+  border: 1px solid ${a.default.colors.gray.light3};
   padding: ${.5}rem ${.3}rem;
   vertical-align: top;
-`,c=o.default.tbody``,m=o.default.tr``,s=o.default.td`
-  border: 1px solid ${l.default.colors.gray.light3};
+`,m=o.default.tbody``,c=o.default.tr``,p=o.default.td`
+  border: 1px solid ${a.default.colors.gray.light3};
   padding: ${.5}rem ${.3}rem;
   vertical-align: top;
-`;exports.default=({columns:p,data:b})=>{return d.default.createElement(u,null,d.default.createElement(n,null,p&&d.default.createElement(i,null,(y=>d.default.createElement(m,{key:"RowHead"},e.Children.toArray(y.map((h,g)=>d.default.createElement(f,{key:g},h)))))(p)),b&&d.default.createElement(c,null,(x=b.map(y=>Object.entries(y).map(([h,g])=>d.default.createElement(s,{key:h},g))),e.Children.toArray(x.map((y,h)=>d.default.createElement(m,{key:h},e.Children.toArray(y))))))));var x};
+`;exports.default=({columns:s,data:v})=>{return d.default.createElement(n,null,d.default.createElement(u,null,s&&d.default.createElement(i,null,(h=>d.default.createElement(c,{key:"RowHead"},e.Children.toArray(h.map((y,g)=>d.default.createElement(f,{key:g},y)))))(s)),v&&d.default.createElement(m,null,(x=((h,y)=>y.length?h.map(g=>y==null?void 0:y.map(b=>d.default.createElement(p,{key:b},g[b]))):h.map(g=>Object.entries(g).map(([b,E])=>d.default.createElement(p,{key:b},E))))(v,s!=null?s:[]),e.Children.toArray(x.map((h,y)=>d.default.createElement(c,{key:y},e.Children.toArray(h))))))));var x};

package/esm/components/Table/index.js

@@ -1,5 +1,5 @@
-import a,{Children as n}from"react";import l from"styled-components";import{mq as d}from"../../shared/media-queries.js";import r from"../../theme.js";const c=.5,m=.3,p=l.div`
-  ${d("mobileS","tablet")} {
+import l,{Children as c}from"react";import a from"styled-components";import{mq as y}from"../../shared/media-queries.js";import o from"../../theme.js";const d=.5,m=.3,g=a.div`
+  ${y("mobileS","tablet")} {
     display: block;
     max-width: -moz-fit-content;
     max-width: fit-content;
@@ -7,17 +7,17 @@ import a,{Children as n}from"react";import l from"styled-components";import{mq a
     overflow-x: auto;
     white-space: nowrap;
   }
-`,b=l.table`
+`,f=a.table`
   border-collapse: collapse;
-  border: 1px solid ${r.colors.gray.light3};
-  font-family: ${r.typography.fontBaseFamily};
+  border: 1px solid ${o.colors.gray.light3};
+  font-family: ${o.typography.fontBaseFamily};
   text-align: left;
-`,y=l.thead``,g=l.th`
-  border: 1px solid ${r.colors.gray.light3};
-  padding: ${c}rem ${m}rem;
+`,h=a.thead``,T=a.th`
+  border: 1px solid ${o.colors.gray.light3};
+  padding: ${d}rem ${m}rem;
   vertical-align: top;
-`,f=l.tbody``,i=l.tr``,h=l.td`
-  border: 1px solid ${r.colors.gray.light3};
-  padding: ${c}rem ${m}rem;
+`,w=a.tbody``,p=a.tr``,b=a.td`
+  border: 1px solid ${o.colors.gray.light3};
+  padding: ${d}rem ${m}rem;
   vertical-align: top;
-`,T=e=>a.createElement(i,{key:"RowHead"},n.toArray(e.map((t,o)=>a.createElement(g,{key:o},t)))),$=e=>e.map(t=>Object.entries(t).map(([o,s])=>a.createElement(h,{key:o},s))),u=e=>n.toArray(e.map((t,o)=>a.createElement(i,{key:o},n.toArray(t)))),w=({columns:e,data:t})=>a.createElement(p,null,a.createElement(b,null,e&&a.createElement(y,null,T(e)),t&&a.createElement(f,null,u($(t)))));export{w as default};
+`,u=e=>l.createElement(p,{key:"RowHead"},c.toArray(e.map((t,r)=>l.createElement(T,{key:r},t)))),E=(e,t)=>t.length?e.map(n=>t==null?void 0:t.map(s=>l.createElement(b,{key:s},n[s]))):e.map(r=>Object.entries(r).map(([n,i])=>l.createElement(b,{key:n},i))),$=e=>c.toArray(e.map((t,r)=>l.createElement(p,{key:r},c.toArray(t)))),x=({columns:e,data:t})=>l.createElement(g,null,l.createElement(f,null,e&&l.createElement(h,null,u(e)),t&&l.createElement(w,null,$(E(t,e!=null?e:[])))));export{x as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "12.4.0",
+  "version": "12.4.1",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",