@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/VirtualizedTable/DraggableList.js

@@ -1 +1,97 @@
-import e from"prop-types";import{SortableHandle as r,SortableElement as i,SortableContainer as a,arrayMove as t}from"react-sortable-hoc";import{makeStyles as o,Checkbox as n,Typography as l}from"@material-ui/core";import d from"@material-ui/icons/DragIndicator";import{jsx as s,jsxs as c}from"react/jsx-runtime";var m=o({draggableList:{borderNottom:"1px solid #e0e0e0",listStyle:"none",padding:"0"},draggableListItem:{cursor:"pointer",borderTop:"1px solid #e0e0e0",lineHeight:"1rem",zIndex:1500,display:"flex",alignItems:"center","&:hover $draggableListItemDraghandle":{opacity:1}},draggableListItemCheckBox:{padding:"8px"},draggableListItemDraghandle:{color:"#777",opacity:0}}),g=r((function(){return s(d,{className:"c-draggable-list__item_draghandle",fontSize:"small"})})),u=i((function(e){var r=e.item,i=e.onClick,a=m();return c("li",{className:a.draggableListItem,children:[s(g,{}),s(n,{className:a.draggableListItemCheckBox,color:"primary",checked:r.show,onClick:function(){return i(r)}}),s(l,{variant:"body2",children:r.customLabel||r.label||r})]})})),p=a((function(e){var r=e.items,i=e.onClick,a=m();return s("ul",{className:a.draggableList,children:r.map((function(e,r){return s(u,{index:r,item:e,onClick:i,disabled:e.disabled},e.label)}))})}));function b(e){var r=e.items,i=e.onSort,a=e.onClick;return s(p,{useDragHandle:!0,items:r,onSortEnd:function(e){var a=e.oldIndex,o=e.newIndex,n=t(r,a,o);i(n)},onClick:a})}b.propTypes={items:e.arrayOf(e.shape({})).isRequired,onSort:e.func.isRequired,onClick:e.func.isRequired};export{b as default};
+import PropTypes from 'prop-types';
+import { SortableHandle, SortableElement, SortableContainer, arrayMove } from 'react-sortable-hoc';
+import { makeStyles, Checkbox, Typography } from '@material-ui/core';
+import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  draggableList: {
+    borderNottom: '1px solid #e0e0e0',
+    listStyle: 'none',
+    padding: '0'
+  },
+  draggableListItem: {
+    cursor: 'pointer',
+    borderTop: '1px solid #e0e0e0',
+    lineHeight: '1rem',
+    zIndex: 1500,
+    display: 'flex',
+    alignItems: 'center',
+    '&:hover $draggableListItemDraghandle': {
+      opacity: 1
+    }
+  },
+  draggableListItemCheckBox: {
+    padding: '8px'
+  },
+  draggableListItemDraghandle: {
+    color: '#777',
+    opacity: 0
+  }
+});
+var DragHandle = SortableHandle(function () {
+  return /*#__PURE__*/jsx(DragIndicatorIcon, {
+    className: "c-draggable-list__item_draghandle",
+    fontSize: "small"
+  });
+});
+var SortableItem = SortableElement(function (_ref) {
+  var item = _ref.item,
+    _onClick = _ref.onClick;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("li", {
+    className: classes.draggableListItem,
+    children: [/*#__PURE__*/jsx(DragHandle, {}), /*#__PURE__*/jsx(Checkbox, {
+      className: classes.draggableListItemCheckBox,
+      color: "primary",
+      checked: item.show,
+      onClick: function onClick() {
+        return _onClick(item);
+      }
+    }), /*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      children: item.customLabel || item.label || item
+    })]
+  });
+});
+var SortableList = SortableContainer(function (_ref2) {
+  var items = _ref2.items,
+    onClick = _ref2.onClick;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx("ul", {
+    className: classes.draggableList,
+    children: items.map(function (item, index) {
+      return /*#__PURE__*/jsx(SortableItem, {
+        index: index,
+        item: item,
+        onClick: onClick,
+        disabled: item.disabled
+      }, item.label);
+    })
+  });
+});
+function DraggableList(_ref3) {
+  var items = _ref3.items,
+    onSort = _ref3.onSort,
+    onClick = _ref3.onClick;
+  var onSortEnd = function onSortEnd(_ref4) {
+    var oldIndex = _ref4.oldIndex,
+      newIndex = _ref4.newIndex;
+    var newItems = arrayMove(items, oldIndex, newIndex);
+    onSort(newItems);
+  };
+  return /*#__PURE__*/jsx(SortableList, {
+    useDragHandle: true,
+    items: items,
+    onSortEnd: onSortEnd,
+    onClick: onClick
+  });
+}
+DraggableList.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onSort: PropTypes.func.isRequired,
+  onClick: PropTypes.func.isRequired
+};
+
+export { DraggableList as default };
+//# sourceMappingURL=DraggableList.js.map

package/components/VirtualizedTable/DraggableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableList.js","sources":["../../../src/components/VirtualizedTable/DraggableList.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { SortableContainer, SortableElement, SortableHandle, arrayMove } from 'react-sortable-hoc';\nimport { Checkbox, Typography, makeStyles } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nconst useStyles = makeStyles({\n  draggableList: {\n    borderNottom: '1px solid #e0e0e0',\n    listStyle: 'none',\n    padding: '0',\n  },\n  draggableListItem: {\n    cursor: 'pointer',\n    borderTop: '1px solid #e0e0e0',\n    lineHeight: '1rem',\n    zIndex: 1500,\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover $draggableListItemDraghandle': {\n      opacity: 1,\n    },\n  },\n  draggableListItemCheckBox: {\n    padding: '8px',\n  },\n  draggableListItemDraghandle: {\n    color: '#777',\n    opacity: 0,\n  },\n});\n\nconst DragHandle = SortableHandle(() => (\n  <DragIndicatorIcon className=\"c-draggable-list__item_draghandle\" fontSize=\"small\" />\n));\n\nconst SortableItem = SortableElement(({ item, onClick }) => {\n  const classes = useStyles();\n  return (\n    <li className={classes.draggableListItem}>\n      <DragHandle />\n      <Checkbox\n        className={classes.draggableListItemCheckBox}\n        color=\"primary\"\n        checked={item.show}\n        onClick={() => onClick(item)}\n      />\n      <Typography variant=\"body2\">{item.customLabel || item.label || item}</Typography>\n    </li>\n  );\n});\n\nconst SortableList = SortableContainer(({ items, onClick }) => {\n  const classes = useStyles();\n  return (\n    <ul className={classes.draggableList}>\n      {items.map((item, index) => (\n        <SortableItem\n          key={item.label}\n          index={index}\n          item={item}\n          onClick={onClick}\n          disabled={item.disabled}\n        />\n      ))}\n    </ul>\n  );\n});\n\nfunction DraggableList({ items, onSort, onClick }) {\n  const onSortEnd = ({ oldIndex, newIndex }) => {\n    const newItems = arrayMove(items, oldIndex, newIndex);\n    onSort(newItems);\n  };\n\n  return <SortableList useDragHandle items={items} onSortEnd={onSortEnd} onClick={onClick} />;\n}\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onSort: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default DraggableList;\n"],"names":["useStyles","makeStyles","draggableList","borderNottom","listStyle","padding","draggableListItem","cursor","borderTop","lineHeight","zIndex","display","alignItems","opacity","draggableListItemCheckBox","draggableListItemDraghandle","color","DragHandle","SortableHandle","_jsx","SortableItem","SortableElement","item","onClick","classes","_jsxs","show","customLabel","label","SortableList","SortableContainer","items","map","index","disabled","DraggableList","onSort","onSortEnd","oldIndex","newIndex","newItems","arrayMove","propTypes","PropTypes","arrayOf","shape","isRequired","func"],"mappings":"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"}

package/components/VirtualizedTable/VirtualizedTable.js

@@ -1 +1,314 @@
-import{__assign as e,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.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};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { Table, Column, SortDirection } from 'react-virtualized';
+import { withStyles, IconButton, Typography, Tooltip } from '@material-ui/core';
+import { Settings, Sort, ArrowUpward, ArrowDownward } from '@material-ui/icons';
+import { getUnitDisplay } from '../../utils/convert.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var DEFAULT_COLUMN_MIN_WIDTH = 65;
+var muiStyles = function muiStyles(theme) {
+  return {
+    table: {
+      '& .ReactVirtualized__Table__headerRow': {
+        textTransform: 'none',
+        borderBottom: theme.isLightTheme ? '1px solid rgba(224, 224, 224, 1)' : '1px solid rgba(81, 81, 81, 1)'
+      },
+      '& .ReactVirtualized__Table__row': {
+        borderBottom: theme.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: theme.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: 0.5
+    },
+    settingIcon: {
+      padding: '3px',
+      fontSize: '20px'
+    },
+    sortIcon: {
+      fontSize: '16px'
+    }
+  };
+};
+function getUnitText(columns, dataKey) {
+  var _ref = columns.find(function (column) {
+      return column.key === dataKey;
+    }) || {},
+    unitType = _ref.unitType,
+    customUnit = _ref.customUnit;
+  if (customUnit) {
+    return "(".concat(customUnit, ")");
+  }
+  if (unitType) {
+    return "(".concat(getUnitDisplay(unitType), ")");
+  }
+  return '';
+}
+function getHeaderLabelClassName(columns, dataKey) {
+  var _ref2 = columns.find(function (column) {
+      return column.key === dataKey;
+    }) || {},
+    headerLabelClassName = _ref2.headerLabelClassName;
+  return headerLabelClassName || '';
+}
+function getHeaderLabelUnitClassName(columns, dataKey) {
+  var _ref3 = columns.find(function (column) {
+      return column.key === dataKey;
+    }) || {},
+    headerLabelUnitClassName = _ref3.headerLabelUnitClassName;
+  return headerLabelUnitClassName || '';
+}
+var SETTING_COLUMN_WIDTH = 25;
+var VirtualizedTableComponent = function VirtualizedTableComponent(_ref4) {
+  var columns = _ref4.columns,
+    data = _ref4.data,
+    useColumnSetting = _ref4.useColumnSetting,
+    useFixedColumnWidth = _ref4.useFixedColumnWidth,
+    onOpenSettingDlg = _ref4.onOpenSettingDlg,
+    classes = _ref4.classes,
+    width = _ref4.width,
+    height = _ref4.height,
+    headerHeight = _ref4.headerHeight,
+    rowHeight = _ref4.rowHeight,
+    showTopSettingIcon = _ref4.showTopSettingIcon,
+    customMuiStyles = _ref4.customMuiStyles,
+    isTopSettingIconShownAlways = _ref4.isTopSettingIconShownAlways,
+    CustomCellRenderer = _ref4.CustomCellRenderer,
+    customRowStyle = _ref4.customRowStyle,
+    sort = _ref4.sort,
+    sortBy = _ref4.sortBy,
+    sortDirection = _ref4.sortDirection;
+  var appliedClasses = _objectSpread(_objectSpread({}, classes), customMuiStyles);
+  var settingColumn = useMemo(function () {
+    return {
+      label: '',
+      key: 'setting',
+      width: useColumnSetting ? SETTING_COLUMN_WIDTH : 0
+    };
+  }, [useColumnSetting]);
+  var visibleColumns = useMemo(function () {
+    return columns.filter(function (column) {
+      return column.show;
+    });
+  }, [columns]);
+
+  // NOTE: Add setting column
+  var tableColumns = useMemo(function () {
+    return useColumnSetting ? [].concat(_toConsumableArray(visibleColumns), [settingColumn]) : visibleColumns;
+  }, [visibleColumns, useColumnSetting, settingColumn]);
+  var columnWidthDict = useMemo(function () {
+    if (width <= 0) {
+      return {};
+    }
+
+    // NOTE: Reserve space for setting column
+    var result = _defineProperty({}, settingColumn.key, settingColumn.width);
+
+    // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width
+    var adjustedColumns = [];
+
+    // NOTE: Give fixed width to the columns with "width" field
+    visibleColumns.filter(function (column) {
+      return Number.isFinite(column.width);
+    }).forEach(function (column) {
+      result[column.key] = column.width - 1;
+      adjustedColumns.push(column.width - 1);
+    });
+    visibleColumns.filter(function (column) {
+      return !Number.isFinite(column.width);
+    }).forEach(function (column) {
+      // NOTE: Width sum of adjusted columns
+      var sumOfAdjustColumnWidth = adjustedColumns.reduce(function (subResult, columnWidth) {
+        return subResult + columnWidth;
+      }, 0);
+      // NOTE: Expected space for the column
+      var calculatedWidth = Math.floor((width - sumOfAdjustColumnWidth - settingColumn.width) / (visibleColumns.length - adjustedColumns.length));
+      var requiredWidth = column.minWidth || DEFAULT_COLUMN_MIN_WIDTH;
+      var adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;
+      result[column.key] = adjustedWidth - 1;
+      adjustedColumns.push(adjustedWidth - 1);
+    });
+    return result;
+  }, [width, visibleColumns, settingColumn]);
+
+  // NOTE: Calculate table width from adjusted columns width
+  var tableWidth = useMemo(function () {
+    return Object.values(columnWidthDict).reduce(function (result, item) {
+      return result + item;
+    }, 0);
+  }, [columnWidthDict]);
+  var isTopSettingIconShown = isTopSettingIconShownAlways || tableWidth - SETTING_COLUMN_WIDTH / 2 >= width;
+  useEffect(function () {
+    showTopSettingIcon(isTopSettingIconShown);
+  }, [isTopSettingIconShown]);
+
+  // NOTE: react-virtualzed table props
+  var rowClassName = function rowClassName(_ref5) {
+    var index = _ref5.index;
+    return classNames(_defineProperty({}, appliedClasses.oddRow, index % 2 === 1));
+  };
+
+  // NOTE: table header
+  var headerRenderer = function headerRenderer(headerData) {
+    var label = headerData.label,
+      dataKey = headerData.dataKey;
+    var isSortable = sortBy || sortDirection || sort;
+    if (dataKey === settingColumn.key) {
+      return !isTopSettingIconShown ? /*#__PURE__*/jsx(IconButton, {
+        size: "small",
+        "aria-label": "customize columns",
+        className: appliedClasses.settingIcon,
+        onClick: onOpenSettingDlg,
+        children: /*#__PURE__*/jsx(Settings, {
+          fontSize: "inherit"
+        })
+      }) : null;
+    }
+    return /*#__PURE__*/jsxs(Typography, {
+      variant: "body2",
+      className: classNames(appliedClasses.headerLabel, getHeaderLabelClassName(columns, dataKey)),
+      children: [label, "\xA0", /*#__PURE__*/jsx("span", {
+        className: classNames(appliedClasses.unitLabel, getHeaderLabelUnitClassName(columns, dataKey)),
+        children: getUnitText(columns, dataKey)
+      }), isSortable && dataKey !== sortBy && /*#__PURE__*/jsx(Tooltip, {
+        title: "Sort A-Z",
+        children: /*#__PURE__*/jsx(Sort, {
+          fontSize: "small",
+          className: classes.sortIcon
+        })
+      }), isSortable && dataKey === sortBy && (sortDirection === SortDirection.ASC ? /*#__PURE__*/jsx(ArrowUpward, {
+        fontSize: "small",
+        className: classes.sortIcon
+      }) : /*#__PURE__*/jsx(ArrowDownward, {
+        fontSize: "small",
+        className: classes.sortIcon
+      }))]
+    });
+  };
+
+  // NOTE: table body cells
+  var cellRenderer = function cellRenderer(cellData) {
+    var dataKey = cellData.dataKey,
+      rowData = cellData.rowData;
+    if (CustomCellRenderer) {
+      return /*#__PURE__*/jsx(CustomCellRenderer, {
+        columnKey: dataKey,
+        value: rowData[dataKey]
+      });
+    }
+    return /*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      className: appliedClasses.cellData,
+      children: rowData[dataKey]
+    });
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx(Table, {
+      width: useFixedColumnWidth ? tableWidth : width,
+      height: height,
+      headerHeight: headerHeight,
+      rowClassName: rowClassName,
+      rowHeight: rowHeight,
+      rowCount: data.length,
+      rowGetter: function rowGetter(_ref6) {
+        var index = _ref6.index;
+        return data[index];
+      },
+      rowStyle: customRowStyle || {} // Optional custom inline style
+      ,
+      className: appliedClasses.table,
+      sort: sort,
+      sortBy: sortBy,
+      sortDirection: sortDirection,
+      children: tableColumns.map(function (column) {
+        return /*#__PURE__*/jsx(Column, {
+          width: columnWidthDict[column.key] || 0,
+          dataKey: column.key,
+          label: column.label,
+          headerRenderer: headerRenderer,
+          cellRenderer: cellRenderer
+        }, column.key);
+      })
+    })
+  });
+};
+var virtualizedTableComponentPropTypes = {
+  columns: PropTypes.arrayOf(PropTypes.shape({
+    show: PropTypes.bool,
+    minWidth: PropTypes.number,
+    width: PropTypes.number,
+    key: PropTypes.string,
+    label: PropTypes.string
+  })).isRequired,
+  data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  useColumnSetting: PropTypes.bool.isRequired,
+  useFixedColumnWidth: PropTypes.bool.isRequired,
+  headerHeight: PropTypes.number.isRequired,
+  rowHeight: PropTypes.number.isRequired,
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  onOpenSettingDlg: PropTypes.func.isRequired,
+  showTopSettingIcon: PropTypes.func.isRequired,
+  sort: PropTypes.func,
+  sortBy: PropTypes.string,
+  sortDirection: PropTypes.string,
+  classes: PropTypes.shape({
+    sortIcon: PropTypes.string
+  }).isRequired,
+  customMuiStyles: PropTypes.shape({
+    table: PropTypes.string,
+    oddRow: PropTypes.string,
+    headerLabel: PropTypes.string,
+    cellData: PropTypes.string,
+    unitLabel: PropTypes.string,
+    settingIcon: PropTypes.string
+  }).isRequired,
+  isTopSettingIconShownAlways: PropTypes.bool.isRequired,
+  CustomCellRenderer: PropTypes.func,
+  customRowStyle: PropTypes.func
+};
+VirtualizedTableComponent.propTypes = virtualizedTableComponentPropTypes;
+VirtualizedTableComponent.defaultProps = {
+  CustomCellRenderer: null,
+  customRowStyle: null,
+  sort: null,
+  sortBy: null,
+  sortDirection: null
+};
+
+//@ts-ignore
+var StyledVirtualizedTable = withStyles(muiStyles)(VirtualizedTableComponent);
+
+export { VirtualizedTableComponent, StyledVirtualizedTable as default };
+//# sourceMappingURL=VirtualizedTable.js.map

package/components/VirtualizedTable/VirtualizedTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedTable.js","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"sourcesContent":["import { useMemo, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Column, Table, SortDirection } from 'react-virtualized';\nimport { Typography, IconButton, Tooltip, withStyles } from '@material-ui/core';\nimport {\n  Settings as SettingsIcon,\n  ArrowDownward as ArrowDownwardIcon,\n  ArrowUpward as ArrowUpwardIcon,\n  Sort as SortIcon,\n} from '@material-ui/icons';\n\nimport { getUnitDisplay } from '../../utils/convert';\n\nconst DEFAULT_COLUMN_MIN_WIDTH = 65;\n\nconst muiStyles = theme => ({\n  table: {\n    '& .ReactVirtualized__Table__headerRow': {\n      textTransform: 'none',\n      borderBottom: theme.isLightTheme\n        ? '1px solid rgba(224, 224, 224, 1)'\n        : '1px solid rgba(81, 81, 81, 1)',\n    },\n    '& .ReactVirtualized__Table__row': {\n      borderBottom: theme.isLightTheme\n        ? '1px solid rgba(224, 224, 224, 1)'\n        : '1px solid rgba(81, 81, 81, 1)',\n    },\n    '& .ReactVirtualized__Table__Grid': {\n      outline: 'none',\n    },\n    '& .ReactVirtualized__Table__headerColumn': {\n      outline: 'none',\n    },\n  },\n  oddRow: {\n    backgroundColor: theme.isLightTheme ? 'rgba(189, 189, 189, 0.1)' : '#303030',\n  },\n  headerLabel: {\n    lineHeight: '14px',\n    fontSize: '12px',\n    fontStyle: 'normal',\n    letterSpacing: '-0.25px',\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n  },\n  cellData: {\n    lineHeight: '14px',\n    fontSize: '12px',\n    fontWeight: 'normal',\n    fontStyle: 'normal',\n    letterSpacing: '0.15px',\n  },\n  unitLabel: {\n    fontSize: '10px',\n    opacity: 0.5,\n  },\n  settingIcon: {\n    padding: '3px',\n    fontSize: '20px',\n  },\n  sortIcon: {\n    fontSize: '16px',\n  },\n});\n\nfunction getUnitText(columns, dataKey) {\n  const { unitType, customUnit } = columns.find(column => column.key === dataKey) || {};\n  if (customUnit) {\n    return `(${customUnit})`;\n  }\n\n  if (unitType) {\n    return `(${getUnitDisplay(unitType)})`;\n  }\n\n  return '';\n}\n\nfunction getHeaderLabelClassName(columns, dataKey) {\n  const { headerLabelClassName } = columns.find(column => column.key === dataKey) || {};\n  return headerLabelClassName || '';\n}\n\nfunction getHeaderLabelUnitClassName(columns, dataKey) {\n  const { headerLabelUnitClassName } = columns.find(column => column.key === dataKey) || {};\n  return headerLabelUnitClassName || '';\n}\n\nconst SETTING_COLUMN_WIDTH = 25;\n\ntype VirtualizedTableComponentProps = PropTypes.InferProps<typeof virtualizedTableComponentPropTypes>;\n\nexport const VirtualizedTableComponent = ({\n  columns,\n  data,\n  useColumnSetting,\n  useFixedColumnWidth,\n  onOpenSettingDlg,\n  classes,\n  width,\n  height,\n  headerHeight,\n  rowHeight,\n  showTopSettingIcon,\n  customMuiStyles,\n  isTopSettingIconShownAlways,\n  CustomCellRenderer,\n  customRowStyle,\n  sort,\n  sortBy,\n  sortDirection,\n}: VirtualizedTableComponentProps): JSX.Element => {\n  const appliedClasses = { ...classes, ...customMuiStyles };\n  const settingColumn = useMemo(() => {\n    return {\n      label: '',\n      key: 'setting',\n      width: useColumnSetting ? SETTING_COLUMN_WIDTH : 0,\n    };\n  }, [useColumnSetting]);\n\n  const visibleColumns = useMemo(() => {\n    return columns.filter(column => column.show);\n  }, [columns]);\n\n  // NOTE: Add setting column\n  const tableColumns = useMemo(() => {\n    return useColumnSetting ? [...visibleColumns, settingColumn] : visibleColumns;\n  }, [visibleColumns, useColumnSetting, settingColumn]);\n\n  const columnWidthDict = useMemo(() => {\n    if (width <= 0) {\n      return {};\n    }\n\n    // NOTE: Reserve space for setting column\n    const result = {\n      [settingColumn.key]: settingColumn.width,\n    };\n\n    // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width\n    const adjustedColumns = [];\n\n    // NOTE: Give fixed width to the columns with \"width\" field\n    visibleColumns\n      .filter(column => Number.isFinite(column.width))\n      .forEach(column => {\n        result[column.key] = column.width - 1;\n        adjustedColumns.push(column.width - 1);\n      });\n\n    visibleColumns\n      .filter(column => !Number.isFinite(column.width))\n      .forEach(column => {\n        // NOTE: Width sum of adjusted columns\n        const sumOfAdjustColumnWidth = adjustedColumns.reduce(\n          (subResult, columnWidth) => subResult + columnWidth,\n          0\n        );\n        // NOTE: Expected space for the column\n        const calculatedWidth = Math.floor(\n          (width - sumOfAdjustColumnWidth - settingColumn.width) /\n            (visibleColumns.length - adjustedColumns.length)\n        );\n\n        const requiredWidth = column.minWidth || DEFAULT_COLUMN_MIN_WIDTH;\n        const adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;\n        result[column.key] = adjustedWidth - 1;\n        adjustedColumns.push(adjustedWidth - 1);\n      });\n\n    return result;\n  }, [width, visibleColumns, settingColumn]);\n\n  // NOTE: Calculate table width from adjusted columns width\n  const tableWidth = useMemo(() => {\n    return Object.values(columnWidthDict).reduce((result, item) => result + item, 0);\n  }, [columnWidthDict]);\n\n  const isTopSettingIconShown =\n    isTopSettingIconShownAlways || tableWidth - SETTING_COLUMN_WIDTH / 2 >= width;\n\n  useEffect(() => {\n    showTopSettingIcon(isTopSettingIconShown);\n  }, [isTopSettingIconShown]);\n\n  // NOTE: react-virtualzed table props\n  const rowClassName = ({ index }) => {\n    return classNames({\n      [appliedClasses.oddRow]: index % 2 === 1,\n    });\n  };\n\n  // NOTE: table header\n  const headerRenderer = headerData => {\n    const { label, dataKey } = headerData;\n\n    const isSortable = sortBy || sortDirection || sort;\n\n    if (dataKey === settingColumn.key) {\n      return !isTopSettingIconShown ? (\n        <IconButton\n          size=\"small\"\n          aria-label=\"customize columns\"\n          className={appliedClasses.settingIcon}\n          onClick={onOpenSettingDlg}\n        >\n          <SettingsIcon fontSize=\"inherit\" />\n        </IconButton>\n      ) : null;\n    }\n    return (\n      <Typography\n        variant=\"body2\"\n        className={classNames(\n          appliedClasses.headerLabel,\n          getHeaderLabelClassName(columns, dataKey)\n        )}\n      >\n        {label}&nbsp;\n        <span\n          className={classNames(\n            appliedClasses.unitLabel,\n            getHeaderLabelUnitClassName(columns, dataKey)\n          )}\n        >\n          {getUnitText(columns, dataKey)}\n        </span>\n        {isSortable && dataKey !== sortBy && (\n          <Tooltip title=\"Sort A-Z\">\n            <SortIcon fontSize=\"small\" className={classes.sortIcon} />\n          </Tooltip>\n        )}\n        {isSortable &&\n          dataKey === sortBy &&\n          (sortDirection === SortDirection.ASC ? (\n            <ArrowUpwardIcon fontSize=\"small\" className={classes.sortIcon} />\n          ) : (\n            <ArrowDownwardIcon fontSize=\"small\" className={classes.sortIcon} />\n          ))}\n      </Typography>\n    );\n  };\n\n  // NOTE: table body cells\n  const cellRenderer = cellData => {\n    const { dataKey, rowData } = cellData;\n    if (CustomCellRenderer) {\n      return <CustomCellRenderer columnKey={dataKey} value={rowData[dataKey]} />;\n    }\n    return (\n      <Typography variant=\"body2\" className={appliedClasses.cellData}>\n        {rowData[dataKey]}\n      </Typography>\n    );\n  };\n\n  return (\n    <>\n      <Table\n        width={useFixedColumnWidth ? tableWidth : width}\n        height={height}\n        headerHeight={headerHeight}\n        rowClassName={rowClassName}\n        rowHeight={rowHeight}\n        rowCount={data.length}\n        rowGetter={({ index }) => data[index]}\n        rowStyle={customRowStyle || {}} // Optional custom inline style\n        className={appliedClasses.table}\n        sort={sort}\n        sortBy={sortBy}\n        sortDirection={sortDirection}\n      >\n        {tableColumns.map(column => (\n          <Column\n            key={column.key}\n            width={columnWidthDict[column.key] || 0}\n            dataKey={column.key}\n            label={column.label}\n            headerRenderer={headerRenderer}\n            cellRenderer={cellRenderer}\n          />\n        ))}\n      </Table>\n    </>\n  );\n}\n\nconst virtualizedTableComponentPropTypes = {\n  columns: PropTypes.arrayOf(PropTypes.shape({\n    show: PropTypes.bool,\n    minWidth: PropTypes.number,\n    width: PropTypes.number,\n    key: PropTypes.string,\n    label: PropTypes.string,\n  })).isRequired,\n  data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n\n  useColumnSetting: PropTypes.bool.isRequired,\n  useFixedColumnWidth: PropTypes.bool.isRequired,\n  headerHeight: PropTypes.number.isRequired,\n  rowHeight: PropTypes.number.isRequired,\n\n  width: PropTypes.number.isRequired,\n  height: PropTypes.number.isRequired,\n  onOpenSettingDlg: PropTypes.func.isRequired,\n  showTopSettingIcon: PropTypes.func.isRequired,\n\n  sort: PropTypes.func,\n  sortBy: PropTypes.string,\n  sortDirection: PropTypes.string,\n\n  classes: PropTypes.shape({\n    sortIcon: PropTypes.string,\n  }).isRequired,\n\n  customMuiStyles: PropTypes.shape({\n    table: PropTypes.string,\n    oddRow: PropTypes.string,\n    headerLabel: PropTypes.string,\n    cellData: PropTypes.string,\n    unitLabel: PropTypes.string,\n    settingIcon: PropTypes.string,\n  }).isRequired,\n  isTopSettingIconShownAlways: PropTypes.bool.isRequired,\n\n  CustomCellRenderer: PropTypes.func,\n  customRowStyle: PropTypes.func,\n};\n\nVirtualizedTableComponent.propTypes = virtualizedTableComponentPropTypes;\n\nVirtualizedTableComponent.defaultProps = {\n  CustomCellRenderer: null,\n  customRowStyle: null,\n  sort: null,\n  sortBy: null,\n  sortDirection: null,\n};\n\n//@ts-ignore\nexport default withStyles(muiStyles)(VirtualizedTableComponent);\n"],"names":["DEFAULT_COLUMN_MIN_WIDTH","muiStyles","theme","table","textTransform","borderBottom","isLightTheme","outline","oddRow","backgroundColor","headerLabel","lineHeight","fontSize","fontStyle","letterSpacing","display","alignItems","flexWrap","cellData","fontWeight","unitLabel","opacity","settingIcon","padding","sortIcon","getUnitText","columns","dataKey","find","column","key","unitType","customUnit","getUnitDisplay","getHeaderLabelClassName","headerLabelClassName","getHeaderLabelUnitClassName","headerLabelUnitClassName","SETTING_COLUMN_WIDTH","VirtualizedTableComponent","data","useColumnSetting","useFixedColumnWidth","onOpenSettingDlg","classes","width","height","headerHeight","rowHeight","showTopSettingIcon","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","customRowStyle","sort","sortBy","sortDirection","appliedClasses","settingColumn","useMemo","label","visibleColumns","filter","show","tableColumns","columnWidthDict","result","adjustedColumns","Number","isFinite","forEach","push","sumOfAdjustColumnWidth","reduce","subResult","columnWidth","calculatedWidth","Math","floor","length","requiredWidth","minWidth","adjustedWidth","tableWidth","Object","values","item","isTopSettingIconShown","useEffect","rowClassName","index","classNames","headerRenderer","headerData","isSortable","_jsx","SettingsIcon","_jsxs","SortIcon","SortDirection","ASC","ArrowUpwardIcon","ArrowDownwardIcon","cellRenderer","rowData","_Fragment","map","virtualizedTableComponentPropTypes","PropTypes","arrayOf","shape","bool","number","string","isRequired","func","propTypes","defaultProps","withStyles"],"mappings":"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"}

package/components/VirtualizedTable/index.js

@@ -1 +1,158 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useState as n,useMemo as r}from"react";import i from"prop-types";import{AutoSizer as u}from"react-virtualized";import{makeStyles as s,IconButton as l}from"@material-ui/core";import c from"@material-ui/icons/Settings";import a from"./CustomizeColumnsDialog.js";import m from"./VirtualizedTable.js";import{jsxs as p,Fragment as f,jsx as h}from"react/jsx-runtime";var g=["columns","useColumnSetting","savedColumns","onChangeColumns","customMuiStyles"];function d(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?d(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var C=s({vtTopSetting:{position:"relative",height:"25px"},vtTopSettingIcon:{position:"fixed",right:"20px",padding:"3px",fontSize:"20px"}});function b(e){var i=e.columns,s=e.useColumnSetting,d=e.savedColumns,b=e.onChangeColumns,S=e.customMuiStyles,O=o(e,g),v=C(),w=n(!1),j=t(w,2),P=j[0],T=j[1],x=n(!1),D=t(x,2),k=D[0],z=D[1],I=r((function(){var e=[];return d.forEach((function(t){var o=i.find((function(e){return e.key===t.key}));o&&e.push(y(y({},o),{},{show:t.show}))})),i.forEach((function(t){e.find((function(e){return e.key===t.key}))||e.push(t)})),e}),[i,d]),M=s&&k?25:0;return p(f,{children:[s&&k&&h("div",{className:v.vtTopSetting,children:h(l,{size:"small",className:v.vtTopSettingIcon,onClick:function(){return T(!0)},children:h(c,{fontSize:"inherit"})})}),h(u,{children:function(e){var t=e.width,o=e.height;return h(m,y({width:t,height:o-M,columns:I,useColumnSetting:s,onOpenSettingDlg:function(){return T(!0)},showTopSettingIcon:function(e){return z(e)},customMuiStyles:S},O))}}),h(a,{open:P,columns:I,handleCloseWithCancel:function(){return T(!1)},handleCloseWithOK:function(e){b&&b(e),T(!1)}})]})}b.propTypes={columns:i.arrayOf(i.shape({})),data:i.arrayOf(i.shape({})),useColumnSetting:i.bool,useFixedColumnWidth:i.bool,headerHeight:i.number,rowHeight:i.number,savedColumns:i.arrayOf(i.shape({})),onChangeColumns:i.func,customMuiStyles:i.shape({}),isTopSettingIconShownAlways:i.bool,CustomCellRenderer:i.func,customRowStyle:i.func,sort:i.func,sortBy:i.string,sortDirection:i.string},b.defaultProps={columns:[],data:[],useColumnSetting:!1,useFixedColumnWidth:!1,headerHeight:50,rowHeight:35,savedColumns:[],onChangeColumns:null,customMuiStyles:{},isTopSettingIconShownAlways:!1,CustomCellRenderer:null,customRowStyle:null,sort:null,sortBy:null,sortDirection:null};export{b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { AutoSizer } from 'react-virtualized';
+import { makeStyles, IconButton } from '@material-ui/core';
+import SettingsIcon from '@material-ui/icons/Settings';
+import CustomizeColumnsDialog from './CustomizeColumnsDialog.js';
+import StyledVirtualizedTable from './VirtualizedTable.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["columns", "useColumnSetting", "savedColumns", "onChangeColumns", "customMuiStyles"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles({
+  vtTopSetting: {
+    position: 'relative',
+    height: '25px'
+  },
+  vtTopSettingIcon: {
+    position: 'fixed',
+    right: '20px',
+    padding: '3px',
+    fontSize: '20px'
+  }
+});
+function VTableComponent(_ref) {
+  var columns = _ref.columns,
+    useColumnSetting = _ref.useColumnSetting,
+    savedColumns = _ref.savedColumns,
+    onChangeColumns = _ref.onChangeColumns,
+    customMuiStyles = _ref.customMuiStyles,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var classes = useStyles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showSetting = _useState4[0],
+    setShowSetting = _useState4[1];
+
+  // NOTE: Validate and adjust the stored columns
+  var adjustedColumns = useMemo(function () {
+    var result = [];
+
+    // NOTE: Check if stored columns are still valid
+    savedColumns.forEach(function (savedColumn) {
+      var foundColumn = columns.find(function (column) {
+        return column.key === savedColumn.key;
+      });
+      if (foundColumn) {
+        result.push(_objectSpread(_objectSpread({}, foundColumn), {}, {
+          show: savedColumn.show
+        }));
+      }
+    });
+
+    // NOTE: Add modified or new columns
+    columns.forEach(function (column) {
+      var existingColumn = result.find(function (item) {
+        return item.key === column.key;
+      });
+      if (!existingColumn) {
+        result.push(column);
+      }
+    });
+    return result;
+  }, [columns, savedColumns]);
+  var settingRowHeight = useColumnSetting && showSetting ? 25 : 0;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [useColumnSetting && showSetting && /*#__PURE__*/jsx("div", {
+      className: classes.vtTopSetting,
+      children: /*#__PURE__*/jsx(IconButton, {
+        size: "small",
+        className: classes.vtTopSettingIcon,
+        onClick: function onClick() {
+          return setOpen(true);
+        },
+        children: /*#__PURE__*/jsx(SettingsIcon, {
+          fontSize: "inherit"
+        })
+      })
+    }), /*#__PURE__*/jsx(AutoSizer, {
+      children: function children(_ref2) {
+        var width = _ref2.width,
+          height = _ref2.height;
+        return /*#__PURE__*/jsx(StyledVirtualizedTable, _objectSpread({
+          width: width,
+          height: height - settingRowHeight,
+          columns: adjustedColumns,
+          useColumnSetting: useColumnSetting,
+          onOpenSettingDlg: function onOpenSettingDlg() {
+            return setOpen(true);
+          },
+          showTopSettingIcon: function showTopSettingIcon(bShow) {
+            return setShowSetting(bShow);
+          },
+          customMuiStyles: customMuiStyles
+        }, otherProps));
+      }
+    }), /*#__PURE__*/jsx(CustomizeColumnsDialog, {
+      open: open,
+      columns: adjustedColumns,
+      handleCloseWithCancel: function handleCloseWithCancel() {
+        return setOpen(false);
+      },
+      handleCloseWithOK: function handleCloseWithOK(newColumns) {
+        if (onChangeColumns) {
+          onChangeColumns(newColumns);
+        }
+        setOpen(false);
+      }
+    })]
+  });
+}
+VTableComponent.propTypes = {
+  columns: PropTypes.arrayOf(PropTypes.shape({})),
+  data: PropTypes.arrayOf(PropTypes.shape({})),
+  useColumnSetting: PropTypes.bool,
+  useFixedColumnWidth: PropTypes.bool,
+  headerHeight: PropTypes.number,
+  rowHeight: PropTypes.number,
+  // NOTE: Someone may need to modify some columns or add/delte some columns
+  // So we should keep another array for the order and visibility of columns. 'savedColumns' is for it.
+  savedColumns: PropTypes.arrayOf(PropTypes.shape({})),
+  onChangeColumns: PropTypes.func,
+  customMuiStyles: PropTypes.shape({}),
+  isTopSettingIconShownAlways: PropTypes.bool,
+  CustomCellRenderer: PropTypes.func,
+  customRowStyle: PropTypes.func,
+  // NOTE: Sortable feature
+  sort: PropTypes.func,
+  sortBy: PropTypes.string,
+  sortDirection: PropTypes.string
+};
+VTableComponent.defaultProps = {
+  columns: [],
+  data: [],
+  useColumnSetting: false,
+  useFixedColumnWidth: false,
+  headerHeight: 50,
+  rowHeight: 35,
+  savedColumns: [],
+  onChangeColumns: null,
+  customMuiStyles: {},
+  isTopSettingIconShownAlways: false,
+  CustomCellRenderer: null,
+  customRowStyle: null,
+  sort: null,
+  sortBy: null,
+  sortDirection: null
+};
+
+export { VTableComponent as default };
+//# sourceMappingURL=index.js.map