@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/VirtualizedTable/VirtualizedTable.js

@@ -1 +1,318 @@
-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 _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { getUnitDisplay } from '../../utils/convert.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { withStyles, IconButton, Typography, Tooltip } from '@material-ui/core';
+import { useMemo, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { Settings, Sort, ArrowUpward, ArrowDownward } from '@material-ui/icons';
+import { Table, Column, SortDirection } from 'react-virtualized';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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;
+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);
+      })
+    })
+  });
+}
+VirtualizedTableComponent.propTypes = {
+  columns: PropTypes.arrayOf(PropTypes.shape({})).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({}).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.defaultProps = {
+  CustomCellRenderer: null,
+  customRowStyle: null,
+  sort: null,
+  sortBy: null,
+  sortDirection: null
+};
+var StyledVirtualizedTable = withStyles(muiStyles)(VirtualizedTableComponent);
+
+export default StyledVirtualizedTable;
+export { VirtualizedTableComponent };
+//# sourceMappingURL=VirtualizedTable.js.map

package/components/VirtualizedTable/VirtualizedTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedTable.js","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.js"],"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\nexport function 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}) {\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\nVirtualizedTableComponent.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.shape({})).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({}).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.defaultProps = {\n  CustomCellRenderer: null,\n  customRowStyle: null,\n  sort: null,\n  sortBy: null,\n  sortDirection: null,\n};\n\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","map","propTypes","PropTypes","arrayOf","shape","isRequired","bool","number","func","string","defaultProps","withStyles"],"mappings":"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"}

package/components/VirtualizedTable/index.js

@@ -1 +1,164 @@
-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 { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { makeStyles, IconButton } from '@material-ui/core';
+import { useState, useMemo } from 'react';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { AutoSizer } from 'react-virtualized';
+import SettingsIcon from '@material-ui/icons/Settings';
+import CustomizeColumnsDialog from './CustomizeColumnsDialog.js';
+import StyledVirtualizedTable from './VirtualizedTable.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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, ["columns", "useColumnSetting", "savedColumns", "onChangeColumns", "customMuiStyles"]);
+
+  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 default VTableComponent;
+//# sourceMappingURL=index.js.map

package/components/VirtualizedTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/VirtualizedTable/index.js"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { AutoSizer } from 'react-virtualized';\nimport { IconButton, makeStyles } from '@material-ui/core';\nimport SettingsIcon from '@material-ui/icons/Settings';\n\nimport CustomizeColumnsDialog from './CustomizeColumnsDialog';\nimport StyledVirtualizedTable from './VirtualizedTable';\n\nconst useStyles = makeStyles({\n  vtTopSetting: {\n    position: 'relative',\n    height: '25px',\n  },\n  vtTopSettingIcon: {\n    position: 'fixed',\n    right: '20px',\n    padding: '3px',\n    fontSize: '20px',\n  },\n});\n\nfunction VTableComponent({\n  columns,\n  useColumnSetting,\n  savedColumns,\n  onChangeColumns,\n  customMuiStyles,\n  ...otherProps\n}) {\n  const classes = useStyles();\n  const [open, setOpen] = useState(false);\n  const [showSetting, setShowSetting] = useState(false);\n\n  // NOTE: Validate and adjust the stored columns\n  const adjustedColumns = useMemo(() => {\n    const result = [];\n\n    // NOTE: Check if stored columns are still valid\n    savedColumns.forEach(savedColumn => {\n      const foundColumn = columns.find(column => column.key === savedColumn.key);\n      if (foundColumn) {\n        result.push({\n          ...foundColumn,\n          show: savedColumn.show,\n        });\n      }\n    });\n\n    // NOTE: Add modified or new columns\n    columns.forEach(column => {\n      const existingColumn = result.find(item => item.key === column.key);\n      if (!existingColumn) {\n        result.push(column);\n      }\n    });\n\n    return result;\n  }, [columns, savedColumns]);\n\n  const settingRowHeight = useColumnSetting && showSetting ? 25 : 0;\n\n  return (\n    <>\n      {useColumnSetting && showSetting && (\n        <div className={classes.vtTopSetting}>\n          <IconButton\n            size=\"small\"\n            className={classes.vtTopSettingIcon}\n            onClick={() => setOpen(true)}\n          >\n            <SettingsIcon fontSize=\"inherit\" />\n          </IconButton>\n        </div>\n      )}\n      <AutoSizer>\n        {({ width, height }) => (\n          <StyledVirtualizedTable\n            width={width}\n            height={height - settingRowHeight}\n            columns={adjustedColumns}\n            useColumnSetting={useColumnSetting}\n            onOpenSettingDlg={() => setOpen(true)}\n            showTopSettingIcon={bShow => setShowSetting(bShow)}\n            customMuiStyles={customMuiStyles}\n            {...otherProps}\n          />\n        )}\n      </AutoSizer>\n\n      <CustomizeColumnsDialog\n        open={open}\n        columns={adjustedColumns}\n        handleCloseWithCancel={() => setOpen(false)}\n        handleCloseWithOK={newColumns => {\n          if (onChangeColumns) {\n            onChangeColumns(newColumns);\n          }\n          setOpen(false);\n        }}\n      />\n    </>\n  );\n}\n\nVTableComponent.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.shape({})),\n  data: PropTypes.arrayOf(PropTypes.shape({})),\n  useColumnSetting: PropTypes.bool,\n  useFixedColumnWidth: PropTypes.bool,\n  headerHeight: PropTypes.number,\n  rowHeight: PropTypes.number,\n  // NOTE: Someone may need to modify some columns or add/delte some columns\n  // So we should keep another array for the order and visibility of columns. 'savedColumns' is for it.\n  savedColumns: PropTypes.arrayOf(PropTypes.shape({})),\n  onChangeColumns: PropTypes.func,\n  customMuiStyles: PropTypes.shape({}),\n  isTopSettingIconShownAlways: PropTypes.bool,\n  CustomCellRenderer: PropTypes.func,\n  customRowStyle: PropTypes.func,\n\n  // NOTE: Sortable feature\n  sort: PropTypes.func,\n  sortBy: PropTypes.string,\n  sortDirection: PropTypes.string,\n};\n\nVTableComponent.defaultProps = {\n  columns: [],\n  data: [],\n  useColumnSetting: false,\n  useFixedColumnWidth: false,\n  headerHeight: 50,\n  rowHeight: 35,\n  savedColumns: [],\n  onChangeColumns: null,\n  customMuiStyles: {},\n  isTopSettingIconShownAlways: false,\n  CustomCellRenderer: null,\n  customRowStyle: null,\n  sort: null,\n  sortBy: null,\n  sortDirection: null,\n};\nexport default VTableComponent;\n"],"names":["useStyles","makeStyles","vtTopSetting","position","height","vtTopSettingIcon","right","padding","fontSize","VTableComponent","columns","useColumnSetting","savedColumns","onChangeColumns","customMuiStyles","otherProps","classes","useState","open","setOpen","showSetting","setShowSetting","adjustedColumns","useMemo","result","forEach","savedColumn","foundColumn","find","column","key","push","show","existingColumn","item","settingRowHeight","_jsxs","_jsx","width","bShow","newColumns","propTypes","PropTypes","arrayOf","shape","data","bool","useFixedColumnWidth","headerHeight","number","rowHeight","func","isTopSettingIconShownAlways","CustomCellRenderer","customRowStyle","sort","sortBy","string","sortDirection","defaultProps"],"mappings":"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"}