drip-table/lib/layouts/calendar/index.js

A tiny and powerful enterprise-class solution for building tables.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

require("./index.less");

var _moment = _interopRequireDefault(require("moment"));

var _react = _interopRequireDefault(require("react"));

var _datePicker = _interopRequireDefault(require("../../components/react-components/date-picker"));

var _hooks = require("../../hooks");

var _ = require("../..");

var _utils = require("../table/utils");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function CalendarLayout(props) {
  var _useTableContext = (0, _hooks.useTableContext)(),
      tableProps = _useTableContext.props,
      tableInfo = _useTableContext.info,
      tableState = _useTableContext.state,
      createEvaluator = _useTableContext.createEvaluator,
      evaluate = _useTableContext.evaluate,
      safeEvaluate = _useTableContext.safeEvaluate,
      finalizeString = _useTableContext.finalizeString;

  var dataSource = tableProps.dataSource;

  var _dateRender = function dateRender(date, today, dataSources) {
    var record = dataSources.find(function (o) {
      return (0, _moment.default)(o.startDate).isSame(date, 'date');
    });
    var extraProps = {
      components: tableProps.components,
      ext: tableProps.ext,
      onEvent: tableProps.onEvent,
      onDataSourceChange: tableProps.onDataSourceChange,
      createEvaluator: createEvaluator,
      evaluate: evaluate,
      safeEvaluate: safeEvaluate,
      finalizeString: finalizeString,
      schemaFunctionPreprocessor: tableProps.schemaFunctionPreprocessor
    };
    return /*#__PURE__*/_react.default.createElement("div", {
      className: "jfe-drip-table-layout-calendar-container",
      style: {
        borderTopColor: date.isSame(today, 'date') ? 'blue' : '#CCC'
      }
    }, date.date(), record && /*#__PURE__*/_react.default.createElement("div", {
      className: "jfe-drip-table-layout-calendar-record"
    }, tableInfo.schema.columns.filter(function (column) {
      return !column.hidable || tableState.displayColumnKeys.includes(column.key);
    }).map(function (column) {
      return _objectSpread(_objectSpread({}, column), {}, {
        render: (0, _.TABLE_LAYOUT_COLUMN_RENDER_GENERATOR_DO_NOT_USE_IN_PRODUCTION)(tableInfo, column, extraProps)
      });
    }).map(function (col) {
      var _col$render;

      return /*#__PURE__*/_react.default.createElement("div", {
        key: col.key
      }, /*#__PURE__*/_react.default.createElement("h4", null, (0, _utils.finalizeColumnTitle)(col)), (_col$render = col.render) === null || _col$render === void 0 ? void 0 : _col$render.call(col, null, {
        record: record,
        index: 0,
        type: 'body',
        key: '0'
      }, 0));
    })));
  };

  return /*#__PURE__*/_react.default.createElement("div", null, props.header, /*#__PURE__*/_react.default.createElement(_datePicker.default.Calendar, {
    dateRender: function dateRender(date, today) {
      return _dateRender(date, today, dataSource);
    }
  }));
}

var _default = CalendarLayout;
exports.default = _default;