chakra-data-table - npm Package Compare versions

Comparing version 1.2.2 to 1.2.3

dist/chakra-data-table.cjs.development.js

@@ -18,3 +18,4 @@ 'use strict';
       rawTitle = _ref.rawTitle,
-      right = _ref.right;
+      right = _ref.right,
+      headerRowProps = _ref.headerRowProps;
 
@@ -28,6 +29,7 @@ if (rawTitle) {
 
-  return React__default.createElement(react.Flex, {
+  return React__default.createElement(react.Flex, Object.assign({
     w: "full",
+    alignItems: "center",
     justify: "space-between"
-  }, title ? React__default.createElement(react.Heading, {
+  }, headerRowProps), title ? React__default.createElement(react.Heading, {
     mb: "2"
@@ -34,0 +36,0 @@ }, title) : React__default.createElement("div", null), right);

dist/chakra-data-table.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@chakra-ui/react"),l=function(e){var t=e.title,l=e.right;return r.createElement(n.Flex,{w:"full",justify:"space-between"},e.rawTitle||(t?r.createElement(n.Heading,{mb:"2"},t):r.createElement("div",null)),l)};function a(e){var t=e.headerStyle,l=e.keys,a=e.tableProps,o=e.labels;return r.createElement(n.Tr,Object.assign({textTransform:"none"===t?"initial":"upper"===t?"uppercase":void 0},e.head?null==a?void 0:a.trHead:null==a?void 0:a.trFoot),l.map((function(e){var l,i=(null==o?void 0:o[e])||e;return r.createElement(n.Th,Object.assign({key:e},null==a?void 0:a.th),"capitalize"===t?(l=i).slice(0,1).toUpperCase()+l.slice(1).toLowerCase():i)})))}var o=function(e,t,r){return n.useToken("colors",[t,r])["light"===e?0:1]};exports.DataTable=function(e){var i=e.keys,u=e.overflow,s=e.headerStyle,c=void 0===s?"upper":s,d=e.data,f=e.mapper,v=e.keyFunc,p=e.showEmpty,m=e.outerProps,b=e.tableProps,g=e.showFooter,y=e.showHeader,h=void 0===y||y,E=e.emptyText,w=e.striped,x=e.widths,T=e.variant,k=e.rawTitle,j=e.right,O=e.rowProps,S=e.title,F=e.isLoading,P=e.labels,z=function(){var e=n.useColorMode(),r=t.useState(e.colorMode||"light"),l=r[0],a=r[1],o=t.useRef();return t.useEffect((function(){var e=document.querySelector("body");if(e){var t=function(){e.classList.contains("chakra-ui-dark")?a("dark"):a("light")};return o.current=new MutationObserver((function(e){var r;(null==(r=e.filter((function(e){return"class"===e.attributeName}))[0])?void 0:r.target)&&t()})),o.current.observe(e,{attributes:!0}),t(),function(){var e;return null==(e=o.current)?void 0:e.disconnect()}}}),[]),l}(),M=o(z,"gray.50","gray.900"),C=o(z,"white","gray.800");return r.createElement(n.Flex,Object.assign({flexDir:"column",w:u?"100vw":"full",minW:"full",maxW:"100vw"},m),r.createElement(l,{title:S,rawTitle:k,right:j}),r.createElement(n.Box,{pos:"relative",w:"full",h:"full"},F&&r.createElement(r.Fragment,null,r.createElement(n.Flex,{w:"full",h:"full",pos:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:"12",align:"center",justify:"center"},r.createElement(n.Spinner,{size:"xl"})),r.createElement(n.Box,{w:"full",h:"full",opacity:"0.7",bg:C,pos:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:"10"})),d.length>0||0===d.length&&p?r.createElement(n.Table,Object.assign({overflowX:u?"scroll":"hidden"},w?{variant:"simple"}:{variant:T},null==b?void 0:b.table),h&&r.createElement(n.Thead,Object.assign({},null==b?void 0:b.thead),r.createElement(a,{keys:i,tableProps:b,headerStyle:c,head:!0,labels:P})),r.createElement(n.Tbody,Object.assign({},null==b?void 0:b.tbody),d.map((function(e,t){var l=t.toString();return v&&(l="string"==typeof v?e[v]:v(e,t)),r.createElement(n.Tr,Object.assign({key:l,backgroundColor:w&&t%2==0?M:void 0},null==b?void 0:b.tr,null==O?void 0:O(e,l)),i.map((function(a){var o=function(e,t,r){var n=f[t];if(!0===n){var l=e[t]||null;return l instanceof Date&&(l=l.toDateString()),[l,{}]}if(Array.isArray(n)){var a=n[0],o=n[1];return!0===a?[e[t]||null,"function"==typeof o?o(e,r):o]:[a(e,r),"function"==typeof o?o(e,r):o]}return"function"!=typeof n?(console.error("Mapper["+t+"] is not a function"),[null,{}]):[n(e,r)||null,{}]}(e,a,t),i=o[0];return r.createElement(n.Td,Object.assign({key:l+"-"+a},null==b?void 0:b.td,{minW:null==x?void 0:x[a],w:null==x?void 0:x[a],maxW:null==x?void 0:x[a]},o[1]),i)})))}))),g&&r.createElement(n.Tfoot,Object.assign({},null==b?void 0:b.tfoot),r.createElement(a,{keys:i,tableProps:b,headerStyle:c,head:!1,labels:P}))):r.createElement(n.Heading,{size:"sm"},E||"Empty")))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@chakra-ui/react"),l=function(e){var t=e.title,l=e.rawTitle,a=e.right,o=e.headerRowProps;return l?r.createElement(n.Flex,{w:"full",justify:"space-between"},l,a):r.createElement(n.Flex,Object.assign({w:"full",alignItems:"center",justify:"space-between"},o),t?r.createElement(n.Heading,{mb:"2"},t):r.createElement("div",null),a)};function a(e){var t=e.headerStyle,l=e.keys,a=e.tableProps,o=e.labels;return r.createElement(n.Tr,Object.assign({textTransform:"none"===t?"initial":"upper"===t?"uppercase":void 0},e.head?null==a?void 0:a.trHead:null==a?void 0:a.trFoot),l.map((function(e){var l,i=(null==o?void 0:o[e])||e;return r.createElement(n.Th,Object.assign({key:e},null==a?void 0:a.th),"capitalize"===t?(l=i).slice(0,1).toUpperCase()+l.slice(1).toLowerCase():i)})))}var o=function(e,t,r){return n.useToken("colors",[t,r])["light"===e?0:1]};exports.DataTable=function(e){var i=e.keys,u=e.overflow,s=e.headerStyle,c=void 0===s?"upper":s,d=e.data,f=e.mapper,v=e.keyFunc,p=e.showEmpty,m=e.outerProps,b=e.tableProps,g=e.showFooter,y=e.showHeader,h=void 0===y||y,w=e.emptyText,E=e.striped,x=e.widths,j=e.variant,T=e.rawTitle,k=e.right,O=e.rowProps,S=e.title,F=e.isLoading,P=e.labels,z=function(){var e=n.useColorMode(),r=t.useState(e.colorMode||"light"),l=r[0],a=r[1],o=t.useRef();return t.useEffect((function(){var e=document.querySelector("body");if(e){var t=function(){e.classList.contains("chakra-ui-dark")?a("dark"):a("light")};return o.current=new MutationObserver((function(e){var r;(null==(r=e.filter((function(e){return"class"===e.attributeName}))[0])?void 0:r.target)&&t()})),o.current.observe(e,{attributes:!0}),t(),function(){var e;return null==(e=o.current)?void 0:e.disconnect()}}}),[]),l}(),M=o(z,"gray.50","gray.900"),C=o(z,"white","gray.800");return r.createElement(n.Flex,Object.assign({flexDir:"column",w:u?"100vw":"full",minW:"full",maxW:"100vw"},m),r.createElement(l,{title:S,rawTitle:T,right:k}),r.createElement(n.Box,{pos:"relative",w:"full",h:"full"},F&&r.createElement(r.Fragment,null,r.createElement(n.Flex,{w:"full",h:"full",pos:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:"12",align:"center",justify:"center"},r.createElement(n.Spinner,{size:"xl"})),r.createElement(n.Box,{w:"full",h:"full",opacity:"0.7",bg:C,pos:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:"10"})),d.length>0||0===d.length&&p?r.createElement(n.Table,Object.assign({overflowX:u?"scroll":"hidden"},E?{variant:"simple"}:{variant:j},null==b?void 0:b.table),h&&r.createElement(n.Thead,Object.assign({},null==b?void 0:b.thead),r.createElement(a,{keys:i,tableProps:b,headerStyle:c,head:!0,labels:P})),r.createElement(n.Tbody,Object.assign({},null==b?void 0:b.tbody),d.map((function(e,t){var l=t.toString();return v&&(l="string"==typeof v?e[v]:v(e,t)),r.createElement(n.Tr,Object.assign({key:l,backgroundColor:E&&t%2==0?M:void 0},null==b?void 0:b.tr,null==O?void 0:O(e,l)),i.map((function(a){var o=function(e,t,r){var n=f[t];if(!0===n){var l=e[t]||null;return l instanceof Date&&(l=l.toDateString()),[l,{}]}if(Array.isArray(n)){var a=n[0],o=n[1];return!0===a?[e[t]||null,"function"==typeof o?o(e,r):o]:[a(e,r),"function"==typeof o?o(e,r):o]}return"function"!=typeof n?(console.error("Mapper["+t+"] is not a function"),[null,{}]):[n(e,r)||null,{}]}(e,a,t),i=o[0];return r.createElement(n.Td,Object.assign({key:l+"-"+a},null==b?void 0:b.td,{minW:null==x?void 0:x[a],w:null==x?void 0:x[a],maxW:null==x?void 0:x[a]},o[1]),i)})))}))),g&&r.createElement(n.Tfoot,Object.assign({},null==b?void 0:b.tfoot),r.createElement(a,{keys:i,tableProps:b,headerStyle:c,head:!1,labels:P}))):r.createElement(n.Heading,{size:"sm"},w||"Empty")))};
 //# sourceMappingURL=chakra-data-table.cjs.production.min.js.map

dist/chakra-data-table.esm.js

@@ -11,3 +11,4 @@ import React, { useState, useRef, useEffect } from 'react';
       rawTitle = _ref.rawTitle,
-      right = _ref.right;
+      right = _ref.right,
+      headerRowProps = _ref.headerRowProps;
 
@@ -21,6 +22,7 @@ if (rawTitle) {
 
-  return React.createElement(Flex, {
+  return React.createElement(Flex, Object.assign({
     w: "full",
+    alignItems: "center",
     justify: "space-between"
-  }, title ? React.createElement(Heading, {
+  }, headerRowProps), title ? React.createElement(Heading, {
     mb: "2"
@@ -27,0 +29,0 @@ }, title) : React.createElement("div", null), right);

dist/index.d.ts

@@ -18,2 +18,3 @@ import React from 'react';
     showHeader?: boolean;
+    headerRowProps?: FlexProps;
     emptyText?: string | JSX.Element | null;
@@ -20,0 +21,0 @@ variant?: TableProps['variant'];

package.json

@@ -5,3 +5,3 @@ {
   "author": "Fran Zekan",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "license": "MIT",
@@ -8,0 +8,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

85716

increased by1.22%

Lines of code

822

increased by0.49%

No dependency changes