@talend/react-containers
Version:
Provide connected components aka containers for @talend/react-cmf based on @talend/react-components.
86 lines (85 loc) • 3.38 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
exports.mapStateToProps = mapStateToProps;
exports.mergeProps = mergeProps;
var _immutable = require("immutable");
var _reactCmf = require("@talend/react-cmf");
var _List = _interopRequireWildcard(require("./List.container"));
var _selector = require("./selector");
var _lodash = require("lodash");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function componentId(ownProps) {
return ownProps.collectionId;
}
function getItems(state, config) {
let items = config.items;
if (config.defaultFiltering !== false) {
items = (0, _selector.configureGetFilteredItems)(config)(state);
}
if (config.defaultSorting !== false) {
items = (0, _selector.configureGetSortedItems)(config, items)(state);
}
return items;
}
function getPagedItems(state, config, items) {
if (config.defaultPaging !== false) {
return (0, _selector.configureGetPagedItems)(config, items)(state);
}
return items;
}
function mapStateToProps(state, ownProps, cmfProps) {
const props = {};
const collectionItems = (0, _selector.getCollectionItems)(state, ownProps.collectionId);
const config = {
collectionId: ownProps.collectionId,
items: collectionItems || ownProps.items || ownProps.listItems,
defaultFiltering: (0, _lodash.get)(ownProps, ['toolbar', 'filter', 'defaultFiltering']),
defaultSorting: (0, _lodash.get)(ownProps, ['toolbar', 'sort', 'defaultSorting']),
defaultPaging: (0, _lodash.get)(ownProps, ['toolbar', 'pagination', 'defaultPaging'])
};
if (ownProps.list) {
config.columns = ownProps.list.columns;
}
props.items = getItems(state, config);
const totalResults = props.items.size;
if ((0, _lodash.get)(ownProps, ['toolbar', 'pagination'])) {
props.items = getPagedItems(state, config, props.items);
}
const cmfState = (0, _lodash.get)(cmfProps, 'state');
if (cmfState) {
props.state = cmfState.setIn(['totalResults'], totalResults);
if (props.state.has('toolbar')) {
props.state = props.state.mergeIn(['toolbar', 'pagination'], (0, _selector.configureGetPagination)(state, config));
}
}
return props;
}
function mergeProps(stateProps, dispatchProps, ownProps) {
const props = {
...ownProps,
...stateProps,
...dispatchProps
};
if (props.actionIds) {
delete props.actionIds;
}
return props;
}
var _default = exports.default = (0, _reactCmf.cmfConnect)({
defaultState: _List.DEFAULT_STATE,
defaultProps: {
saga: 'List#root',
listItems: new _immutable.List()
},
componentId,
mapStateToProps,
omitCMFProps: true,
withComponentRegistry: true,
withDispatch: true,
withDispatchActionCreator: true,
withComponentId: true
})(_List.default);
//# sourceMappingURL=List.connect.js.map