es-grid-template/lib/table-component/footer/TableFooterCell.js

es-grid-template

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _utils = require("../hook/utils");
var _useContext = require("../useContext");
var _classnames = _interopRequireDefault(require("classnames"));
var _hooks = require("../../grid-component/hooks");
var _reactNumericComponent = require("react-numeric-component");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
const TableFooterCell = ({
  column
}) => {
  const isPinned = column.getIsPinned();
  const isLastLeftPinnedColumn = isPinned === 'left' && column.getIsLastColumn('left');
  const isFirstRightPinnedColumn = isPinned === 'right' && column.getIsFirstColumn('right');
  const {
    prefix,
    format,
    dataSource
  } = (0, _react.useContext)(_useContext.TableContext);
  const col = column.columnDef.meta ?? {};
  const colFormat = typeof col.format === 'function' ? col.format({}) : col.format;
  const cellFormat = (0, _utils.getFormat)(colFormat, format);
  const thousandSeparator = cellFormat?.thousandSeparator;
  const decimalSeparator = cellFormat?.decimalSeparator;

  // const dec = (col.format?.decimalScale || col.format?.decimalScale === 0) ? col.format?.decimalScale : format?.decimalScale
  const dec = cellFormat?.decimalScale;

  // const sumValue = col.type === 'number' ? sumDataByField(filterDataByColumns4(dataSource, filterStates) as any[], col?.key as string) : 0
  const sumValue = col.type === 'number' ? (0, _hooks.sumByField)(dataSource, col?.field) : 0;
  const value = !(0, _utils.isEmpty)(sumValue) ? dec || dec === 0 ? parseFloat(Number(sumValue).toFixed(dec)).toString() : sumValue.toString() : '0';
  const cellValue = col.type === 'number' && col.isSummary !== false ? value : '';
  const numberValue = Number(value);
  const numericFormatProps = {
    thousandSeparator: (0, _utils.checkThousandSeparator)(thousandSeparator, decimalSeparator),
    decimalSeparator: (0, _utils.checkDecimalSeparator)(thousandSeparator, decimalSeparator),
    allowNegative: cellFormat?.allowNegative ?? false,
    prefix: cellFormat?.prefix,
    suffix: cellFormat?.suffix,
    decimalScale: dec,
    fixedDecimalScale: cellFormat?.fixedDecimalScale ?? false
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    // ref={el => {
    //   if (el) columnVirtualizer.measureElement(el)
    // }}
    // data-index={header.id}

    className: (0, _classnames.default)(`${prefix}-grid-cell`, {
      //  [`${prefix}-grid-cell-ellipsis`]:!wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Header')),
      //  [`${prefix}-grid-cell-wrap`]:  wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Header'),
      [`${prefix}-grid-cell-fix-left-last`]: isLastLeftPinnedColumn,
      [`${prefix}-grid-cell-fix-right-first`]: isFirstRightPinnedColumn,
      [`${prefix}-grid-cell-text-right`]: true
    }),
    key: column.id
    // colSpan={header.colSpan}
    ,
    style: {
      display: 'flex',
      ...(0, _utils.getCommonPinningStyles)(column),
      // width: column?.getSize() ?? column.getSize(),
      minWidth: column?.getSize()
      // backgroundColor: "#fafafa",
    }
  }, column.id !== "id" && column.id !== "selection_column" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, col.summaryTemplate ? col.summaryTemplate(numberValue, col.field) : (0, _reactNumericComponent.numericFormatter)(cellValue, numericFormatProps)) : '');
};
var _default = exports.default = TableFooterCell;