lml-main/packages/core-ui/dist/couriers/components/details/courier-jobs.js

This is now a mono repository published into many standalone packages.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const cx = require("classnames");
const react_redux_1 = require("react-redux");
const cosmo_redux_api_1 = require("@lml/cosmo-redux-api");
const cosmoui_1 = require("cosmoui");
const courier_job_1 = require("./courier-job");
const styles = require('./courier-jobs.scss');
class CourierJobsComponent extends React.Component {
    componentDidMount() {
        this.props.fetchCourierJobs(this.props.courierRefId);
    }
    render() {
        const { jobsByStatus, courierRefId } = this.props;
        return (React.createElement(cosmoui_1.Column, { id: "courier-jobs-list", className: styles.container, align: "flex-start", fullWidth: true },
            React.createElement(cosmoui_1.Row, { className: styles.jobsHeader, align: "flex-start" },
                React.createElement(cosmoui_1.Column, { align: "flex-start", className: cx(styles.titleRow, styles.jobNumber) }, "JOB #"),
                React.createElement(cosmoui_1.Column, { align: "flex-start", className: cx(styles.titleRow, styles.customerName) }, "CUSTOMER"),
                React.createElement(cosmoui_1.Column, { align: "flex-start", className: cx(styles.titleRow, styles.collectFrom) }, "COLLECT FROM"),
                React.createElement(cosmoui_1.Column, { align: "flex-start", className: cx(styles.titleRow, styles.nextStop) }, "DELIVER TO"),
                React.createElement(cosmoui_1.Column, { align: "flex-start", className: cx(styles.titleRow, styles.status) }, "STATUS"),
                React.createElement(cosmoui_1.Column, { align: "flex-start", className: cx(styles.titleRow, styles.unallocate) })),
            React.createElement(cosmoui_1.Column, { fullWidth: true }, jobsByStatus && jobsByStatus.map((job) => React.createElement(courier_job_1.CourierJob, { key: job.refId, courierRefId: courierRefId, jobByStatus: job })))));
    }
}
const mapStateToProps = (state, ownProps) => ({
    jobsByStatus: cosmo_redux_api_1.getCourierJobsSorted(state, ownProps.courierRefId),
});
const mapDispatchToProps = {
    fetchCourierJobs: cosmo_redux_api_1.fetchCourierJobs,
};
exports.CourierJobs = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(CourierJobsComponent);
//# sourceMappingURL=courier-jobs.js.map