@corva/ui 0.99.0-2 → 0.99.0-3

package/cjs-bundle/components/VirtualizedTable/VirtualizedTable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),r=require("react"),n=require("classnames"),i=require("react-virtualized"),o=require("@material-ui/core"),a=require("@material-ui/icons"),l=require("../../utils/convert.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(n),c=o.makeStyles((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"}}}));function d(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(l.getUnitDisplay(n),")"):""}function f(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function h(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var m=function(n){var l=n.columns,u=n.data,m=n.useColumnSetting,p=n.useFixedColumnWidth,g=n.onOpenSettingDlg,y=n.width,x=n.height,b=n.headerHeight,w=n.rowHeight,S=n.showTopSettingIcon,_=n.customMuiStyles,v=n.isTopSettingIconShownAlways,j=n.CustomCellRenderer,z=void 0===j?null:j,T=n.customRowStyle,k=void 0===T?null:T,C=n.sort,N=void 0===C?null:C,R=n.sortBy,I=void 0===R?null:R,D=n.sortDirection,L=void 0===D?null:D,q=c(),M=e.__assign(e.__assign({},q),_),A=r.useMemo((function(){return{label:"",key:"setting",width:m?25:0}}),[m]),H=r.useMemo((function(){return l.filter((function(e){return e.show}))}),[l]),B=r.useMemo((function(){return m?e.__spreadArray(e.__spreadArray([],H,!0),[A],!1):H}),[H,m,A]),V=r.useMemo((function(){var e;if(y<=0)return{};var t=((e={})[A.key]=A.width,e),r=[];return H.filter((function(e){return Number.isFinite(e.width)})).forEach((function(e){t[e.key]=e.width-1,r.push(e.width-1)})),H.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(e){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((y-n-A.width)/(H.length-r.length)),o=e.minWidth||65,a=i<o?o:i;t[e.key]=a-1,r.push(a-1)})),t}),[y,H,A]),F=r.useMemo((function(){return Object.values(V).reduce((function(e,t){return e+t}),0)}),[V]),K=v||F-12.5>=y;r.useEffect((function(){S(K)}),[K]);var U=function(e){var r=e.label,n=e.dataKey,u=I||L||N;return n===A.key?K?null:t.jsx(o.IconButton,{size:"small","aria-label":"customize columns",className:M.settingIcon,onClick:g,children:t.jsx(a.Settings,{fontSize:"inherit"})}):t.jsxs(o.Typography,{variant:"body2",className:s.default(M.headerLabel,f(l,n)),children:[r," ",t.jsx("span",{className:s.default(M.unitLabel,h(l,n)),children:d(l,n)}),u&&n!==I&&t.jsx(o.Tooltip,{title:"Sort A-Z",children:t.jsx(a.Sort,{fontSize:"small",className:q.sortIcon})}),u&&n===I&&(L===i.SortDirection.ASC?t.jsx(a.ArrowUpward,{fontSize:"small",className:q.sortIcon}):t.jsx(a.ArrowDownward,{fontSize:"small",className:q.sortIcon}))]})},W=function(e){var r=e.dataKey,n=e.rowData;return z?t.jsx(z,{columnKey:r,value:n[r]}):t.jsx(o.Typography,{variant:"body2",className:M.cellData,children:n[r]})};return t.jsx(t.Fragment,{children:t.jsx(i.Table,{width:p?F:y,height:x,headerHeight:b,rowClassName:function(e){var t,r=e.index;return s.default(((t={})[M.oddRow]=r%2==1,t))},rowHeight:w,rowCount:u.length,rowGetter:function(e){var t=e.index;return u[t]},rowStyle:k||{},className:M.table,sort:N,sortBy:I,sortDirection:L,children:B.map((function(e){return t.jsx(i.Column,{width:V[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:U,cellRenderer:W},e.key)}))})})};exports.VirtualizedTableComponent=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),n=require("react"),r=require("classnames"),i=require("react-virtualized"),o=require("@material-ui/core"),a=require("@material-ui/icons"),l=require("../../utils/convert.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(r),c=o.makeStyles((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"}}}));function d(e,t){var n=e.find((function(e){return e.key===t}))||{},r=n.unitType,i=n.customUnit;return i?"(".concat(i,")"):r?"(".concat(l.getUnitDisplay(r),")"):""}function f(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function h(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var m=function(r){var l=r.columns,u=r.data,m=r.useColumnSetting,p=r.useFixedColumnWidth,g=r.onOpenSettingDlg,y=r.width,x=r.height,b=r.headerHeight,w=r.rowHeight,S=r.showTopSettingIcon,v=r.customMuiStyles,_=r.isTopSettingIconShownAlways,j=r.CustomCellRenderer,z=void 0===j?null:j,C=r.CustomHeaderCellRenderer,T=void 0===C?null:C,k=r.customRowStyle,N=void 0===k?null:k,R=r.sort,D=void 0===R?null:R,I=r.sortBy,L=void 0===I?null:I,q=r.sortDirection,M=void 0===q?null:q,A=r.onScroll,H=void 0===A?function(){return null}:A,B=c(),K=e.__assign(e.__assign({},B),v),V=n.useMemo((function(){return{label:"",key:"setting",width:m?25:0}}),[m]),F=n.useMemo((function(){return l.filter((function(e){return e.show}))}),[l]),U=n.useMemo((function(){return m?e.__spreadArray(e.__spreadArray([],F,!0),[V],!1):F}),[F,m,V]),W=n.useMemo((function(){var e;if(y<=0)return{};var t=((e={})[V.key]=V.width,e),n=[];return F.filter((function(e){return Number.isFinite(e.width)})).forEach((function(e){t[e.key]=e.width-1,n.push(e.width-1)})),F.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(e){var r=n.reduce((function(e,t){return e+t}),0),i=Math.floor((y-r-V.width)/(F.length-n.length)),o=e.minWidth||65,a=i<o?o:i;t[e.key]=a-1,n.push(a-1)})),t}),[y,F,V]),E=n.useMemo((function(){return Object.values(W).reduce((function(e,t){return e+t}),0)}),[W]),O=_||E-12.5>=y;n.useEffect((function(){S(O)}),[O]);var G=function(e){var n=e.label,r=e.dataKey,u=L||M||D;return T?t.jsx(T,{columnKey:r,columns:l,sortBy:L,sortDirection:M}):r===V.key?O?null:t.jsx(o.IconButton,{size:"small","aria-label":"customize columns",className:K.settingIcon,onClick:g,children:t.jsx(a.Settings,{fontSize:"inherit"})}):t.jsxs(o.Typography,{variant:"body2",className:s.default(K.headerLabel,f(l,r)),children:[n," ",t.jsx("span",{className:s.default(K.unitLabel,h(l,r)),children:d(l,r)}),u&&r!==L&&t.jsx(o.Tooltip,{title:"Sort A-Z",children:t.jsx(a.Sort,{fontSize:"small",className:B.sortIcon})}),u&&r===L&&(M===i.SortDirection.ASC?t.jsx(a.ArrowUpward,{fontSize:"small",className:B.sortIcon}):t.jsx(a.ArrowDownward,{fontSize:"small",className:B.sortIcon}))]})},P=function(e){var n=e.dataKey,r=e.rowData;return z?t.jsx(z,{columnKey:n,value:r[n],columns:l}):t.jsx(o.Typography,{variant:"body2",className:K.cellData,children:r[n]})};return t.jsx(t.Fragment,{children:t.jsx(i.Table,{width:p?E:y,height:x,headerHeight:b,rowClassName:function(e){var t,n=e.index;return s.default(((t={})[K.oddRow]=n%2==1,t))},rowHeight:w,rowCount:u.length,rowGetter:function(e){var t=e.index;return u[t]},rowStyle:N||{},className:K.table,sort:D,sortBy:L,sortDirection:M,onScroll:H,children:U.map((function(e){return t.jsx(i.Column,{width:W[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:G,cellRenderer:P},e.key)}))})})};exports.VirtualizedTableComponent=m,exports.default=m;

package/cjs-bundle/components/VirtualizedTable/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),o=require("react"),i=require("react-virtualized"),n=require("@material-ui/core"),s=require("@material-ui/icons/Settings"),r=require("./CustomizeColumnsDialog.js"),u=require("./VirtualizedTable.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(s),d=n.makeStyles({vtTopSetting:{position:"relative",height:"25px"},vtTopSettingIcon:{position:"fixed",right:"20px",padding:"3px",fontSize:"20px"}}),c=function(s){var l=s.columns,c=void 0===l?[]:l,h=s.data,m=void 0===h?[]:h,g=s.useColumnSetting,v=void 0!==g&&g,S=s.useFixedColumnWidth,f=void 0!==S&&S,p=s.headerHeight,C=void 0===p?50:p,x=s.rowHeight,y=void 0===x?35:x,w=s.savedColumns,j=void 0===w?[]:w,T=s.onChangeColumns,_=void 0===T?null:T,q=s.customMuiStyles,z=void 0===q?{}:q,b=s.isTopSettingIconShownAlways,I=void 0!==b&&b,k=s.CustomCellRenderer,H=void 0===k?null:k,R=s.customRowStyle,D=void 0===R?null:R,M=s.sort,W=void 0===M?null:M,A=s.sortBy,B=void 0===A?null:A,F=s.sortDirection,O=void 0===F?null:F,V=e.__rest(s,["columns","data","useColumnSetting","useFixedColumnWidth","headerHeight","rowHeight","savedColumns","onChangeColumns","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","customRowStyle","sort","sortBy","sortDirection"]),E=d(),N=o.useState(!1),K=N[0],P=N[1],G=o.useState(!1),J=G[0],L=G[1],Q=o.useMemo((function(){var t=[];return j.forEach((function(o){var i=c.find((function(e){return e.key===o.key}));i&&t.push(e.__assign(e.__assign({},i),{show:o.show}))})),c.forEach((function(e){t.find((function(t){return t.key===e.key}))||t.push(e)})),t}),[c,j]),U=v&&J?25:0;return t.jsxs(t.Fragment,{children:[v&&J&&t.jsx("div",{className:E.vtTopSetting,children:t.jsx(n.IconButton,{size:"small",className:E.vtTopSettingIcon,onClick:function(){return P(!0)},children:t.jsx(a.default,{fontSize:"inherit"})})}),t.jsx(i.AutoSizer,{children:function(o){var i=o.width,n=o.height;return t.jsx(u.VirtualizedTableComponent,e.__assign({width:i,height:n-U,columns:Q,useColumnSetting:v,onOpenSettingDlg:function(){return P(!0)},showTopSettingIcon:function(e){return L(e)},customMuiStyles:z,data:m,useFixedColumnWidth:f,headerHeight:C,rowHeight:y,isTopSettingIconShownAlways:I,CustomCellRenderer:H,customRowStyle:D,sort:W,sortBy:B,sortDirection:O},V))}}),t.jsx(r,{open:K,columns:Q,handleCloseWithCancel:function(){return P(!1)},handleCloseWithOK:function(e){_&&_(e),P(!1)}})]})};exports.VTableComponent=c,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),o=require("react"),n=require("react-virtualized"),i=require("@material-ui/core"),r=require("@material-ui/icons/Settings"),s=require("./CustomizeColumnsDialog.js"),u=require("./VirtualizedTable.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(r),a=i.makeStyles({vtTopSetting:{position:"relative",height:"25px"},vtTopSettingIcon:{position:"fixed",right:"20px",padding:"3px",fontSize:"20px"}}),c=function(r){var l=r.columns,c=void 0===l?[]:l,h=r.data,m=void 0===h?[]:h,g=r.useColumnSetting,v=void 0!==g&&g,C=r.useFixedColumnWidth,S=void 0!==C&&C,f=r.headerHeight,p=void 0===f?50:f,x=r.rowHeight,y=void 0===x?35:x,w=r.savedColumns,j=void 0===w?[]:w,T=r.onChangeColumns,_=void 0===T?null:T,H=r.customMuiStyles,R=void 0===H?{}:H,q=r.isTopSettingIconShownAlways,z=void 0!==q&&q,b=r.CustomCellRenderer,I=void 0===b?null:b,k=r.CustomHeaderCellRenderer,D=void 0===k?null:k,M=r.customRowStyle,W=void 0===M?null:M,A=r.sort,B=void 0===A?null:A,F=r.sortBy,O=void 0===F?null:F,V=r.sortDirection,E=void 0===V?null:V,N=e.__rest(r,["columns","data","useColumnSetting","useFixedColumnWidth","headerHeight","rowHeight","savedColumns","onChangeColumns","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","CustomHeaderCellRenderer","customRowStyle","sort","sortBy","sortDirection"]),K=a(),P=o.useState(!1),G=P[0],J=P[1],L=o.useState(!1),Q=L[0],U=L[1],X=o.useMemo((function(){var t=[];return j.forEach((function(o){var n=c.find((function(e){return e.key===o.key}));n&&t.push(e.__assign(e.__assign({},n),{show:o.show}))})),c.forEach((function(e){t.find((function(t){return t.key===e.key}))||t.push(e)})),t}),[c,j]),Y=v&&Q?25:0;return t.jsxs(t.Fragment,{children:[v&&Q&&t.jsx("div",{className:K.vtTopSetting,children:t.jsx(i.IconButton,{size:"small",className:K.vtTopSettingIcon,onClick:function(){return J(!0)},children:t.jsx(d.default,{fontSize:"inherit"})})}),t.jsx(n.AutoSizer,{children:function(o){var n=o.width,i=o.height;return t.jsx(u.VirtualizedTableComponent,e.__assign({width:n,height:i-Y,columns:X,useColumnSetting:v,onOpenSettingDlg:function(){return J(!0)},showTopSettingIcon:function(e){return U(e)},customMuiStyles:R,data:m,useFixedColumnWidth:S,headerHeight:p,rowHeight:y,isTopSettingIconShownAlways:z,CustomCellRenderer:I,CustomHeaderCellRenderer:D,customRowStyle:W,sort:B,sortBy:O,sortDirection:E},N))}}),t.jsx(s,{open:G,columns:X,handleCloseWithCancel:function(){return J(!1)},handleCloseWithOK:function(e){_&&_(e),J(!1)}})]})};exports.VTableComponent=c,exports.default=c;

package/components/VirtualizedTable/VirtualizedTable.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
 import { VirtualizedTableProps } from './index';
-export declare const VirtualizedTableComponent: ({ columns, data, useColumnSetting, useFixedColumnWidth, onOpenSettingDlg, width, height, headerHeight, rowHeight, showTopSettingIcon, customMuiStyles, isTopSettingIconShownAlways, CustomCellRenderer, customRowStyle, sort, sortBy, sortDirection, }: Omit<VirtualizedTableProps, "savedColumns" | "onChangeColumns"> & {
+export declare const VirtualizedTableComponent: ({ columns, data, useColumnSetting, useFixedColumnWidth, onOpenSettingDlg, width, height, headerHeight, rowHeight, showTopSettingIcon, customMuiStyles, isTopSettingIconShownAlways, CustomCellRenderer, CustomHeaderCellRenderer, customRowStyle, sort, sortBy, sortDirection, onScroll, }: Omit<VirtualizedTableProps, "savedColumns" | "onChangeColumns"> & {
     width: number;
     height: number;
     onOpenSettingDlg: MouseEventHandler;

package/components/VirtualizedTable/VirtualizedTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiC,MAAM,OAAO,CAAC;AAYzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAiFhD,eAAO,MAAM,yBAAyB,2PAkBnC,IAAI,CAAC,qBAAqB,EAAE,cAAc,GAAG,iBAAiB,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,KAAG,GAAG,CAAC,OAgLP,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiC,MAAM,OAAO,CAAC;AAYzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAiFhD,eAAO,MAAM,yBAAyB,+RAoBnC,IAAI,CAAC,qBAAqB,EAAE,cAAc,GAAG,iBAAiB,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,KAAG,GAAG,CAAC,OA4LP,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/components/VirtualizedTable/VirtualizedTable.js

@@ -1 +1 @@
-import{__assign as e,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n,Fragment as r,jsxs as i}from"react/jsx-runtime";import{useMemo as o,useEffect as a}from"react";import l from"classnames";import{Table as u,Column as c,SortDirection as s}from"react-virtualized";import{makeStyles as d,IconButton as m,Typography as f,Tooltip as h}from"@material-ui/core";import{Settings as p,Sort as g,ArrowUpward as b,ArrowDownward as y}from"@material-ui/icons";import{getUnitDisplay as w}from"../../utils/convert.js";var v=d((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"}}}));function S(e,t){var n=e.find((function(e){return e.key===t}))||{},r=n.unitType,i=n.customUnit;return i?"(".concat(i,")"):r?"(".concat(w(r),")"):""}function x(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function _(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var z=function(d){var w=d.columns,z=d.data,k=d.useColumnSetting,N=d.useFixedColumnWidth,C=d.onOpenSettingDlg,R=d.width,T=d.height,I=d.headerHeight,L=d.rowHeight,D=d.showTopSettingIcon,H=d.customMuiStyles,j=d.isTopSettingIconShownAlways,B=d.CustomCellRenderer,K=void 0===B?null:B,V=d.customRowStyle,W=void 0===V?null:V,A=d.sort,F=void 0===A?null:A,E=d.sortBy,G=void 0===E?null:E,M=d.sortDirection,O=void 0===M?null:M,U=v(),Z=e(e({},U),H),q=o((function(){return{label:"",key:"setting",width:k?25:0}}),[k]),J=o((function(){return w.filter((function(e){return e.show}))}),[w]),P=o((function(){return k?t(t([],J,!0),[q],!1):J}),[J,k,q]),Q=o((function(){var e;if(R<=0)return{};var t=((e={})[q.key]=q.width,e),n=[];return J.filter((function(e){return Number.isFinite(e.width)})).forEach((function(e){t[e.key]=e.width-1,n.push(e.width-1)})),J.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(e){var r=n.reduce((function(e,t){return e+t}),0),i=Math.floor((R-r-q.width)/(J.length-n.length)),o=e.minWidth||65,a=i<o?o:i;t[e.key]=a-1,n.push(a-1)})),t}),[R,J,q]),X=o((function(){return Object.values(Q).reduce((function(e,t){return e+t}),0)}),[Q]),Y=j||X-12.5>=R;a((function(){D(Y)}),[Y]);var $=function(e){var t=e.label,r=e.dataKey,o=G||O||F;return r===q.key?Y?null:n(m,{size:"small","aria-label":"customize columns",className:Z.settingIcon,onClick:C,children:n(p,{fontSize:"inherit"})}):i(f,{variant:"body2",className:l(Z.headerLabel,x(w,r)),children:[t," ",n("span",{className:l(Z.unitLabel,_(w,r)),children:S(w,r)}),o&&r!==G&&n(h,{title:"Sort A-Z",children:n(g,{fontSize:"small",className:U.sortIcon})}),o&&r===G&&(O===s.ASC?n(b,{fontSize:"small",className:U.sortIcon}):n(y,{fontSize:"small",className:U.sortIcon}))]})},ee=function(e){var t=e.dataKey,r=e.rowData;return K?n(K,{columnKey:t,value:r[t]}):n(f,{variant:"body2",className:Z.cellData,children:r[t]})};return n(r,{children:n(u,{width:N?X:R,height:T,headerHeight:I,rowClassName:function(e){var t,n=e.index;return l(((t={})[Z.oddRow]=n%2==1,t))},rowHeight:L,rowCount:z.length,rowGetter:function(e){var t=e.index;return z[t]},rowStyle:W||{},className:Z.table,sort:F,sortBy:G,sortDirection:O,children:P.map((function(e){return n(c,{width:Q[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:$,cellRenderer:ee},e.key)}))})})};export{z as VirtualizedTableComponent,z as default};
+import{__assign as e,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n,Fragment as r,jsxs as i}from"react/jsx-runtime";import{useMemo as o,useEffect as l}from"react";import a from"classnames";import{Table as u,Column as c,SortDirection as s}from"react-virtualized";import{makeStyles as d,IconButton as m,Typography as f,Tooltip as h}from"@material-ui/core";import{Settings as p,Sort as g,ArrowUpward as b,ArrowDownward as y}from"@material-ui/icons";import{getUnitDisplay as w}from"../../utils/convert.js";var v=d((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"}}}));function S(e,t){var n=e.find((function(e){return e.key===t}))||{},r=n.unitType,i=n.customUnit;return i?"(".concat(i,")"):r?"(".concat(w(r),")"):""}function x(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function _(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var z=function(d){var w=d.columns,z=d.data,C=d.useColumnSetting,k=d.useFixedColumnWidth,N=d.onOpenSettingDlg,R=d.width,T=d.height,I=d.headerHeight,L=d.rowHeight,D=d.showTopSettingIcon,H=d.customMuiStyles,B=d.isTopSettingIconShownAlways,K=d.CustomCellRenderer,j=void 0===K?null:K,V=d.CustomHeaderCellRenderer,W=void 0===V?null:V,A=d.customRowStyle,F=void 0===A?null:A,E=d.sort,G=void 0===E?null:E,M=d.sortBy,O=void 0===M?null:M,U=d.sortDirection,Z=void 0===U?null:U,q=d.onScroll,J=void 0===q?function(){return null}:q,P=v(),Q=e(e({},P),H),X=o((function(){return{label:"",key:"setting",width:C?25:0}}),[C]),Y=o((function(){return w.filter((function(e){return e.show}))}),[w]),$=o((function(){return C?t(t([],Y,!0),[X],!1):Y}),[Y,C,X]),ee=o((function(){var e;if(R<=0)return{};var t=((e={})[X.key]=X.width,e),n=[];return Y.filter((function(e){return Number.isFinite(e.width)})).forEach((function(e){t[e.key]=e.width-1,n.push(e.width-1)})),Y.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(e){var r=n.reduce((function(e,t){return e+t}),0),i=Math.floor((R-r-X.width)/(Y.length-n.length)),o=e.minWidth||65,l=i<o?o:i;t[e.key]=l-1,n.push(l-1)})),t}),[R,Y,X]),te=o((function(){return Object.values(ee).reduce((function(e,t){return e+t}),0)}),[ee]),ne=B||te-12.5>=R;l((function(){D(ne)}),[ne]);var re=function(e){var t=e.label,r=e.dataKey,o=O||Z||G;return W?n(W,{columnKey:r,columns:w,sortBy:O,sortDirection:Z}):r===X.key?ne?null:n(m,{size:"small","aria-label":"customize columns",className:Q.settingIcon,onClick:N,children:n(p,{fontSize:"inherit"})}):i(f,{variant:"body2",className:a(Q.headerLabel,x(w,r)),children:[t," ",n("span",{className:a(Q.unitLabel,_(w,r)),children:S(w,r)}),o&&r!==O&&n(h,{title:"Sort A-Z",children:n(g,{fontSize:"small",className:P.sortIcon})}),o&&r===O&&(Z===s.ASC?n(b,{fontSize:"small",className:P.sortIcon}):n(y,{fontSize:"small",className:P.sortIcon}))]})},ie=function(e){var t=e.dataKey,r=e.rowData;return j?n(j,{columnKey:t,value:r[t],columns:w}):n(f,{variant:"body2",className:Q.cellData,children:r[t]})};return n(r,{children:n(u,{width:k?te:R,height:T,headerHeight:I,rowClassName:function(e){var t,n=e.index;return a(((t={})[Q.oddRow]=n%2==1,t))},rowHeight:L,rowCount:z.length,rowGetter:function(e){var t=e.index;return z[t]},rowStyle:F||{},className:Q.table,sort:G,sortBy:O,sortDirection:Z,onScroll:J,children:$.map((function(e){return n(c,{width:ee[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:re,cellRenderer:ie},e.key)}))})})};export{z as VirtualizedTableComponent,z as default};

package/components/VirtualizedTable/index.d.ts

@@ -37,9 +37,17 @@ export type VirtualizedTableProps = {
     CustomCellRenderer?: ComponentType<{
         columnKey: string;
         value: any;
+        columns?: Column[];
+    }>;
+    CustomHeaderCellRenderer?: ComponentType<{
+        columnKey: string;
+        columns?: Column[];
+        sortBy?: string;
+        sortDirection?: string;
     }>;
     customRowStyle?: (...args: any[]) => any;
+    onScroll?: (...args: any[]) => any;
 };
-export declare const VTableComponent: ({ columns, data, useColumnSetting, useFixedColumnWidth, headerHeight, rowHeight, savedColumns, onChangeColumns, customMuiStyles, isTopSettingIconShownAlways, CustomCellRenderer, customRowStyle, sort, sortBy, sortDirection, ...otherProps }: VirtualizedTableProps) => JSX.Element;
+export declare const VTableComponent: ({ columns, data, useColumnSetting, useFixedColumnWidth, headerHeight, rowHeight, savedColumns, onChangeColumns, customMuiStyles, isTopSettingIconShownAlways, CustomCellRenderer, CustomHeaderCellRenderer, customRowStyle, sort, sortBy, sortDirection, ...otherProps }: VirtualizedTableProps) => JSX.Element;
 export default VTableComponent;
 //# sourceMappingURL=index.d.ts.map

package/components/VirtualizedTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAqBzD,KAAK,MAAM,GAAG;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAE9C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAEb;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC,kBAAkB,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,eAAe,mPAiBzB,qBAAqB,gBAoFvB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAqBzD,KAAK,MAAM,GAAG;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAE9C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAEb;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC,kBAAkB,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IAC1F,wBAAwB,CAAC,EAAE,aAAa,CAAC;QACvC,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC,CAAC;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,eAAe,6QAkBzB,qBAAqB,gBAqFvB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/components/VirtualizedTable/index.js

@@ -1 +1 @@
-import{__rest as o,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,Fragment as e,jsx as n}from"react/jsx-runtime";import{useState as r,useMemo as s}from"react";import{AutoSizer as u}from"react-virtualized";import{makeStyles as l,IconButton as d}from"@material-ui/core";import m from"@material-ui/icons/Settings";import a from"./CustomizeColumnsDialog.js";import{VirtualizedTableComponent as c}from"./VirtualizedTable.js";var h=l({vtTopSetting:{position:"relative",height:"25px"},vtTopSettingIcon:{position:"fixed",right:"20px",padding:"3px",fontSize:"20px"}}),v=function(l){var v=l.columns,f=void 0===v?[]:v,g=l.data,p=void 0===g?[]:g,C=l.useColumnSetting,S=void 0!==C&&C,w=l.useFixedColumnWidth,y=void 0!==w&&w,x=l.headerHeight,T=void 0===x?50:x,z=l.rowHeight,H=void 0===z?35:z,I=l.savedColumns,R=void 0===I?[]:I,k=l.onChangeColumns,D=void 0===k?null:k,W=l.customMuiStyles,j=void 0===W?{}:W,b=l.isTopSettingIconShownAlways,A=void 0!==b&&b,B=l.CustomCellRenderer,F=void 0===B?null:B,M=l.customRowStyle,E=void 0===M?null:M,N=l.sort,O=void 0===N?null:N,K=l.sortBy,V=void 0===K?null:K,_=l.sortDirection,q=void 0===_?null:_,G=o(l,["columns","data","useColumnSetting","useFixedColumnWidth","headerHeight","rowHeight","savedColumns","onChangeColumns","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","customRowStyle","sort","sortBy","sortDirection"]),J=h(),L=r(!1),P=L[0],Q=L[1],U=r(!1),X=U[0],Y=U[1],Z=s((function(){var o=[];return R.forEach((function(i){var e=f.find((function(o){return o.key===i.key}));e&&o.push(t(t({},e),{show:i.show}))})),f.forEach((function(t){o.find((function(o){return o.key===t.key}))||o.push(t)})),o}),[f,R]),$=S&&X?25:0;return i(e,{children:[S&&X&&n("div",{className:J.vtTopSetting,children:n(d,{size:"small",className:J.vtTopSettingIcon,onClick:function(){return Q(!0)},children:n(m,{fontSize:"inherit"})})}),n(u,{children:function(o){var i=o.width,e=o.height;return n(c,t({width:i,height:e-$,columns:Z,useColumnSetting:S,onOpenSettingDlg:function(){return Q(!0)},showTopSettingIcon:function(o){return Y(o)},customMuiStyles:j,data:p,useFixedColumnWidth:y,headerHeight:T,rowHeight:H,isTopSettingIconShownAlways:A,CustomCellRenderer:F,customRowStyle:E,sort:O,sortBy:V,sortDirection:q},G))}}),n(a,{open:P,columns:Z,handleCloseWithCancel:function(){return Q(!1)},handleCloseWithOK:function(o){D&&D(o),Q(!1)}})]})};export{v as VTableComponent,v as default};
+import{__rest as o,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,Fragment as i,jsx as n}from"react/jsx-runtime";import{useState as r,useMemo as l}from"react";import{AutoSizer as s}from"react-virtualized";import{makeStyles as u,IconButton as d}from"@material-ui/core";import m from"@material-ui/icons/Settings";import a from"./CustomizeColumnsDialog.js";import{VirtualizedTableComponent as c}from"./VirtualizedTable.js";var h=u({vtTopSetting:{position:"relative",height:"25px"},vtTopSettingIcon:{position:"fixed",right:"20px",padding:"3px",fontSize:"20px"}}),v=function(u){var v=u.columns,C=void 0===v?[]:v,f=u.data,g=void 0===f?[]:f,p=u.useColumnSetting,S=void 0!==p&&p,w=u.useFixedColumnWidth,y=void 0!==w&&w,x=u.headerHeight,H=void 0===x?50:x,R=u.rowHeight,T=void 0===R?35:R,z=u.savedColumns,I=void 0===z?[]:z,k=u.onChangeColumns,D=void 0===k?null:k,W=u.customMuiStyles,j=void 0===W?{}:W,b=u.isTopSettingIconShownAlways,A=void 0!==b&&b,B=u.CustomCellRenderer,F=void 0===B?null:B,M=u.CustomHeaderCellRenderer,E=void 0===M?null:M,N=u.customRowStyle,O=void 0===N?null:N,K=u.sort,V=void 0===K?null:K,_=u.sortBy,q=void 0===_?null:_,G=u.sortDirection,J=void 0===G?null:G,L=o(u,["columns","data","useColumnSetting","useFixedColumnWidth","headerHeight","rowHeight","savedColumns","onChangeColumns","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","CustomHeaderCellRenderer","customRowStyle","sort","sortBy","sortDirection"]),P=h(),Q=r(!1),U=Q[0],X=Q[1],Y=r(!1),Z=Y[0],$=Y[1],oo=l((function(){var o=[];return I.forEach((function(t){var i=C.find((function(o){return o.key===t.key}));i&&o.push(e(e({},i),{show:t.show}))})),C.forEach((function(e){o.find((function(o){return o.key===e.key}))||o.push(e)})),o}),[C,I]),eo=S&&Z?25:0;return t(i,{children:[S&&Z&&n("div",{className:P.vtTopSetting,children:n(d,{size:"small",className:P.vtTopSettingIcon,onClick:function(){return X(!0)},children:n(m,{fontSize:"inherit"})})}),n(s,{children:function(o){var t=o.width,i=o.height;return n(c,e({width:t,height:i-eo,columns:oo,useColumnSetting:S,onOpenSettingDlg:function(){return X(!0)},showTopSettingIcon:function(o){return $(o)},customMuiStyles:j,data:g,useFixedColumnWidth:y,headerHeight:H,rowHeight:T,isTopSettingIconShownAlways:A,CustomCellRenderer:F,CustomHeaderCellRenderer:E,customRowStyle:O,sort:V,sortBy:q,sortDirection:J},L))}}),n(a,{open:U,columns:oo,handleCloseWithCancel:function(){return X(!1)},handleCloseWithOK:function(o){D&&D(o),X(!1)}})]})};export{v as VTableComponent,v as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.99.0-2",
+  "version": "0.99.0-3",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"