@corva/ui 0.47.0-rc.1 → 0.47.0

package/components/VirtualizedTable/VirtualizedTable.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useMemo as r,useEffect as n}from"react";import i from"prop-types";import o from"classnames";import{Table as a,Column as l,SortDirection as s}from"react-virtualized";import{withStyles as u,IconButton as c,Typography as d,Tooltip as f}from"@material-ui/core";import{Settings as m,Sort as h,ArrowUpward as p,ArrowDownward as b}from"@material-ui/icons";import{getUnitDisplay as g}from"../../utils/convert.js";import{jsx as y,Fragment as w,jsxs as S}from"react/jsx-runtime";function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?R(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(g(n),")"):""}function v(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function C(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}function z(i){var u=i.columns,g=i.data,R=i.useColumnSetting,z=i.useFixedColumnWidth,_=i.onOpenSettingDlg,j=i.classes,k=i.width,D=i.height,T=i.headerHeight,q=i.rowHeight,N=i.showTopSettingIcon,I=i.customMuiStyles,L=i.isTopSettingIconShownAlways,P=i.CustomCellRenderer,H=i.customRowStyle,B=i.sort,A=i.sortBy,W=i.sortDirection,E=x(x({},j),I),F=r((function(){return{label:"",key:"setting",width:R?25:0}}),[R]),K=r((function(){return u.filter((function(e){return e.show}))}),[u]),V=r((function(){return R?[].concat(e(K),[F]):K}),[K,R,F]),M=r((function(){if(k<=0)return{};var e=t({},F.key,F.width),r=[];return K.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),K.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((k-n-F.width)/(K.length-r.length)),o=t.minWidth||65,a=i<o?o:i;e[t.key]=a-1,r.push(a-1)})),e}),[k,K,F]),G=r((function(){return Object.values(M).reduce((function(e,t){return e+t}),0)}),[M]),U=L||G-12.5>=k;n((function(){N(U)}),[U]);var Z=function(e){var t=e.label,r=e.dataKey,n=A||W||B;return r===F.key?U?null:y(c,{size:"small","aria-label":"customize columns",className:E.settingIcon,onClick:_,children:y(m,{fontSize:"inherit"})}):S(d,{variant:"body2",className:o(E.headerLabel,v(u,r)),children:[t," ",y("span",{className:o(E.unitLabel,C(u,r)),children:O(u,r)}),n&&r!==A&&y(f,{title:"Sort A-Z",children:y(h,{fontSize:"small",className:j.sortIcon})}),n&&r===A&&(W===s.ASC?y(p,{fontSize:"small",className:j.sortIcon}):y(b,{fontSize:"small",className:j.sortIcon}))]})},J=function(e){var t=e.dataKey,r=e.rowData;return P?y(P,{columnKey:t,value:r[t]}):y(d,{variant:"body2",className:E.cellData,children:r[t]})};return y(w,{children:y(a,{width:z?G:k,height:D,headerHeight:T,rowClassName:function(e){var r=e.index;return o(t({},E.oddRow,r%2==1))},rowHeight:q,rowCount:g.length,rowGetter:function(e){var t=e.index;return g[t]},rowStyle:H||{},className:E.table,sort:B,sortBy:A,sortDirection:W,children:V.map((function(e){return y(l,{width:M[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:Z,cellRenderer:J},e.key)}))})})}z.propTypes={columns:i.arrayOf(i.shape({})).isRequired,data:i.arrayOf(i.shape({})).isRequired,useColumnSetting:i.bool.isRequired,useFixedColumnWidth:i.bool.isRequired,headerHeight:i.number.isRequired,rowHeight:i.number.isRequired,width:i.number.isRequired,height:i.number.isRequired,onOpenSettingDlg:i.func.isRequired,showTopSettingIcon:i.func.isRequired,sort:i.func,sortBy:i.string,sortDirection:i.string,classes:i.shape({}).isRequired,customMuiStyles:i.shape({table:i.string,oddRow:i.string,headerLabel:i.string,cellData:i.string,unitLabel:i.string,settingIcon:i.string}).isRequired,isTopSettingIconShownAlways:i.bool.isRequired,CustomCellRenderer:i.func,customRowStyle:i.func},z.defaultProps={CustomCellRenderer:null,customRowStyle:null,sort:null,sortBy:null,sortDirection:null};var _=u((function(e){return{table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}))(z);export{z as VirtualizedTableComponent,_ as default};
+import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useMemo as r,useEffect as n}from"react";import i from"prop-types";import o from"classnames";import{Table as a,Column as l,SortDirection as s}from"react-virtualized";import{withStyles as u,IconButton as c,Typography as d,Tooltip as f}from"@material-ui/core";import{Settings as m,Sort as h,ArrowUpward as p,ArrowDownward as b}from"@material-ui/icons";import{getUnitDisplay as g}from"../../utils/convert.js";import{jsx as y,jsxs as w}from"react/jsx-runtime";function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function R(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?S(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(g(n),")"):""}function O(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function v(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}function C(i){var u=i.columns,g=i.data,S=i.useColumnSetting,C=i.useFixedColumnWidth,z=i.onOpenSettingDlg,_=i.classes,j=i.width,k=i.height,D=i.headerHeight,T=i.rowHeight,q=i.showTopSettingIcon,N=i.customMuiStyles,I=i.isTopSettingIconShownAlways,L=i.CustomCellRenderer,P=i.customRowStyle,H=i.sort,B=i.sortBy,A=i.sortDirection,W=R(R({},_),N),E=r((function(){return{label:"",key:"setting",width:S?25:0}}),[S]),F=r((function(){return u.filter((function(e){return e.show}))}),[u]),K=r((function(){return S?[].concat(e(F),[E]):F}),[F,S,E]),V=r((function(){if(j<=0)return{};var e=t({},E.key,E.width),r=[];return F.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),F.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((j-n-E.width)/(F.length-r.length)),o=t.minWidth||65,a=i<o?o:i;e[t.key]=a-1,r.push(a-1)})),e}),[j,F,E]),M=r((function(){return Object.values(V).reduce((function(e,t){return e+t}),0)}),[V]),G=I||M-12.5>=j;n((function(){q(G)}),[G]);var U=function(e){var t=e.label,r=e.dataKey,n=B||A||H;return r===E.key?G?null:y(c,{size:"small","aria-label":"customize columns",className:W.settingIcon,onClick:z,children:y(m,{fontSize:"inherit"})}):w(d,{variant:"body2",className:o(W.headerLabel,O(u,r)),children:[t," ",y("span",{className:o(W.unitLabel,v(u,r)),children:x(u,r)}),n&&r!==B&&y(f,{title:"Sort A-Z",children:y(h,{fontSize:"small",className:_.sortIcon})}),n&&r===B&&(A===s.ASC?y(p,{fontSize:"small",className:_.sortIcon}):y(b,{fontSize:"small",className:_.sortIcon}))]})},Z=function(e){var t=e.dataKey,r=e.rowData;return L?y(L,{columnKey:t,value:r[t]}):y(d,{variant:"body2",className:W.cellData,children:r[t]})};return y(a,{width:C?M:j,height:k,headerHeight:D,rowClassName:function(e){var r=e.index;return o(t({},W.oddRow,r%2==1))},rowHeight:T,rowCount:g.length,rowGetter:function(e){var t=e.index;return g[t]},rowStyle:P||{},className:W.table,sort:H,sortBy:B,sortDirection:A,children:K.map((function(e){return y(l,{width:V[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:U,cellRenderer:Z},e.key)}))})}C.propTypes={columns:i.arrayOf(i.shape({})).isRequired,data:i.arrayOf(i.shape({})).isRequired,useColumnSetting:i.bool.isRequired,useFixedColumnWidth:i.bool.isRequired,headerHeight:i.number.isRequired,rowHeight:i.number.isRequired,width:i.number.isRequired,height:i.number.isRequired,onOpenSettingDlg:i.func.isRequired,showTopSettingIcon:i.func.isRequired,sort:i.func,sortBy:i.string,sortDirection:i.string,classes:i.shape({}).isRequired,customMuiStyles:i.shape({table:i.string,oddRow:i.string,headerLabel:i.string,cellData:i.string,unitLabel:i.string,settingIcon:i.string}).isRequired,isTopSettingIconShownAlways:i.bool.isRequired,CustomCellRenderer:i.func,customRowStyle:i.func},C.defaultProps={CustomCellRenderer:null,customRowStyle:null,sort:null,sortBy:null,sortDirection:null};var z=u((function(e){return{table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}))(C);export{C as VirtualizedTableComponent,z as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.47.0-rc.1",
+  "version": "0.47.0",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"