@corva/ui 0.48.0-9-test-674373bf → 0.49.0-0

package/components/VirtualizedTable/VirtualizedTable.d.ts

@@ -1,40 +1,32 @@
-export function VirtualizedTableComponent({ columns, data, useColumnSetting, useFixedColumnWidth, onOpenSettingDlg, classes, width, height, headerHeight, rowHeight, showTopSettingIcon, customMuiStyles, isTopSettingIconShownAlways, CustomCellRenderer, customRowStyle, sort, sortBy, sortDirection, }: {
-    columns: any;
-    data: any;
-    useColumnSetting: any;
-    useFixedColumnWidth: any;
-    onOpenSettingDlg: any;
-    classes: any;
-    width: any;
-    height: any;
-    headerHeight: any;
-    rowHeight: any;
-    showTopSettingIcon: any;
-    customMuiStyles: any;
-    isTopSettingIconShownAlways: any;
-    CustomCellRenderer: any;
-    customRowStyle: any;
-    sort: any;
-    sortBy: any;
-    sortDirection: any;
-}): JSX.Element;
-export namespace VirtualizedTableComponent {
-    namespace propTypes {
-        const columns: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
-        const data: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
-        const useColumnSetting: PropTypes.Validator<boolean>;
-        const useFixedColumnWidth: PropTypes.Validator<boolean>;
-        const headerHeight: PropTypes.Validator<number>;
-        const rowHeight: PropTypes.Validator<number>;
-        const width: PropTypes.Validator<number>;
-        const height: PropTypes.Validator<number>;
-        const onOpenSettingDlg: PropTypes.Validator<(...args: any[]) => any>;
-        const showTopSettingIcon: PropTypes.Validator<(...args: any[]) => any>;
-        const sort: PropTypes.Requireable<(...args: any[]) => any>;
-        const sortBy: PropTypes.Requireable<string>;
-        const sortDirection: PropTypes.Requireable<string>;
-        const classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        const customMuiStyles: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare type VirtualizedTableComponentProps = PropTypes.InferProps<typeof virtualizedTableComponentPropTypes>;
+export declare const VirtualizedTableComponent: {
+    ({ columns, data, useColumnSetting, useFixedColumnWidth, onOpenSettingDlg, classes, width, height, headerHeight, rowHeight, showTopSettingIcon, customMuiStyles, isTopSettingIconShownAlways, CustomCellRenderer, customRowStyle, sort, sortBy, sortDirection, }: VirtualizedTableComponentProps): JSX.Element;
+    propTypes: {
+        columns: PropTypes.Validator<PropTypes.InferProps<{
+            show: PropTypes.Requireable<boolean>;
+            minWidth: PropTypes.Requireable<number>;
+            width: PropTypes.Requireable<number>;
+            key: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>[]>;
+        data: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
+        useColumnSetting: PropTypes.Validator<boolean>;
+        useFixedColumnWidth: PropTypes.Validator<boolean>;
+        headerHeight: PropTypes.Validator<number>;
+        rowHeight: PropTypes.Validator<number>;
+        width: PropTypes.Validator<number>;
+        height: PropTypes.Validator<number>;
+        onOpenSettingDlg: PropTypes.Validator<(...args: any[]) => any>;
+        showTopSettingIcon: PropTypes.Validator<(...args: any[]) => any>;
+        sort: PropTypes.Requireable<(...args: any[]) => any>;
+        sortBy: PropTypes.Requireable<string>;
+        sortDirection: PropTypes.Requireable<string>;
+        classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            sortIcon: PropTypes.Requireable<string>;
+        }>>>;
+        customMuiStyles: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             table: PropTypes.Requireable<string>;
             oddRow: PropTypes.Requireable<string>;
             headerLabel: PropTypes.Requireable<string>;
@@ -42,44 +34,129 @@ export namespace VirtualizedTableComponent {
             unitLabel: PropTypes.Requireable<string>;
             settingIcon: PropTypes.Requireable<string>;
         }>>>;
-        const isTopSettingIconShownAlways: PropTypes.Validator<boolean>;
-        const CustomCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-        const customRowStyle: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const CustomCellRenderer_1: any;
-        export { CustomCellRenderer_1 as CustomCellRenderer };
-        const customRowStyle_1: any;
-        export { customRowStyle_1 as customRowStyle };
-        const sort_1: any;
-        export { sort_1 as sort };
-        const sortBy_1: any;
-        export { sortBy_1 as sortBy };
-        const sortDirection_1: any;
-        export { sortDirection_1 as sortDirection };
-    }
-}
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
-    columns: any;
-    data: any;
-    useColumnSetting: any;
-    useFixedColumnWidth: any;
-    onOpenSettingDlg: any;
-    classes: any;
-    width: any;
-    height: any;
-    headerHeight: any;
-    rowHeight: any;
-    showTopSettingIcon: any;
-    customMuiStyles: any;
-    isTopSettingIconShownAlways: any;
-    CustomCellRenderer: any;
-    customRowStyle: any;
-    sort: any;
-    sortBy: any;
-    sortDirection: any;
-}, never> & Pick<PropTypes.InferProps<{
-    columns: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
+        isTopSettingIconShownAlways: PropTypes.Validator<boolean>;
+        CustomCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
+        customRowStyle: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    defaultProps: {
+        CustomCellRenderer: any;
+        customRowStyle: any;
+        sort: any;
+        sortBy: any;
+        sortDirection: any;
+    };
+};
+declare const virtualizedTableComponentPropTypes: {
+    columns: PropTypes.Validator<PropTypes.InferProps<{
+        show: PropTypes.Requireable<boolean>;
+        minWidth: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<number>;
+        key: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+    }>[]>;
+    data: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
+    useColumnSetting: PropTypes.Validator<boolean>;
+    useFixedColumnWidth: PropTypes.Validator<boolean>;
+    headerHeight: PropTypes.Validator<number>;
+    rowHeight: PropTypes.Validator<number>;
+    width: PropTypes.Validator<number>;
+    height: PropTypes.Validator<number>;
+    onOpenSettingDlg: PropTypes.Validator<(...args: any[]) => any>;
+    showTopSettingIcon: PropTypes.Validator<(...args: any[]) => any>;
+    sort: PropTypes.Requireable<(...args: any[]) => any>;
+    sortBy: PropTypes.Requireable<string>;
+    sortDirection: PropTypes.Requireable<string>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        sortIcon: PropTypes.Requireable<string>;
+    }>>>;
+    customMuiStyles: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        table: PropTypes.Requireable<string>;
+        oddRow: PropTypes.Requireable<string>;
+        headerLabel: PropTypes.Requireable<string>;
+        cellData: PropTypes.Requireable<string>;
+        unitLabel: PropTypes.Requireable<string>;
+        settingIcon: PropTypes.Requireable<string>;
+    }>>>;
+    isTopSettingIconShownAlways: PropTypes.Validator<boolean>;
+    CustomCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
+    customRowStyle: PropTypes.Requireable<(...args: any[]) => any>;
+};
+declare const _default: import("react").ComponentType<Pick<Pick<Pick<PropTypes.InferPropsInner<Pick<{
+    columns: PropTypes.Validator<PropTypes.InferProps<{
+        show: PropTypes.Requireable<boolean>;
+        minWidth: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<number>;
+        key: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+    }>[]>;
+    data: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
+    useColumnSetting: PropTypes.Validator<boolean>;
+    useFixedColumnWidth: PropTypes.Validator<boolean>;
+    headerHeight: PropTypes.Validator<number>;
+    rowHeight: PropTypes.Validator<number>;
+    width: PropTypes.Validator<number>;
+    height: PropTypes.Validator<number>;
+    onOpenSettingDlg: PropTypes.Validator<(...args: any[]) => any>;
+    showTopSettingIcon: PropTypes.Validator<(...args: any[]) => any>;
+    sort: PropTypes.Requireable<(...args: any[]) => any>;
+    sortBy: PropTypes.Requireable<string>;
+    sortDirection: PropTypes.Requireable<string>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        sortIcon: PropTypes.Requireable<string>;
+    }>>>;
+    customMuiStyles: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        table: PropTypes.Requireable<string>;
+        oddRow: PropTypes.Requireable<string>;
+        headerLabel: PropTypes.Requireable<string>;
+        cellData: PropTypes.Requireable<string>;
+        unitLabel: PropTypes.Requireable<string>;
+        settingIcon: PropTypes.Requireable<string>;
+    }>>>;
+    isTopSettingIconShownAlways: PropTypes.Validator<boolean>;
+    CustomCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
+    customRowStyle: PropTypes.Requireable<(...args: any[]) => any>;
+}, never>> & Partial<PropTypes.InferPropsInner<Pick<{
+    columns: PropTypes.Validator<PropTypes.InferProps<{
+        show: PropTypes.Requireable<boolean>;
+        minWidth: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<number>;
+        key: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+    }>[]>;
+    data: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
+    useColumnSetting: PropTypes.Validator<boolean>;
+    useFixedColumnWidth: PropTypes.Validator<boolean>;
+    headerHeight: PropTypes.Validator<number>;
+    rowHeight: PropTypes.Validator<number>;
+    width: PropTypes.Validator<number>;
+    height: PropTypes.Validator<number>;
+    onOpenSettingDlg: PropTypes.Validator<(...args: any[]) => any>;
+    showTopSettingIcon: PropTypes.Validator<(...args: any[]) => any>;
+    sort: PropTypes.Requireable<(...args: any[]) => any>;
+    sortBy: PropTypes.Requireable<string>;
+    sortDirection: PropTypes.Requireable<string>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        sortIcon: PropTypes.Requireable<string>;
+    }>>>;
+    customMuiStyles: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        table: PropTypes.Requireable<string>;
+        oddRow: PropTypes.Requireable<string>;
+        headerLabel: PropTypes.Requireable<string>;
+        cellData: PropTypes.Requireable<string>;
+        unitLabel: PropTypes.Requireable<string>;
+        settingIcon: PropTypes.Requireable<string>;
+    }>>>;
+    isTopSettingIconShownAlways: PropTypes.Validator<boolean>;
+    CustomCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
+    customRowStyle: PropTypes.Requireable<(...args: any[]) => any>;
+}, "data" | "sort" | "width" | "height" | "classes" | "columns" | "useColumnSetting" | "useFixedColumnWidth" | "headerHeight" | "rowHeight" | "onOpenSettingDlg" | "showTopSettingIcon" | "sortBy" | "sortDirection" | "customMuiStyles" | "isTopSettingIconShownAlways" | "CustomCellRenderer" | "customRowStyle">>>, "data" | "sort" | "width" | "height" | "classes" | "columns" | "useColumnSetting" | "useFixedColumnWidth" | "headerHeight" | "rowHeight" | "onOpenSettingDlg" | "showTopSettingIcon" | "sortBy" | "sortDirection" | "customMuiStyles" | "isTopSettingIconShownAlways" | "CustomCellRenderer" | "customRowStyle"> & Pick<PropTypes.InferProps<{
+    columns: PropTypes.Validator<PropTypes.InferProps<{
+        show: PropTypes.Requireable<boolean>;
+        minWidth: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<number>;
+        key: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+    }>[]>;
     data: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
     useColumnSetting: PropTypes.Validator<boolean>;
     useFixedColumnWidth: PropTypes.Validator<boolean>;
@@ -92,7 +169,9 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     sort: PropTypes.Requireable<(...args: any[]) => any>;
     sortBy: PropTypes.Requireable<string>;
     sortDirection: PropTypes.Requireable<string>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        sortIcon: PropTypes.Requireable<string>;
+    }>>>;
     customMuiStyles: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         table: PropTypes.Requireable<string>;
         oddRow: PropTypes.Requireable<string>;
@@ -104,13 +183,80 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
     isTopSettingIconShownAlways: PropTypes.Validator<boolean>;
     CustomCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
     customRowStyle: PropTypes.Requireable<(...args: any[]) => any>;
-}>, "data" | "sort" | "width" | "height" | "classes" | "columns" | "useColumnSetting" | "useFixedColumnWidth" | "onOpenSettingDlg" | "headerHeight" | "rowHeight" | "showTopSettingIcon" | "customMuiStyles" | "isTopSettingIconShownAlways" | "CustomCellRenderer" | "customRowStyle" | "sortBy" | "sortDirection">, "data" | "width" | "height" | "classes" | "columns" | "useColumnSetting" | "useFixedColumnWidth" | "onOpenSettingDlg" | "headerHeight" | "rowHeight" | "showTopSettingIcon" | "customMuiStyles" | "isTopSettingIconShownAlways"> & {
+}>, never> & Pick<PropTypes.InferPropsInner<Pick<{
+    columns: PropTypes.Validator<PropTypes.InferProps<{
+        show: PropTypes.Requireable<boolean>;
+        minWidth: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<number>;
+        key: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+    }>[]>;
+    data: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
+    useColumnSetting: PropTypes.Validator<boolean>;
+    useFixedColumnWidth: PropTypes.Validator<boolean>;
+    headerHeight: PropTypes.Validator<number>;
+    rowHeight: PropTypes.Validator<number>;
+    width: PropTypes.Validator<number>;
+    height: PropTypes.Validator<number>;
+    onOpenSettingDlg: PropTypes.Validator<(...args: any[]) => any>;
+    showTopSettingIcon: PropTypes.Validator<(...args: any[]) => any>;
+    sort: PropTypes.Requireable<(...args: any[]) => any>;
+    sortBy: PropTypes.Requireable<string>;
+    sortDirection: PropTypes.Requireable<string>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        sortIcon: PropTypes.Requireable<string>;
+    }>>>;
+    customMuiStyles: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        table: PropTypes.Requireable<string>;
+        oddRow: PropTypes.Requireable<string>;
+        headerLabel: PropTypes.Requireable<string>;
+        cellData: PropTypes.Requireable<string>;
+        unitLabel: PropTypes.Requireable<string>;
+        settingIcon: PropTypes.Requireable<string>;
+    }>>>;
+    isTopSettingIconShownAlways: PropTypes.Validator<boolean>;
+    CustomCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
+    customRowStyle: PropTypes.Requireable<(...args: any[]) => any>;
+}, never>> & Partial<PropTypes.InferPropsInner<Pick<{
+    columns: PropTypes.Validator<PropTypes.InferProps<{
+        show: PropTypes.Requireable<boolean>;
+        minWidth: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<number>;
+        key: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+    }>[]>;
+    data: PropTypes.Validator<PropTypes.InferProps<{}>[]>;
+    useColumnSetting: PropTypes.Validator<boolean>;
+    useFixedColumnWidth: PropTypes.Validator<boolean>;
+    headerHeight: PropTypes.Validator<number>;
+    rowHeight: PropTypes.Validator<number>;
+    width: PropTypes.Validator<number>;
+    height: PropTypes.Validator<number>;
+    onOpenSettingDlg: PropTypes.Validator<(...args: any[]) => any>;
+    showTopSettingIcon: PropTypes.Validator<(...args: any[]) => any>;
+    sort: PropTypes.Requireable<(...args: any[]) => any>;
+    sortBy: PropTypes.Requireable<string>;
+    sortDirection: PropTypes.Requireable<string>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        sortIcon: PropTypes.Requireable<string>;
+    }>>>;
+    customMuiStyles: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        table: PropTypes.Requireable<string>;
+        oddRow: PropTypes.Requireable<string>;
+        headerLabel: PropTypes.Requireable<string>;
+        cellData: PropTypes.Requireable<string>;
+        unitLabel: PropTypes.Requireable<string>;
+        settingIcon: PropTypes.Requireable<string>;
+    }>>>;
+    isTopSettingIconShownAlways: PropTypes.Validator<boolean>;
+    CustomCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
+    customRowStyle: PropTypes.Requireable<(...args: any[]) => any>;
+}, "data" | "sort" | "width" | "height" | "classes" | "columns" | "useColumnSetting" | "useFixedColumnWidth" | "headerHeight" | "rowHeight" | "onOpenSettingDlg" | "showTopSettingIcon" | "sortBy" | "sortDirection" | "customMuiStyles" | "isTopSettingIconShownAlways" | "CustomCellRenderer" | "customRowStyle">>>, never>, "data" | "width" | "height" | "classes" | "columns" | "useColumnSetting" | "useFixedColumnWidth" | "headerHeight" | "rowHeight" | "onOpenSettingDlg" | "showTopSettingIcon" | "customMuiStyles" | "isTopSettingIconShownAlways"> & {
     sort?: (...args: any[]) => any;
-    CustomCellRenderer?: (...args: any[]) => any;
-    customRowStyle?: (...args: any[]) => any;
     sortBy?: string;
     sortDirection?: string;
-} & {}, "data" | "sort" | "width" | "height" | "columns" | "useColumnSetting" | "useFixedColumnWidth" | "onOpenSettingDlg" | "headerHeight" | "rowHeight" | "showTopSettingIcon" | "customMuiStyles" | "isTopSettingIconShownAlways" | "CustomCellRenderer" | "customRowStyle" | "sortBy" | "sortDirection"> & import("@material-ui/core").StyledComponentProps<"table" | "oddRow" | "headerLabel" | "cellData" | "unitLabel" | "settingIcon" | "sortIcon">>;
+    CustomCellRenderer?: (...args: any[]) => any;
+    customRowStyle?: (...args: any[]) => any;
+} & {}, "data" | "sort" | "width" | "height" | "columns" | "useColumnSetting" | "useFixedColumnWidth" | "headerHeight" | "rowHeight" | "onOpenSettingDlg" | "showTopSettingIcon" | "sortBy" | "sortDirection" | "customMuiStyles" | "isTopSettingIconShownAlways" | "CustomCellRenderer" | "customRowStyle"> & import("@material-ui/core").StyledComponentProps<"table" | "sortIcon" | "oddRow" | "headerLabel" | "cellData" | "unitLabel" | "settingIcon">>;
 export default _default;
-import PropTypes from "prop-types";
 //# sourceMappingURL=VirtualizedTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.js"],"names":[],"mappings":"AA6FA;;;;;;;;;;;;;;;;;;;gBAkMC"}
+{"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA4FnC,aAAK,8BAA8B,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC;AAEtG,eAAO,MAAM,yBAAyB;sQAmBnC,8BAA8B,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+K9C,CAAA;AAED,QAAA,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCvC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaF,wBAAgE"}

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{__assign as e,__spreadArray as t}from"../../_virtual/_tslib.js";import{jsx as r,Fragment as n,jsxs as i}from"react/jsx-runtime";import{useMemo as o,useEffect as a}from"react";import l from"prop-types";import s from"classnames";import{Table as u,Column as c,SortDirection as d}from"react-virtualized";import{withStyles as m,IconButton as h,Typography as f,Tooltip as g}from"@material-ui/core";import{Settings as p,Sort as b,ArrowUpward as y,ArrowDownward as w}from"@material-ui/icons";import{getUnitDisplay as S}from"../../utils/convert.js";function R(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(S(n),")"):""}function x(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||""}var C=function(l){var m=l.columns,S=l.data,C=l.useColumnSetting,_=l.useFixedColumnWidth,z=l.onOpenSettingDlg,k=l.classes,T=l.width,q=l.height,I=l.headerHeight,N=l.rowHeight,L=l.showTopSettingIcon,D=l.customMuiStyles,H=l.isTopSettingIconShownAlways,B=l.CustomCellRenderer,W=l.customRowStyle,O=l.sort,j=l.sortBy,A=l.sortDirection,F=e(e({},k),D),K=o((function(){return{label:"",key:"setting",width:C?25:0}}),[C]),V=o((function(){return m.filter((function(e){return e.show}))}),[m]),M=o((function(){return C?t(t([],V,!0),[K],!1):V}),[V,C,K]),E=o((function(){var e;if(T<=0)return{};var t=((e={})[K.key]=K.width,e),r=[];return V.filter((function(e){return Number.isFinite(e.width)})).forEach((function(e){t[e.key]=e.width-1,r.push(e.width-1)})),V.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((T-n-K.width)/(V.length-r.length)),o=e.minWidth||65,a=i<o?o:i;t[e.key]=a-1,r.push(a-1)})),t}),[T,V,K]),G=o((function(){return Object.values(E).reduce((function(e,t){return e+t}),0)}),[E]),U=H||G-12.5>=T;a((function(){L(U)}),[U]);var P=function(t){var n=t.label,o=t.dataKey,a=j||A||O;return o===K.key?U?null:r(h,e({size:"small","aria-label":"customize columns",className:F.settingIcon,onClick:z},{children:r(p,{fontSize:"inherit"})})):i(f,e({variant:"body2",className:s(F.headerLabel,x(m,o))},{children:[n," ",r("span",e({className:s(F.unitLabel,v(m,o))},{children:R(m,o)})),a&&o!==j&&r(g,e({title:"Sort A-Z"},{children:r(b,{fontSize:"small",className:k.sortIcon})})),a&&o===j&&(A===d.ASC?r(y,{fontSize:"small",className:k.sortIcon}):r(w,{fontSize:"small",className:k.sortIcon}))]}))},Z=function(t){var n=t.dataKey,i=t.rowData;return B?r(B,{columnKey:n,value:i[n]}):r(f,e({variant:"body2",className:F.cellData},{children:i[n]}))};return r(n,{children:r(u,e({width:_?G:T,height:q,headerHeight:I,rowClassName:function(e){var t,r=e.index;return s(((t={})[F.oddRow]=r%2==1,t))},rowHeight:N,rowCount:S.length,rowGetter:function(e){var t=e.index;return S[t]},rowStyle:W||{},className:F.table,sort:O,sortBy:j,sortDirection:A},{children:M.map((function(e){return r(c,{width:E[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:P,cellRenderer:Z},e.key)}))}))})},_={columns:l.arrayOf(l.shape({show:l.bool,minWidth:l.number,width:l.number,key:l.string,label:l.string})).isRequired,data:l.arrayOf(l.shape({})).isRequired,useColumnSetting:l.bool.isRequired,useFixedColumnWidth:l.bool.isRequired,headerHeight:l.number.isRequired,rowHeight:l.number.isRequired,width:l.number.isRequired,height:l.number.isRequired,onOpenSettingDlg:l.func.isRequired,showTopSettingIcon:l.func.isRequired,sort:l.func,sortBy:l.string,sortDirection:l.string,classes:l.shape({sortIcon:l.string}).isRequired,customMuiStyles:l.shape({table:l.string,oddRow:l.string,headerLabel:l.string,cellData:l.string,unitLabel:l.string,settingIcon:l.string}).isRequired,isTopSettingIconShownAlways:l.bool.isRequired,CustomCellRenderer:l.func,customRowStyle:l.func};C.propTypes=_,C.defaultProps={CustomCellRenderer:null,customRowStyle:null,sort:null,sortBy:null,sortDirection:null};var z=m((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.48.0-9-test-674373bf",
+  "version": "0.49.0-0",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"
@@ -86,7 +86,7 @@
     "@babel/plugin-transform-runtime": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
-    "@corva/dc-platform-shared": "0.1.7-2",
+    "@corva/dc-platform-shared": "0.1.7-3",
     "@corva/eslint-config-browser": "^0.0.4",
     "@date-io/moment": "1.3.13",
     "@material-ui/core": "4.11.2",

package/types.d.ts

@@ -0,0 +1,141 @@
+/* eslint-disable camelcase */
+
+declare module '*.css';
+
+declare module '@corva/ui/clients' {
+  export type QueryParams = {
+    limit: number;
+    skip: number;
+    sort: string;
+    query: string;
+    fields?: string;
+  };
+
+  export type CollectionRecord<T> = {
+    _id: string;
+    version: number;
+    app_key: string;
+    asset_id: number;
+    company_id: number;
+    provider: string;
+    collection: string;
+    timestamp: number;
+    data: T;
+  };
+
+  function get<T>(url: string, params: QueryParams): Promise<CollectionRecord<T>[]>;
+
+  function post<T>(
+    url: string,
+    content: Omit<CollectionRecord<T>, '_id'>[]
+  ): Promise<{
+    failed_count: number;
+    inserted_ids: string[];
+    messages: string[];
+  }>;
+
+  function put<T>(url: string, content: T, params: QueryParams): Promise<T>;
+
+  function del(
+    url: string,
+    params: QueryParams
+  ): Promise<{
+    deleted_count: 0;
+  }>;
+
+  export const corvaDataAPI = {
+    get,
+    post,
+    put,
+    del,
+  };
+}
+
+declare module '@corva/ui/clients/jsonApi' {
+  export function getS3SignedUrl(
+    filename: string,
+    contentType: string,
+    assetId?: number | null
+  ): Promise<{
+    bucket: string;
+    display_name: string;
+    file_name: string;
+    signed_url: string;
+  }>;
+
+  export function getS3DownloadLink(filename: string): Promise<{
+    url: string;
+  }>;
+
+  export type TaskOptions<Properties, Payload> = {
+    provider: string;
+    app_key: string;
+    asset_id: number;
+    properties: Properties;
+    payload: Payload;
+  };
+
+  export enum TaskState {
+    Running = 'running',
+    Succeeded = 'succeeded',
+    Failed = 'failed'
+  }
+
+  export type TaskResponse = {
+    id: string;
+    name: string;
+    options: Record<string, unknown>;
+    type: 'task';
+    attributes: {
+      id: string;
+      state: TaskState
+      fail_reason: null;
+      asset_id: number;
+      company_id: number;
+      app_id: number;
+      document_bucket: string;
+      properties: Record<string, unknown>;
+      payload: Record<string, unknown>;
+    };
+  };
+
+  export function postTask<P>(options: TaskOptions<P>): Promise<TaskResponse>;
+}
+
+declare module '@corva/ui/utils' {
+  export function convertValue(
+    value: number,
+    unitType: string,
+    unitFrom: string,
+    unitTo?: string,
+    precision?: number
+  ): number;
+
+  function convertJsonToCsv<T>(records: T[], mapping: Partial<Record<keyof T, string>>): string;
+  function downloadFile(filename: string, csv: string): void;
+
+  export const csvExport = {
+    convertJsonToCsv,
+    downloadFile,
+  };
+}
+
+declare module '@corva/ui/components' {
+  import { FC } from 'react';
+  import { TabProps, TabsProps } from '@material-ui/core';
+
+  // corva components
+  type LoadingIndicatorProps = {
+    fullscreen?: boolean;
+    white?: boolean;
+    size?: number;
+    className?: string;
+  };
+  export const LoadingIndicator: FC<LoadingIndicatorProps>;
+
+  export const AppHeader: FC<any>;
+
+  // MUI Components
+  export const Tabs: FC<TabsProps>;
+  export const Tab: FC<TabProps>;
+}