@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/VirtualizedTable/VirtualizedTable.js

@@ -1 +1,289 @@
-import{__assign as e,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n,Fragment as r,jsxs as i}from"react/jsx-runtime";import{useMemo as o,useEffect as l}from"react";import a from"classnames";import{Table as u,Column as c,SortDirection as s}from"react-virtualized";import{makeStyles as d,IconButton as m,Typography as f,Tooltip as h}from"@material-ui/core";import{Settings as p,Sort as g,ArrowUpward as b,ArrowDownward as y}from"@material-ui/icons";import{getUnitDisplay as w}from"../../utils/convert.js";var v=d((function(e){return{table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}));function S(e,t){var n=e.find((function(e){return e.key===t}))||{},r=n.unitType,i=n.customUnit;return i?"(".concat(i,")"):r?"(".concat(w(r),")"):""}function x(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function _(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var z=function(d){var w=d.columns,z=d.data,C=d.useColumnSetting,k=d.useFixedColumnWidth,N=d.onOpenSettingDlg,R=d.width,T=d.height,I=d.headerHeight,L=d.rowHeight,D=d.showTopSettingIcon,H=d.customMuiStyles,B=d.isTopSettingIconShownAlways,K=d.CustomCellRenderer,j=void 0===K?null:K,V=d.CustomHeaderCellRenderer,W=void 0===V?null:V,A=d.customRowStyle,F=void 0===A?null:A,E=d.sort,G=void 0===E?null:E,M=d.sortBy,O=void 0===M?null:M,U=d.sortDirection,Z=void 0===U?null:U,q=d.onScroll,J=void 0===q?function(){return null}:q,P=v(),Q=e(e({},P),H),X=o((function(){return{label:"",key:"setting",width:C?25:0}}),[C]),Y=o((function(){return w.filter((function(e){return e.show}))}),[w]),$=o((function(){return C?t(t([],Y,!0),[X],!1):Y}),[Y,C,X]),ee=o((function(){var e;if(R<=0)return{};var t=((e={})[X.key]=X.width,e),n=[];return Y.filter((function(e){return Number.isFinite(e.width)})).forEach((function(e){t[e.key]=e.width-1,n.push(e.width-1)})),Y.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(e){var r=n.reduce((function(e,t){return e+t}),0),i=Math.floor((R-r-X.width)/(Y.length-n.length)),o=e.minWidth||65,l=i<o?o:i;t[e.key]=l-1,n.push(l-1)})),t}),[R,Y,X]),te=o((function(){return Object.values(ee).reduce((function(e,t){return e+t}),0)}),[ee]),ne=B||te-12.5>=R;l((function(){D(ne)}),[ne]);var re=function(e){var t=e.label,r=e.dataKey,o=O||Z||G;return W?n(W,{columnKey:r,columns:w,sortBy:O,sortDirection:Z}):r===X.key?ne?null:n(m,{size:"small","aria-label":"customize columns",className:Q.settingIcon,onClick:N,children:n(p,{fontSize:"inherit"})}):i(f,{variant:"body2",className:a(Q.headerLabel,x(w,r)),children:[t," ",n("span",{className:a(Q.unitLabel,_(w,r)),children:S(w,r)}),o&&r!==O&&n(h,{title:"Sort A-Z",children:n(g,{fontSize:"small",className:P.sortIcon})}),o&&r===O&&(Z===s.ASC?n(b,{fontSize:"small",className:P.sortIcon}):n(y,{fontSize:"small",className:P.sortIcon}))]})},ie=function(e){var t=e.dataKey,r=e.rowData;return j?n(j,{columnKey:t,value:r[t],rowData:r,columns:w}):n(f,{variant:"body2",className:Q.cellData,children:r[t]})};return n(r,{children:n(u,{width:k?te:R,height:T,headerHeight:I,rowClassName:function(e){var t,n=e.index;return a(((t={})[Q.oddRow]=n%2==1,t))},rowHeight:L,rowCount:z.length,rowGetter:function(e){var t=e.index;return z[t]},rowStyle:F||{},className:Q.table,sort:G,sortBy:O,sortDirection:Z,onScroll:J,children:$.map((function(e){return n(c,{width:ee[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:re,cellRenderer:ie},e.key)}))})})};export{z as VirtualizedTableComponent,z as default};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo, useEffect } from 'react';
+import classNames from 'classnames';
+import { Table, Column, SortDirection } from 'react-virtualized';
+import { makeStyles, 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 useStyles = makeStyles(function (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,
+    width = _ref4.width,
+    height = _ref4.height,
+    headerHeight = _ref4.headerHeight,
+    rowHeight = _ref4.rowHeight,
+    showTopSettingIcon = _ref4.showTopSettingIcon,
+    customMuiStyles = _ref4.customMuiStyles,
+    isTopSettingIconShownAlways = _ref4.isTopSettingIconShownAlways,
+    _ref4$CustomCellRende = _ref4.CustomCellRenderer,
+    CustomCellRenderer = _ref4$CustomCellRende === void 0 ? null : _ref4$CustomCellRende,
+    _ref4$CustomHeaderCel = _ref4.CustomHeaderCellRenderer,
+    CustomHeaderCellRenderer = _ref4$CustomHeaderCel === void 0 ? null : _ref4$CustomHeaderCel,
+    _ref4$customRowStyle = _ref4.customRowStyle,
+    customRowStyle = _ref4$customRowStyle === void 0 ? null : _ref4$customRowStyle,
+    _ref4$sort = _ref4.sort,
+    sort = _ref4$sort === void 0 ? null : _ref4$sort,
+    _ref4$sortBy = _ref4.sortBy,
+    sortBy = _ref4$sortBy === void 0 ? null : _ref4$sortBy,
+    _ref4$sortDirection = _ref4.sortDirection,
+    sortDirection = _ref4$sortDirection === void 0 ? null : _ref4$sortDirection,
+    _ref4$onScroll = _ref4.onScroll,
+    onScroll = _ref4$onScroll === void 0 ? function () {
+      return null;
+    } : _ref4$onScroll;
+  var classes = useStyles();
+  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 (CustomHeaderCellRenderer) {
+      return /*#__PURE__*/jsx(CustomHeaderCellRenderer, {
+        columnKey: dataKey,
+        columns: columns,
+        sortBy: sortBy,
+        sortDirection: sortDirection
+      });
+    }
+    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],
+        rowData: rowData,
+        columns: columns
+      });
+    }
+    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,
+      onScroll: onScroll,
+      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);
+      })
+    })
+  });
+};
+
+export { VirtualizedTableComponent, VirtualizedTableComponent 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 { MouseEventHandler, ReactNode, useEffect, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { Column, SortDirection, Table } from 'react-virtualized';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n  ArrowDownward as ArrowDownwardIcon,\n  ArrowUpward as ArrowUpwardIcon,\n  Settings as SettingsIcon,\n  Sort as SortIcon,\n} from '@material-ui/icons';\n\nimport { getUnitDisplay } from '../../utils/convert';\nimport { VirtualizedTableProps } from './index';\n\nconst DEFAULT_COLUMN_MIN_WIDTH = 65;\n\nconst useStyles = makeStyles(theme => ({\n  table: {\n    '& .ReactVirtualized__Table__headerRow': {\n      textTransform: 'none',\n      borderBottom: (theme as any).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 as any).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 as any).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: VirtualizedTableProps['columns'], dataKey: string) {\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: VirtualizedTableProps['columns'], dataKey: string) {\n  const { headerLabelClassName } = columns.find(column => column.key === dataKey) || {};\n  return headerLabelClassName || '';\n}\n\nfunction getHeaderLabelUnitClassName(columns: VirtualizedTableProps['columns'], dataKey: string) {\n  const { headerLabelUnitClassName } = columns.find(column => column.key === dataKey) || {};\n  return headerLabelUnitClassName || '';\n}\n\nconst SETTING_COLUMN_WIDTH = 25;\n\nexport const VirtualizedTableComponent = ({\n  columns,\n  data,\n  useColumnSetting,\n  useFixedColumnWidth,\n  onOpenSettingDlg,\n  width,\n  height,\n  headerHeight,\n  rowHeight,\n  showTopSettingIcon,\n  customMuiStyles,\n  isTopSettingIconShownAlways,\n  CustomCellRenderer = null,\n  CustomHeaderCellRenderer = null,\n  customRowStyle = null,\n  sort = null,\n  sortBy = null,\n  sortDirection = null,\n  onScroll = () => null,\n}: Omit<VirtualizedTableProps, 'savedColumns' | 'onChangeColumns'> & {\n  width: number;\n  height: number;\n  onOpenSettingDlg: MouseEventHandler;\n  showTopSettingIcon: (show: boolean) => void;\n}): JSX.Element => {\n  const classes = useStyles();\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: number[] = [];\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 }: { index: number }) => {\n    return classNames({\n      [appliedClasses.oddRow]: index % 2 === 1,\n    });\n  };\n\n  // NOTE: table header\n  const headerRenderer = (headerData: { label: ReactNode; dataKey: string }) => {\n    const { label, dataKey } = headerData;\n\n    const isSortable = sortBy || sortDirection || sort;\n\n    if (CustomHeaderCellRenderer) {\n      return (\n        <CustomHeaderCellRenderer\n          columnKey={dataKey}\n          columns={columns}\n          sortBy={sortBy}\n          sortDirection={sortDirection}\n        />\n      );\n    }\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: { dataKey: string; rowData: any }) => {\n    const { dataKey, rowData } = cellData;\n    if (CustomCellRenderer) {\n      return <CustomCellRenderer columnKey={dataKey} value={rowData[dataKey]} rowData={rowData} columns={columns} />;\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 }: { index: number }) => data[index]}\n        rowStyle={customRowStyle || {}} // Optional custom inline style\n        className={appliedClasses.table}\n        sort={sort}\n        sortBy={sortBy}\n        sortDirection={sortDirection}\n        onScroll={onScroll}\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\nexport default VirtualizedTableComponent;\n"],"names":["DEFAULT_COLUMN_MIN_WIDTH","useStyles","makeStyles","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","width","height","headerHeight","rowHeight","showTopSettingIcon","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","CustomHeaderCellRenderer","customRowStyle","sort","sortBy","sortDirection","onScroll","classes","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"],"mappings":"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"}

package/components/VirtualizedTable/index.js

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

package/components/VirtualizedTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/VirtualizedTable/index.tsx"],"sourcesContent":["import { ComponentType, useMemo, useState } from 'react';\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\ntype Column = {\n  minWidth: number;\n  width: number;\n  key: string;\n  label: string;\n  show?: boolean;\n  unitType?: string;\n  customUnit?: string;\n  headerLabelClassName?: string;\n  headerLabelUnitClassName?: string;\n};\n\nexport type VirtualizedTableProps = {\n  savedColumns?: Column[];\n  onChangeColumns?: (columns: Column[]) => void;\n\n  columns?: Column[];\n\n  data?: any[];\n\n  /**\n   * Controls the column selection\n   */\n  useColumnSetting?: boolean;\n  useFixedColumnWidth?: boolean;\n  headerHeight?: number;\n  rowHeight?: number;\n\n  sort?: (...args: any[]) => any;\n  sortBy?: string;\n  sortDirection?: string;\n\n  customMuiStyles?: {\n    table?: string;\n    oddRow?: string;\n    headerLabel?: string;\n    cellData?: string;\n    unitLabel?: string;\n    settingIcon?: string;\n  };\n  isTopSettingIconShownAlways?: boolean;\n\n  CustomCellRenderer?: ComponentType<{ columnKey: string; value: any; rowData?: any; columns?: Column[] }>;\n  CustomHeaderCellRenderer?: ComponentType<{\n    columnKey: string;\n    columns?: Column[];\n    sortBy?: string;\n    sortDirection?: string;\n  }>;\n  customRowStyle?: (...args: any[]) => any;\n  onScroll?: (...args: any[]) => any;\n};\n\nexport const VTableComponent = ({\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  CustomHeaderCellRenderer = null,\n  customRowStyle = null,\n  sort = null,\n  sortBy = null,\n  sortDirection = null,\n  ...otherProps\n}: VirtualizedTableProps) => {\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: VirtualizedTableProps['columns'] = [];\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 }: { width: number; height: number }) => (\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            data={data}\n            useFixedColumnWidth={useFixedColumnWidth}\n            headerHeight={headerHeight}\n            rowHeight={rowHeight}\n            isTopSettingIconShownAlways={isTopSettingIconShownAlways}\n            CustomCellRenderer={CustomCellRenderer}\n            CustomHeaderCellRenderer={CustomHeaderCellRenderer}\n            customRowStyle={customRowStyle}\n            sort={sort}\n            sortBy={sortBy}\n            sortDirection={sortDirection}\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\nexport default VTableComponent;\n"],"names":["useStyles","makeStyles","vtTopSetting","position","height","vtTopSettingIcon","right","padding","fontSize","VTableComponent","columns","data","useColumnSetting","useFixedColumnWidth","headerHeight","rowHeight","savedColumns","onChangeColumns","customMuiStyles","isTopSettingIconShownAlways","CustomCellRenderer","CustomHeaderCellRenderer","customRowStyle","sort","sortBy","sortDirection","otherProps","classes","useState","open","setOpen","showSetting","setShowSetting","adjustedColumns","useMemo","result","forEach","savedColumn","foundColumn","find","column","key","push","show","existingColumn","item","settingRowHeight","_jsxs","_Fragment","_jsx","width","StyledVirtualizedTable","bShow","newColumns"],"mappings":"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"}