@amalto/data-line
Version:
Line used in DataGrid component.
119 lines • 6.35 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DataLine = void 0;
var React = __importStar(require("react"));
var classnames_1 = __importDefault(require("classnames"));
var DataItem_1 = __importDefault(require("./components/DataItem"));
var DataLine = (function (_super) {
__extends(DataLine, _super);
function DataLine(props) {
return _super.call(this, props) || this;
}
DataLine.prototype.render = function () {
var _a = this.props, displayTemplate = _a.displayTemplate, cells = _a.cells, editMode = _a.editMode, cellEditHandler = _a.cellEditHandler, tabOnLastCellCallback = _a.tabOnLastCellCallback, displayContextMenu = _a.displayContextMenu, enterPressHandler = _a.enterPressHandler, dbleClickHandler = _a.dbleClickHandler, displayMode = _a.displayMode, columnHeaders = _a.columnHeaders;
var filteredAndSortedCells = cells;
if (displayTemplate && displayMode !== 'mobile') {
filteredAndSortedCells = cells
.filter(function (cellData) {
var _a;
if ((_a = displayTemplate[cellData.columnId]) === null || _a === void 0 ? void 0 : _a[displayMode]) {
return (displayTemplate[cellData.columnId][displayMode].display !== false);
}
return true;
})
.sort(function (cellA, cellB) {
var _a, _b;
if (((_a = displayTemplate[cellA.columnId]) === null || _a === void 0 ? void 0 : _a[displayMode]) &&
((_b = displayTemplate[cellB.columnId]) === null || _b === void 0 ? void 0 : _b[displayMode])) {
return (displayTemplate[cellA.columnId][displayMode].order -
displayTemplate[cellB.columnId][displayMode].order);
}
return 0;
});
}
var cellsDisplay = filteredAndSortedCells.map(function (cellData, idx) {
var label = undefined;
if ((columnHeaders === null || columnHeaders === void 0 ? void 0 : columnHeaders.length) > 0) {
for (var i = 0; i < columnHeaders.length; i++) {
var colHeader = columnHeaders[i];
if (colHeader.id === cellData.columnId) {
label = colHeader.label;
break;
}
}
}
return (React.createElement(DataItem_1.default, { key: idx, columnId: cellData.columnId, displayValue: cellData.displayValue, cssClass: cellData.cssClass, displayTemplate: displayTemplate, editCallback: cellEditHandler, enterPressCallback: enterPressHandler, editMode: editMode, readOnly: cellData.readOnly, allowDisplayAsTextAreaOnReadonly: cellData.allowDisplayAsTextAreaOnReadonly, isEdited: cellData.isEdited, lastEditable: cellData.lastEditable, options: cellData.options, validate: cellData.validate, tabOnLastCellCallback: tabOnLastCellCallback, displayContextMenu: displayContextMenu, displayMode: displayMode, label: label }));
});
var additionalProps = {};
if (this.props.sgleClickHandler) {
additionalProps.onClick = this.props.sgleClickHandler;
}
if (dbleClickHandler) {
additionalProps.onDoubleClick = dbleClickHandler;
}
return (React.createElement("div", __assign({ style: this.props.style, className: (0, classnames_1.default)('card-item', this.props.cssClass, {
'dg-new-line': this.props.isNew,
'inline-item': displayMode !== 'mobile',
'tile mgb-10 block-tile': displayMode === 'mobile',
}) }, additionalProps),
React.createElement("div", { className: (0, classnames_1.default)({
'card-item-content': displayMode !== 'mobile',
}) }, cellsDisplay)));
};
return DataLine;
}(React.Component));
exports.DataLine = DataLine;
exports.default = DataLine;
//# sourceMappingURL=index.js.map