studiokit-scaffolding-js 4.3.20 → 4.3.21

package/lib/components/HOC/CollectionComponent.js

@@ -1,175 +1,175 @@
-"use strict";
-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) {
-        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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configureMapStateToProps = exports.configureCollectionComponent = void 0;
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var react_router_1 = require("react-router");
-var modelStatus_1 = __importDefault(require("../../constants/modelStatus"));
-var collection_1 = require("../../utils/collection");
-var model_1 = require("../../utils/model");
-var Loading_1 = __importDefault(require("../Loading"));
-var GuidComponent_1 = __importDefault(require("./GuidComponent"));
-function configureCollectionComponent(WrappedComponent, LoaderComponent) {
-    if (LoaderComponent === void 0) { LoaderComponent = Loading_1.default; }
-    return /** @class */ (function (_super) {
-        __extends(CollectionComponent, _super);
-        function CollectionComponent(props) {
-            var _this = _super.call(this, props) || this;
-            _this.changeModelStatus = function (newModelStatus, fetchingId) {
-                _this.setState(function (prevState) { return ({
-                    fetchingId: fetchingId,
-                    previousModelStatus: prevState.modelStatus,
-                    modelStatus: newModelStatus
-                }); });
-            };
-            _this.getCollectionMethodConfig = function () {
-                var _a = _this.props, guid = _a.guid, modelName = _a.modelName, pathParams = _a.pathParams, queryParams = _a.queryParams, disableAutoLoad = _a.disableAutoLoad;
-                var modelStatus = _this.state.modelStatus;
-                var collectionMethodConfig = {
-                    modelName: modelName,
-                    pathParams: pathParams,
-                    queryParams: queryParams,
-                    disableAutoLoad: disableAutoLoad,
-                    guid: guid,
-                    modelStatus: modelStatus,
-                    changeModelStatus: _this.changeModelStatus
-                };
-                return collectionMethodConfig;
-            };
-            _this.load = function (params) {
-                if (params === void 0) { params = {}; }
-                collection_1.loadCollection(_this.getCollectionMethodConfig(), params);
-            };
-            _this.stopPeriodicLoad = function (taskId) {
-                var modelName = _this.props.modelName;
-                collection_1.stopCollectionPeriodicLoad(modelName, taskId);
-            };
-            _this.create = function (params) {
-                collection_1.createItemInCollection(_this.getCollectionMethodConfig(), params);
-            };
-            _this.update = function (params) {
-                collection_1.updateItemInCollection(_this.getCollectionMethodConfig(), params);
-            };
-            _this.delete = function (params) {
-                collection_1.deleteItemFromCollection(_this.getCollectionMethodConfig(), params);
-            };
-            _this.state = {
-                // initializing until model is loaded
-                modelStatus: modelStatus_1.default.UNINITIALIZED,
-                previousModelStatus: modelStatus_1.default.UNINITIALIZED,
-                fetchingId: undefined
-            };
-            return _this;
-        }
-        CollectionComponent.prototype.componentDidMount = function () {
-            var model = this.props.model;
-            collection_1.initializeCollection(model, this.load, this.getCollectionMethodConfig());
-        };
-        CollectionComponent.prototype.componentDidUpdate = function (prevProps) {
-            var prevModel = prevProps.model, prevPathParams = prevProps.pathParams, prevQueryParams = prevProps.queryParams;
-            var _a = this.props, model = _a.model, pathParams = _a.pathParams, queryParams = _a.queryParams;
-            var fetchingId = this.state.fetchingId;
-            model_1.handleModelFetchFinish(model, prevModel, fetchingId, this.changeModelStatus);
-            collection_1.handleCollectionParamsChange(pathParams, prevPathParams, queryParams, prevQueryParams, this.load);
-        };
-        CollectionComponent.prototype.componentWillUnmount = function () {
-            var model = this.props.model;
-            collection_1.cleanupCollectionGuidKey(model, this.getCollectionMethodConfig());
-        };
-        CollectionComponent.prototype.render = function () {
-            var _a = this.props, history = _a.history, match = _a.match, location = _a.location, staticContext = _a.staticContext, otherProps = __rest(_a, ["history", "match", "location", "staticContext"]);
-            var _b = this.state, modelStatus = _b.modelStatus, previousModelStatus = _b.previousModelStatus, fetchingId = _b.fetchingId;
-            if (modelStatus === modelStatus_1.default.UNINITIALIZED) {
-                return react_1.default.createElement(LoaderComponent, null);
-            }
-            return (react_1.default.createElement(WrappedComponent, __assign({}, otherProps, { modelStatus: modelStatus, previousModelStatus: previousModelStatus, fetchingId: fetchingId, load: this.load, stopPeriodicLoad: this.stopPeriodicLoad, create: this.create, update: this.update, delete: this.delete })));
-        };
-        return CollectionComponent;
-    }(react_1.Component));
-}
-exports.configureCollectionComponent = configureCollectionComponent;
-var configureMapStateToProps = function (modelName) { return function (state, ownProps) {
-    return collection_1.selectCollectionFromState({
-        guid: ownProps.guid,
-        modelName: ownProps.modelName || modelName,
-        pathParams: ownProps.pathParams,
-        routeMatchParams: ownProps.match.params,
-        state: state
-    });
-}; };
-exports.configureMapStateToProps = configureMapStateToProps;
-/**
- * HOC that provides "collection" related functionality, using redux `connect()`, react-router-dom `withRouter()`, and `GuidComponent`.
- *
- * @template T The type of model that is in this collection.
- *
- * @param WrappedComponent The component to wrap.
- * @param modelName The generic path (no Ids) to where the collection is stored in redux.
- * A path relating to an item in defined in `constants/configuration/getEndpointMappings()` (levels separated by a '.').
- * Can override at render time, e.g. `<C modelName="otherModel" />`.
- * @param LoaderComponent Component to use as the Loader. Defaults to `<Loading />`.
- */
-function collectionComponent(WrappedComponent, modelName, LoaderComponent) {
-    var CollectionComponent = configureCollectionComponent(WrappedComponent, LoaderComponent);
-    var mapStateToProps = exports.configureMapStateToProps(modelName);
-    // @ts-ignore: could not match inferred type from the `connect` HOC
-    return react_router_1.withRouter(GuidComponent_1.default(react_redux_1.connect(mapStateToProps)(CollectionComponent)));
-}
-exports.default = collectionComponent;
+"use strict";
+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) {
+        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;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureMapStateToProps = exports.configureCollectionComponent = void 0;
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var react_router_1 = require("react-router");
+var modelStatus_1 = __importDefault(require("../../constants/modelStatus"));
+var collection_1 = require("../../utils/collection");
+var model_1 = require("../../utils/model");
+var Loading_1 = __importDefault(require("../Loading"));
+var GuidComponent_1 = __importDefault(require("./GuidComponent"));
+function configureCollectionComponent(WrappedComponent, LoaderComponent) {
+    if (LoaderComponent === void 0) { LoaderComponent = Loading_1.default; }
+    return /** @class */ (function (_super) {
+        __extends(CollectionComponent, _super);
+        function CollectionComponent(props) {
+            var _this = _super.call(this, props) || this;
+            _this.changeModelStatus = function (newModelStatus, fetchingId) {
+                _this.setState(function (prevState) { return ({
+                    fetchingId: fetchingId,
+                    previousModelStatus: prevState.modelStatus,
+                    modelStatus: newModelStatus
+                }); });
+            };
+            _this.getCollectionMethodConfig = function () {
+                var _a = _this.props, guid = _a.guid, modelName = _a.modelName, pathParams = _a.pathParams, queryParams = _a.queryParams, disableAutoLoad = _a.disableAutoLoad;
+                var modelStatus = _this.state.modelStatus;
+                var collectionMethodConfig = {
+                    modelName: modelName,
+                    pathParams: pathParams,
+                    queryParams: queryParams,
+                    disableAutoLoad: disableAutoLoad,
+                    guid: guid,
+                    modelStatus: modelStatus,
+                    changeModelStatus: _this.changeModelStatus
+                };
+                return collectionMethodConfig;
+            };
+            _this.load = function (params) {
+                if (params === void 0) { params = {}; }
+                collection_1.loadCollection(_this.getCollectionMethodConfig(), params);
+            };
+            _this.stopPeriodicLoad = function (taskId) {
+                var modelName = _this.props.modelName;
+                collection_1.stopCollectionPeriodicLoad(modelName, taskId);
+            };
+            _this.create = function (params) {
+                collection_1.createItemInCollection(_this.getCollectionMethodConfig(), params);
+            };
+            _this.update = function (params) {
+                collection_1.updateItemInCollection(_this.getCollectionMethodConfig(), params);
+            };
+            _this.delete = function (params) {
+                collection_1.deleteItemFromCollection(_this.getCollectionMethodConfig(), params);
+            };
+            _this.state = {
+                // initializing until model is loaded
+                modelStatus: modelStatus_1.default.UNINITIALIZED,
+                previousModelStatus: modelStatus_1.default.UNINITIALIZED,
+                fetchingId: undefined
+            };
+            return _this;
+        }
+        CollectionComponent.prototype.componentDidMount = function () {
+            var model = this.props.model;
+            collection_1.initializeCollection(model, this.load, this.getCollectionMethodConfig());
+        };
+        CollectionComponent.prototype.componentDidUpdate = function (prevProps) {
+            var prevModel = prevProps.model, prevPathParams = prevProps.pathParams, prevQueryParams = prevProps.queryParams;
+            var _a = this.props, model = _a.model, pathParams = _a.pathParams, queryParams = _a.queryParams;
+            var fetchingId = this.state.fetchingId;
+            model_1.handleModelFetchFinish(model, prevModel, fetchingId, this.changeModelStatus);
+            collection_1.handleCollectionParamsChange(pathParams, prevPathParams, queryParams, prevQueryParams, this.load);
+        };
+        CollectionComponent.prototype.componentWillUnmount = function () {
+            var model = this.props.model;
+            collection_1.cleanupCollectionGuidKey(model, this.getCollectionMethodConfig());
+        };
+        CollectionComponent.prototype.render = function () {
+            var _a = this.props, history = _a.history, match = _a.match, location = _a.location, staticContext = _a.staticContext, otherProps = __rest(_a, ["history", "match", "location", "staticContext"]);
+            var _b = this.state, modelStatus = _b.modelStatus, previousModelStatus = _b.previousModelStatus, fetchingId = _b.fetchingId;
+            if (modelStatus === modelStatus_1.default.UNINITIALIZED) {
+                return react_1.default.createElement(LoaderComponent, null);
+            }
+            return (react_1.default.createElement(WrappedComponent, __assign({}, otherProps, { modelStatus: modelStatus, previousModelStatus: previousModelStatus, fetchingId: fetchingId, load: this.load, stopPeriodicLoad: this.stopPeriodicLoad, create: this.create, update: this.update, delete: this.delete })));
+        };
+        return CollectionComponent;
+    }(react_1.Component));
+}
+exports.configureCollectionComponent = configureCollectionComponent;
+var configureMapStateToProps = function (modelName) { return function (state, ownProps) {
+    return collection_1.selectCollectionFromState({
+        guid: ownProps.guid,
+        modelName: ownProps.modelName || modelName,
+        pathParams: ownProps.pathParams,
+        routeMatchParams: ownProps.match.params,
+        state: state
+    });
+}; };
+exports.configureMapStateToProps = configureMapStateToProps;
+/**
+ * HOC that provides "collection" related functionality, using redux `connect()`, react-router-dom `withRouter()`, and `GuidComponent`.
+ *
+ * @template T The type of model that is in this collection.
+ *
+ * @param WrappedComponent The component to wrap.
+ * @param modelName The generic path (no Ids) to where the collection is stored in redux.
+ * A path relating to an item in defined in `constants/configuration/getEndpointMappings()` (levels separated by a '.').
+ * Can override at render time, e.g. `<C modelName="otherModel" />`.
+ * @param LoaderComponent Component to use as the Loader. Defaults to `<Loading />`.
+ */
+function collectionComponent(WrappedComponent, modelName, LoaderComponent) {
+    var CollectionComponent = configureCollectionComponent(WrappedComponent, LoaderComponent);
+    var mapStateToProps = exports.configureMapStateToProps(modelName);
+    // @ts-ignore: could not match inferred type from the `connect` HOC
+    return react_router_1.withRouter(GuidComponent_1.default(react_redux_1.connect(mapStateToProps)(CollectionComponent)));
+}
+exports.default = collectionComponent;

package/lib/components/HOC/CollectionFirstItemComponent.d.ts

@@ -1,67 +1,67 @@
-import React, { ComponentClass, ComponentType } from 'react';
-import { Model } from 'studiokit-net-js';
-import { CollectionItemReduxResponse } from '../../types/Collection';
-import { CollectionComponentWrappedProps } from './CollectionComponent';
-/** The props passed into `WrappedComponent`. */
-export interface CollectionFirstItemComponentWrappedProps<TModel extends Model> extends Omit<CollectionComponentWrappedProps<TModel>, 'model'>, CollectionItemReduxResponse<TModel> {
-}
-/**
- * HOC meant to pass the first collection item to the wrapped component as its model.
- * Should be wrapped in `CollectionComponent`.
- */
-export declare function configureCollectionFirstItemComponent<TModel extends Model, TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & CollectionFirstItemComponentWrappedProps<TModel>>): {
-    new (props: (TOwnProps & CollectionComponentWrappedProps<TModel>) | Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>): {
-        getFirstItem: () => TModel;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: TOwnProps & CollectionComponentWrappedProps<TModel>, context: any): {
-        getFirstItem: () => TModel;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export default function collectionFirstItemComponent<TModel extends Model, TOwnProps extends CollectionFirstItemComponentWrappedProps<TModel>>(wrappedComponent: ComponentType<TOwnProps>): ComponentClass<Omit<TOwnProps, keyof CollectionFirstItemComponentWrappedProps<TModel>> & CollectionComponentWrappedProps<TModel>>;
+import React, { ComponentClass, ComponentType } from 'react';
+import { Model } from 'studiokit-net-js';
+import { CollectionItemReduxResponse } from '../../types/Collection';
+import { CollectionComponentWrappedProps } from './CollectionComponent';
+/** The props passed into `WrappedComponent`. */
+export interface CollectionFirstItemComponentWrappedProps<TModel extends Model> extends Omit<CollectionComponentWrappedProps<TModel>, 'model'>, CollectionItemReduxResponse<TModel> {
+}
+/**
+ * HOC meant to pass the first collection item to the wrapped component as its model.
+ * Should be wrapped in `CollectionComponent`.
+ */
+export declare function configureCollectionFirstItemComponent<TModel extends Model, TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & CollectionFirstItemComponentWrappedProps<TModel>>): {
+    new (props: (TOwnProps & CollectionComponentWrappedProps<TModel>) | Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>): {
+        getFirstItem: () => TModel;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: TOwnProps & CollectionComponentWrappedProps<TModel>, context: any): {
+        getFirstItem: () => TModel;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default function collectionFirstItemComponent<TModel extends Model, TOwnProps extends CollectionFirstItemComponentWrappedProps<TModel>>(wrappedComponent: ComponentType<TOwnProps>): ComponentClass<Omit<TOwnProps, keyof CollectionFirstItemComponentWrappedProps<TModel>> & CollectionComponentWrappedProps<TModel>>;