UNPKG

@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
"use strict"; 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