@gravity-ui/data-source 0.1.2 → 0.2.0

package/build/cjs/react/components/DataInfiniteLoader/DataInfiniteLoader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { DataInfiniteLoaderProps } from './types';
-export declare const DataInfiniteLoader: <TError>({ status, error, errorAction: errorActionProp, hasNextPage, fetchNextPage, isFetchingNextPage, LoadingView, ErrorView, MoreView, children, }: DataInfiniteLoaderProps<TError>) => React.ReactNode;
+export declare const DataInfiniteLoader: <TError>({ status, error, errorAction: errorActionProp, hasNextPage, fetchNextPage, isFetchingNextPage, LoadingView, ErrorView, MoreView, loadingViewProps, errorViewProps, moreViewProps, children, }: DataInfiniteLoaderProps<TError>) => React.ReactNode;

package/build/cjs/react/components/DataInfiniteLoader/DataInfiniteLoader.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataInfiniteLoader = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -17,32 +18,35 @@ var DataInfiniteLoader = exports.DataInfiniteLoader = function DataInfiniteLoade
     LoadingView = _ref.LoadingView,
     ErrorView = _ref.ErrorView,
     MoreView = _ref.MoreView,
+    loadingViewProps = _ref.loadingViewProps,
+    errorViewProps = _ref.errorViewProps,
+    moreViewProps = _ref.moreViewProps,
     children = _ref.children;
   var errorAction = _react.default.useMemo(function () {
     return typeof errorActionProp === 'function' ? {
       handler: errorActionProp
     } : errorActionProp;
   }, [errorActionProp]);
-  var content = _react.default.useMemo(function () {
+  var renderContent = function renderContent() {
     if (status === 'loading') {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingView, {});
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingView, (0, _objectSpread2.default)({}, loadingViewProps));
     }
     if (status === 'error') {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorView, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorView, (0, _objectSpread2.default)({
         error: error,
         action: errorAction
-      });
+      }, errorViewProps));
     }
     if (status === 'success' && hasNextPage) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MoreView, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MoreView, (0, _objectSpread2.default)({
         isLoading: isFetchingNextPage,
         onClick: fetchNextPage
-      });
+      }, moreViewProps));
     }
     return null;
-  }, [status, hasNextPage, LoadingView, ErrorView, error, errorAction, MoreView, isFetchingNextPage, fetchNextPage]);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [status === 'success' ? children : null, content]
+    children: [status === 'success' ? children : null, renderContent()]
   });
 };
 // #sourceMappingURL=DataInfiniteLoader.js.map

package/build/cjs/react/components/DataInfiniteLoader/DataInfiniteLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","DataInfiniteLoader","exports","_ref","status","error","errorActionProp","errorAction","hasNextPage","fetchNextPage","isFetchingNextPage","LoadingView","ErrorView","MoreView","children","React","useMemo","handler","content","_jsx","action","isLoading","onClick","_jsxs","_Fragment"],"sources":["DataInfiniteLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorViewProps} from '../types';\n\nimport type {DataInfiniteLoaderProps} from './types';\n\nexport const DataInfiniteLoader = <TError,>({\n    status,\n    error,\n    errorAction: errorActionProp,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    LoadingView,\n    ErrorView,\n    MoreView,\n    children,\n}: DataInfiniteLoaderProps<TError>): React.ReactNode => {\n    const errorAction = React.useMemo<ErrorViewProps<TError>['action']>(\n        () =>\n            typeof errorActionProp === 'function' ? {handler: errorActionProp} : errorActionProp,\n        [errorActionProp],\n    );\n\n    const content = React.useMemo(() => {\n        if (status === 'loading') {\n            return <LoadingView />;\n        }\n\n        if (status === 'error') {\n            return <ErrorView error={error} action={errorAction} />;\n        }\n\n        if (status === 'success' && hasNextPage) {\n            return <MoreView isLoading={isFetchingNextPage} onClick={fetchNextPage} />;\n        }\n\n        return null;\n    }, [\n        status,\n        hasNextPage,\n        LoadingView,\n        ErrorView,\n        error,\n        errorAction,\n        MoreView,\n        isFetchingNextPage,\n        fetchNextPage,\n    ]);\n\n    return (\n        <>\n            {status === 'success' ? children : null}\n            {content}\n        </>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMnB,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,IAAA,EAWyB;EAAA,IAVpDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACQC,eAAe,GAAAH,IAAA,CAA5BI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;IAClBC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;EAER,IAAMP,WAAW,GAAGQ,cAAK,CAACC,OAAO,CAC7B;IAAA,OACI,OAAOV,eAAe,KAAK,UAAU,GAAG;MAACW,OAAO,EAAEX;IAAe,CAAC,GAAGA,eAAe;EAAA,GACxF,CAACA,eAAe,CACpB,CAAC;EAED,IAAMY,OAAO,GAAGH,cAAK,CAACC,OAAO,CAAC,YAAM;IAChC,IAAIZ,MAAM,KAAK,SAAS,EAAE;MACtB,oBAAO,IAAAe,eAAA,EAACR,WAAW,IAAE,CAAC;IAC1B;IAEA,IAAIP,MAAM,KAAK,OAAO,EAAE;MACpB,oBAAO,IAAAe,eAAA,EAACP,SAAS;QAACP,KAAK,EAAEA,KAAM;QAACe,MAAM,EAAEb;MAAY,CAAE,CAAC;IAC3D;IAEA,IAAIH,MAAM,KAAK,SAAS,IAAII,WAAW,EAAE;MACrC,oBAAO,IAAAW,eAAA,EAACN,QAAQ;QAACQ,SAAS,EAAEX,kBAAmB;QAACY,OAAO,EAAEb;MAAc,CAAE,CAAC;IAC9E;IAEA,OAAO,IAAI;EACf,CAAC,EAAE,CACCL,MAAM,EACNI,WAAW,EACXG,WAAW,EACXC,SAAS,EACTP,KAAK,EACLE,WAAW,EACXM,QAAQ,EACRH,kBAAkB,EAClBD,aAAa,CAChB,CAAC;EAEF,oBACI,IAAAc,gBAAA,EAAAC,oBAAA;IAAAV,QAAA,GACKV,MAAM,KAAK,SAAS,GAAGU,QAAQ,GAAG,IAAI,EACtCI,OAAO;EAAA,CACV,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","DataInfiniteLoader","exports","_ref","status","error","errorActionProp","errorAction","hasNextPage","fetchNextPage","isFetchingNextPage","LoadingView","ErrorView","MoreView","loadingViewProps","errorViewProps","moreViewProps","children","React","useMemo","handler","renderContent","_jsx","_objectSpread","action","isLoading","onClick","_jsxs","_Fragment"],"sources":["DataInfiniteLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorViewProps} from '../types';\n\nimport type {DataInfiniteLoaderProps} from './types';\n\nexport const DataInfiniteLoader = <TError,>({\n    status,\n    error,\n    errorAction: errorActionProp,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    LoadingView,\n    ErrorView,\n    MoreView,\n    loadingViewProps,\n    errorViewProps,\n    moreViewProps,\n    children,\n}: DataInfiniteLoaderProps<TError>): React.ReactNode => {\n    const errorAction = React.useMemo<ErrorViewProps<TError>['action']>(\n        () =>\n            typeof errorActionProp === 'function' ? {handler: errorActionProp} : errorActionProp,\n        [errorActionProp],\n    );\n\n    const renderContent = () => {\n        if (status === 'loading') {\n            return <LoadingView {...loadingViewProps} />;\n        }\n\n        if (status === 'error') {\n            return <ErrorView error={error} action={errorAction} {...errorViewProps} />;\n        }\n\n        if (status === 'success' && hasNextPage) {\n            return (\n                <MoreView\n                    isLoading={isFetchingNextPage}\n                    onClick={fetchNextPage}\n                    {...moreViewProps}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <>\n            {status === 'success' ? children : null}\n            {renderContent()}\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMnB,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,IAAA,EAcyB;EAAA,IAbpDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACQC,eAAe,GAAAH,IAAA,CAA5BI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;IAClBC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,gBAAgB,GAAAX,IAAA,CAAhBW,gBAAgB;IAChBC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;EAER,IAAMV,WAAW,GAAGW,cAAK,CAACC,OAAO,CAC7B;IAAA,OACI,OAAOb,eAAe,KAAK,UAAU,GAAG;MAACc,OAAO,EAAEd;IAAe,CAAC,GAAGA,eAAe;EAAA,GACxF,CAACA,eAAe,CACpB,CAAC;EAED,IAAMe,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IACxB,IAAIjB,MAAM,KAAK,SAAS,EAAE;MACtB,oBAAO,IAAAkB,eAAA,EAACX,WAAW,MAAAY,sBAAA,MAAKT,gBAAgB,CAAG,CAAC;IAChD;IAEA,IAAIV,MAAM,KAAK,OAAO,EAAE;MACpB,oBAAO,IAAAkB,eAAA,EAACV,SAAS,MAAAW,sBAAA;QAAClB,KAAK,EAAEA,KAAM;QAACmB,MAAM,EAAEjB;MAAY,GAAKQ,cAAc,CAAG,CAAC;IAC/E;IAEA,IAAIX,MAAM,KAAK,SAAS,IAAII,WAAW,EAAE;MACrC,oBACI,IAAAc,eAAA,EAACT,QAAQ,MAAAU,sBAAA;QACLE,SAAS,EAAEf,kBAAmB;QAC9BgB,OAAO,EAAEjB;MAAc,GACnBO,aAAa,CACpB,CAAC;IAEV;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACI,IAAAW,gBAAA,EAAAC,oBAAA;IAAAX,QAAA,GACKb,MAAM,KAAK,SAAS,GAAGa,QAAQ,GAAG,IAAI,EACtCI,aAAa,CAAC,CAAC;EAAA,CAClB,CAAC;AAEX,CAAC","ignoreList":[]}

package/build/cjs/react/components/DataInfiniteLoader/types.d.ts

@@ -5,15 +5,18 @@ export interface MoreViewProps {
     isLoading: boolean;
     onClick: () => void;
 }
-export interface DataInfiniteLoaderProps<TError> {
+export interface DataInfiniteLoaderProps<TError, TLoadingViewProps extends {} = {}, TErrorViewProps extends ErrorViewProps<TError> = ErrorViewProps<TError>, TMoreViewProps extends MoreViewProps = MoreViewProps> {
     status: DataLoaderStatus;
     error: TError | null;
     errorAction?: ErrorAction | ErrorAction['handler'];
     hasNextPage: boolean;
     fetchNextPage: () => unknown;
     isFetchingNextPage: boolean;
-    LoadingView: ComponentType;
-    ErrorView: ComponentType<ErrorViewProps<TError>>;
-    MoreView: ComponentType<MoreViewProps>;
+    LoadingView: ComponentType<TLoadingViewProps>;
+    ErrorView: ComponentType<TErrorViewProps>;
+    MoreView: ComponentType<TMoreViewProps>;
+    loadingViewProps?: TLoadingViewProps;
+    errorViewProps?: Omit<TErrorViewProps, keyof ErrorViewProps<TError>>;
+    moreViewProps?: Omit<TMoreViewProps, keyof MoreViewProps>;
     children: ReactNode;
 }

package/build/cjs/react/components/DataInfiniteLoader/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ComponentType, ReactNode} from 'react';\n\nimport type {DataLoaderStatus} from '../../../core';\nimport type {ErrorAction, ErrorViewProps} from '../types';\n\nexport interface MoreViewProps {\n    isLoading: boolean;\n    onClick: () => void;\n}\n\nexport interface DataInfiniteLoaderProps<TError> {\n    status: DataLoaderStatus;\n    error: TError | null;\n    errorAction?: ErrorAction | ErrorAction['handler'];\n    hasNextPage: boolean;\n    fetchNextPage: () => unknown;\n    isFetchingNextPage: boolean;\n    LoadingView: ComponentType;\n    ErrorView: ComponentType<ErrorViewProps<TError>>;\n    MoreView: ComponentType<MoreViewProps>;\n    children: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ComponentType, ReactNode} from 'react';\n\nimport type {DataLoaderStatus} from '../../../core';\nimport type {ErrorAction, ErrorViewProps} from '../types';\n\nexport interface MoreViewProps {\n    isLoading: boolean;\n    onClick: () => void;\n}\n\nexport interface DataInfiniteLoaderProps<\n    TError,\n    TLoadingViewProps extends {} = {},\n    TErrorViewProps extends ErrorViewProps<TError> = ErrorViewProps<TError>,\n    TMoreViewProps extends MoreViewProps = MoreViewProps,\n> {\n    status: DataLoaderStatus;\n    error: TError | null;\n    errorAction?: ErrorAction | ErrorAction['handler'];\n    hasNextPage: boolean;\n    fetchNextPage: () => unknown;\n    isFetchingNextPage: boolean;\n    LoadingView: ComponentType<TLoadingViewProps>;\n    ErrorView: ComponentType<TErrorViewProps>;\n    MoreView: ComponentType<TMoreViewProps>;\n    loadingViewProps?: TLoadingViewProps;\n    errorViewProps?: Omit<TErrorViewProps, keyof ErrorViewProps<TError>>;\n    moreViewProps?: Omit<TMoreViewProps, keyof MoreViewProps>;\n    children: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/build/cjs/react/components/DataLoader/DataLoader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { DataLoaderProps } from './types';
-export declare const DataLoader: <TError>({ status, error, errorAction: errorActionProp, LoadingView, ErrorView, children, }: DataLoaderProps<TError>) => React.ReactNode;
+export declare const DataLoader: <TError>({ status, error, errorAction: errorActionProp, LoadingView, ErrorView, loadingViewProps, errorViewProps, children, }: DataLoaderProps<TError>) => React.ReactNode;

package/build/cjs/react/components/DataLoader/DataLoader.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataLoader = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -13,6 +14,8 @@ var DataLoader = exports.DataLoader = function DataLoader(_ref) {
     errorActionProp = _ref.errorAction,
     LoadingView = _ref.LoadingView,
     ErrorView = _ref.ErrorView,
+    loadingViewProps = _ref.loadingViewProps,
+    errorViewProps = _ref.errorViewProps,
     children = _ref.children;
   var errorAction = _react.default.useMemo(function () {
     return typeof errorActionProp === 'function' ? {
@@ -20,13 +23,13 @@ var DataLoader = exports.DataLoader = function DataLoader(_ref) {
     } : errorActionProp;
   }, [errorActionProp]);
   if (status === 'loading') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingView, {});
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingView, (0, _objectSpread2.default)({}, loadingViewProps));
   }
   if (status === 'error') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorView, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorView, (0, _objectSpread2.default)({
       error: error,
       action: errorAction
-    });
+    }, errorViewProps));
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: children

package/build/cjs/react/components/DataLoader/DataLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","DataLoader","exports","_ref","status","error","errorActionProp","errorAction","LoadingView","ErrorView","children","React","useMemo","handler","_jsx","action","_Fragment"],"sources":["DataLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorViewProps} from '../types';\n\nimport type {DataLoaderProps} from './types';\n\nexport const DataLoader = <TError,>({\n    status,\n    error,\n    errorAction: errorActionProp,\n    LoadingView,\n    ErrorView,\n    children,\n}: DataLoaderProps<TError>): React.ReactNode => {\n    const errorAction = React.useMemo<ErrorViewProps<TError>['action']>(\n        () =>\n            typeof errorActionProp === 'function' ? {handler: errorActionProp} : errorActionProp,\n        [errorActionProp],\n    );\n\n    if (status === 'loading') {\n        return <LoadingView />;\n    }\n\n    if (status === 'error') {\n        return <ErrorView error={error} action={errorAction} />;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMnB,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,EAOyB;EAAA,IAN5CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACQC,eAAe,GAAAH,IAAA,CAA5BI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,IAAMH,WAAW,GAAGI,cAAK,CAACC,OAAO,CAC7B;IAAA,OACI,OAAON,eAAe,KAAK,UAAU,GAAG;MAACO,OAAO,EAAEP;IAAe,CAAC,GAAGA,eAAe;EAAA,GACxF,CAACA,eAAe,CACpB,CAAC;EAED,IAAIF,MAAM,KAAK,SAAS,EAAE;IACtB,oBAAO,IAAAU,eAAA,EAACN,WAAW,IAAE,CAAC;EAC1B;EAEA,IAAIJ,MAAM,KAAK,OAAO,EAAE;IACpB,oBAAO,IAAAU,eAAA,EAACL,SAAS;MAACJ,KAAK,EAAEA,KAAM;MAACU,MAAM,EAAER;IAAY,CAAE,CAAC;EAC3D;EAEA,oBAAO,IAAAO,eAAA,EAAAE,oBAAA;IAAAN,QAAA,EAAGA;EAAQ,CAAG,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","DataLoader","exports","_ref","status","error","errorActionProp","errorAction","LoadingView","ErrorView","loadingViewProps","errorViewProps","children","React","useMemo","handler","_jsx","_objectSpread","action","_Fragment"],"sources":["DataLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorViewProps} from '../types';\n\nimport type {DataLoaderProps} from './types';\n\nexport const DataLoader = <TError,>({\n    status,\n    error,\n    errorAction: errorActionProp,\n    LoadingView,\n    ErrorView,\n    loadingViewProps,\n    errorViewProps,\n    children,\n}: DataLoaderProps<TError>): React.ReactNode => {\n    const errorAction = React.useMemo<ErrorViewProps<TError>['action']>(\n        () =>\n            typeof errorActionProp === 'function' ? {handler: errorActionProp} : errorActionProp,\n        [errorActionProp],\n    );\n\n    if (status === 'loading') {\n        return <LoadingView {...loadingViewProps} />;\n    }\n\n    if (status === 'error') {\n        return <ErrorView error={error} action={errorAction} {...errorViewProps} />;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMnB,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,EASyB;EAAA,IAR5CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACQC,eAAe,GAAAH,IAAA,CAA5BI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAER,IAAML,WAAW,GAAGM,cAAK,CAACC,OAAO,CAC7B;IAAA,OACI,OAAOR,eAAe,KAAK,UAAU,GAAG;MAACS,OAAO,EAAET;IAAe,CAAC,GAAGA,eAAe;EAAA,GACxF,CAACA,eAAe,CACpB,CAAC;EAED,IAAIF,MAAM,KAAK,SAAS,EAAE;IACtB,oBAAO,IAAAY,eAAA,EAACR,WAAW,MAAAS,sBAAA,MAAKP,gBAAgB,CAAG,CAAC;EAChD;EAEA,IAAIN,MAAM,KAAK,OAAO,EAAE;IACpB,oBAAO,IAAAY,eAAA,EAACP,SAAS,MAAAQ,sBAAA;MAACZ,KAAK,EAAEA,KAAM;MAACa,MAAM,EAAEX;IAAY,GAAKI,cAAc,CAAG,CAAC;EAC/E;EAEA,oBAAO,IAAAK,eAAA,EAAAG,oBAAA;IAAAP,QAAA,EAAGA;EAAQ,CAAG,CAAC;AAC1B,CAAC","ignoreList":[]}

package/build/cjs/react/components/DataLoader/types.d.ts

@@ -1,11 +1,13 @@
 import type { ComponentType, ReactNode } from 'react';
 import type { DataLoaderStatus } from '../../../core';
 import type { ErrorAction, ErrorViewProps } from '../types';
-export interface DataLoaderProps<TError> {
+export interface DataLoaderProps<TError, TLoadingViewProps extends {} = {}, TErrorViewProps extends ErrorViewProps<TError> = ErrorViewProps<TError>> {
     status: DataLoaderStatus;
     error: TError | null;
     errorAction?: ErrorAction | ErrorAction['handler'];
-    LoadingView: ComponentType;
-    ErrorView: ComponentType<ErrorViewProps<TError>>;
+    LoadingView: ComponentType<TLoadingViewProps>;
+    ErrorView: ComponentType<TErrorViewProps>;
+    loadingViewProps?: TLoadingViewProps;
+    errorViewProps?: Omit<TErrorViewProps, keyof ErrorViewProps<TError>>;
     children: ReactNode;
 }

package/build/cjs/react/components/DataLoader/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ComponentType, ReactNode} from 'react';\n\nimport type {DataLoaderStatus} from '../../../core';\nimport type {ErrorAction, ErrorViewProps} from '../types';\n\nexport interface DataLoaderProps<TError> {\n    status: DataLoaderStatus;\n    error: TError | null;\n    errorAction?: ErrorAction | ErrorAction['handler'];\n    LoadingView: ComponentType;\n    ErrorView: ComponentType<ErrorViewProps<TError>>;\n    children: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ComponentType, ReactNode} from 'react';\n\nimport type {DataLoaderStatus} from '../../../core';\nimport type {ErrorAction, ErrorViewProps} from '../types';\n\nexport interface DataLoaderProps<\n    TError,\n    TLoadingViewProps extends {} = {},\n    TErrorViewProps extends ErrorViewProps<TError> = ErrorViewProps<TError>,\n> {\n    status: DataLoaderStatus;\n    error: TError | null;\n    errorAction?: ErrorAction | ErrorAction['handler'];\n    LoadingView: ComponentType<TLoadingViewProps>;\n    ErrorView: ComponentType<TErrorViewProps>;\n    loadingViewProps?: TLoadingViewProps;\n    errorViewProps?: Omit<TErrorViewProps, keyof ErrorViewProps<TError>>;\n    children: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/build/esm/react/components/DataInfiniteLoader/DataInfiniteLoader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { DataInfiniteLoaderProps } from './types';
-export declare const DataInfiniteLoader: <TError>({ status, error, errorAction: errorActionProp, hasNextPage, fetchNextPage, isFetchingNextPage, LoadingView, ErrorView, MoreView, children, }: DataInfiniteLoaderProps<TError>) => React.ReactNode;
+export declare const DataInfiniteLoader: <TError>({ status, error, errorAction: errorActionProp, hasNextPage, fetchNextPage, isFetchingNextPage, LoadingView, ErrorView, MoreView, loadingViewProps, errorViewProps, moreViewProps, children, }: DataInfiniteLoaderProps<TError>) => React.ReactNode;

package/build/esm/react/components/DataInfiniteLoader/DataInfiniteLoader.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React from 'react';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export var DataInfiniteLoader = function DataInfiniteLoader(_ref) {
@@ -10,32 +11,35 @@ export var DataInfiniteLoader = function DataInfiniteLoader(_ref) {
     LoadingView = _ref.LoadingView,
     ErrorView = _ref.ErrorView,
     MoreView = _ref.MoreView,
+    loadingViewProps = _ref.loadingViewProps,
+    errorViewProps = _ref.errorViewProps,
+    moreViewProps = _ref.moreViewProps,
     children = _ref.children;
   var errorAction = React.useMemo(function () {
     return typeof errorActionProp === 'function' ? {
       handler: errorActionProp
     } : errorActionProp;
   }, [errorActionProp]);
-  var content = React.useMemo(function () {
+  var renderContent = function renderContent() {
     if (status === 'loading') {
-      return /*#__PURE__*/_jsx(LoadingView, {});
+      return /*#__PURE__*/_jsx(LoadingView, _objectSpread({}, loadingViewProps));
     }
     if (status === 'error') {
-      return /*#__PURE__*/_jsx(ErrorView, {
+      return /*#__PURE__*/_jsx(ErrorView, _objectSpread({
         error: error,
         action: errorAction
-      });
+      }, errorViewProps));
     }
     if (status === 'success' && hasNextPage) {
-      return /*#__PURE__*/_jsx(MoreView, {
+      return /*#__PURE__*/_jsx(MoreView, _objectSpread({
         isLoading: isFetchingNextPage,
         onClick: fetchNextPage
-      });
+      }, moreViewProps));
     }
     return null;
-  }, [status, hasNextPage, LoadingView, ErrorView, error, errorAction, MoreView, isFetchingNextPage, fetchNextPage]);
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [status === 'success' ? children : null, content]
+    children: [status === 'success' ? children : null, renderContent()]
   });
 };
 // #sourceMappingURL=DataInfiniteLoader.js.map

package/build/esm/react/components/DataInfiniteLoader/DataInfiniteLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DataInfiniteLoader","_ref","status","error","errorActionProp","errorAction","hasNextPage","fetchNextPage","isFetchingNextPage","LoadingView","ErrorView","MoreView","children","useMemo","handler","content","action","isLoading","onClick"],"sources":["DataInfiniteLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorViewProps} from '../types';\n\nimport type {DataInfiniteLoaderProps} from './types';\n\nexport const DataInfiniteLoader = <TError,>({\n    status,\n    error,\n    errorAction: errorActionProp,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    LoadingView,\n    ErrorView,\n    MoreView,\n    children,\n}: DataInfiniteLoaderProps<TError>): React.ReactNode => {\n    const errorAction = React.useMemo<ErrorViewProps<TError>['action']>(\n        () =>\n            typeof errorActionProp === 'function' ? {handler: errorActionProp} : errorActionProp,\n        [errorActionProp],\n    );\n\n    const content = React.useMemo(() => {\n        if (status === 'loading') {\n            return <LoadingView />;\n        }\n\n        if (status === 'error') {\n            return <ErrorView error={error} action={errorAction} />;\n        }\n\n        if (status === 'success' && hasNextPage) {\n            return <MoreView isLoading={isFetchingNextPage} onClick={fetchNextPage} />;\n        }\n\n        return null;\n    }, [\n        status,\n        hasNextPage,\n        LoadingView,\n        ErrorView,\n        error,\n        errorAction,\n        MoreView,\n        isFetchingNextPage,\n        fetchNextPage,\n    ]);\n\n    return (\n        <>\n            {status === 'success' ? children : null}\n            {content}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAM1B,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAWyB;EAAA,IAVpDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACQC,eAAe,GAAAH,IAAA,CAA5BI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;IAClBC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;EAER,IAAMP,WAAW,GAAGZ,KAAK,CAACoB,OAAO,CAC7B;IAAA,OACI,OAAOT,eAAe,KAAK,UAAU,GAAG;MAACU,OAAO,EAAEV;IAAe,CAAC,GAAGA,eAAe;EAAA,GACxF,CAACA,eAAe,CACpB,CAAC;EAED,IAAMW,OAAO,GAAGtB,KAAK,CAACoB,OAAO,CAAC,YAAM;IAChC,IAAIX,MAAM,KAAK,SAAS,EAAE;MACtB,oBAAOP,IAAA,CAACc,WAAW,IAAE,CAAC;IAC1B;IAEA,IAAIP,MAAM,KAAK,OAAO,EAAE;MACpB,oBAAOP,IAAA,CAACe,SAAS;QAACP,KAAK,EAAEA,KAAM;QAACa,MAAM,EAAEX;MAAY,CAAE,CAAC;IAC3D;IAEA,IAAIH,MAAM,KAAK,SAAS,IAAII,WAAW,EAAE;MACrC,oBAAOX,IAAA,CAACgB,QAAQ;QAACM,SAAS,EAAET,kBAAmB;QAACU,OAAO,EAAEX;MAAc,CAAE,CAAC;IAC9E;IAEA,OAAO,IAAI;EACf,CAAC,EAAE,CACCL,MAAM,EACNI,WAAW,EACXG,WAAW,EACXC,SAAS,EACTP,KAAK,EACLE,WAAW,EACXM,QAAQ,EACRH,kBAAkB,EAClBD,aAAa,CAChB,CAAC;EAEF,oBACIR,KAAA,CAAAF,SAAA;IAAAe,QAAA,GACKV,MAAM,KAAK,SAAS,GAAGU,QAAQ,GAAG,IAAI,EACtCG,OAAO;EAAA,CACV,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DataInfiniteLoader","_ref","status","error","errorActionProp","errorAction","hasNextPage","fetchNextPage","isFetchingNextPage","LoadingView","ErrorView","MoreView","loadingViewProps","errorViewProps","moreViewProps","children","useMemo","handler","renderContent","_objectSpread","action","isLoading","onClick"],"sources":["DataInfiniteLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorViewProps} from '../types';\n\nimport type {DataInfiniteLoaderProps} from './types';\n\nexport const DataInfiniteLoader = <TError,>({\n    status,\n    error,\n    errorAction: errorActionProp,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    LoadingView,\n    ErrorView,\n    MoreView,\n    loadingViewProps,\n    errorViewProps,\n    moreViewProps,\n    children,\n}: DataInfiniteLoaderProps<TError>): React.ReactNode => {\n    const errorAction = React.useMemo<ErrorViewProps<TError>['action']>(\n        () =>\n            typeof errorActionProp === 'function' ? {handler: errorActionProp} : errorActionProp,\n        [errorActionProp],\n    );\n\n    const renderContent = () => {\n        if (status === 'loading') {\n            return <LoadingView {...loadingViewProps} />;\n        }\n\n        if (status === 'error') {\n            return <ErrorView error={error} action={errorAction} {...errorViewProps} />;\n        }\n\n        if (status === 'success' && hasNextPage) {\n            return (\n                <MoreView\n                    isLoading={isFetchingNextPage}\n                    onClick={fetchNextPage}\n                    {...moreViewProps}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return (\n        <>\n            {status === 'success' ? children : null}\n            {renderContent()}\n        </>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAM1B,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAcyB;EAAA,IAbpDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACQC,eAAe,GAAAH,IAAA,CAA5BI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;IAClBC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,gBAAgB,GAAAX,IAAA,CAAhBW,gBAAgB;IAChBC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;EAER,IAAMV,WAAW,GAAGZ,KAAK,CAACuB,OAAO,CAC7B;IAAA,OACI,OAAOZ,eAAe,KAAK,UAAU,GAAG;MAACa,OAAO,EAAEb;IAAe,CAAC,GAAGA,eAAe;EAAA,GACxF,CAACA,eAAe,CACpB,CAAC;EAED,IAAMc,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IACxB,IAAIhB,MAAM,KAAK,SAAS,EAAE;MACtB,oBAAOP,IAAA,CAACc,WAAW,EAAAU,aAAA,KAAKP,gBAAgB,CAAG,CAAC;IAChD;IAEA,IAAIV,MAAM,KAAK,OAAO,EAAE;MACpB,oBAAOP,IAAA,CAACe,SAAS,EAAAS,aAAA;QAAChB,KAAK,EAAEA,KAAM;QAACiB,MAAM,EAAEf;MAAY,GAAKQ,cAAc,CAAG,CAAC;IAC/E;IAEA,IAAIX,MAAM,KAAK,SAAS,IAAII,WAAW,EAAE;MACrC,oBACIX,IAAA,CAACgB,QAAQ,EAAAQ,aAAA;QACLE,SAAS,EAAEb,kBAAmB;QAC9Bc,OAAO,EAAEf;MAAc,GACnBO,aAAa,CACpB,CAAC;IAEV;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACIf,KAAA,CAAAF,SAAA;IAAAkB,QAAA,GACKb,MAAM,KAAK,SAAS,GAAGa,QAAQ,GAAG,IAAI,EACtCG,aAAa,CAAC,CAAC;EAAA,CAClB,CAAC;AAEX,CAAC","ignoreList":[]}

package/build/esm/react/components/DataInfiniteLoader/types.d.ts

@@ -5,15 +5,18 @@ export interface MoreViewProps {
     isLoading: boolean;
     onClick: () => void;
 }
-export interface DataInfiniteLoaderProps<TError> {
+export interface DataInfiniteLoaderProps<TError, TLoadingViewProps extends {} = {}, TErrorViewProps extends ErrorViewProps<TError> = ErrorViewProps<TError>, TMoreViewProps extends MoreViewProps = MoreViewProps> {
     status: DataLoaderStatus;
     error: TError | null;
     errorAction?: ErrorAction | ErrorAction['handler'];
     hasNextPage: boolean;
     fetchNextPage: () => unknown;
     isFetchingNextPage: boolean;
-    LoadingView: ComponentType;
-    ErrorView: ComponentType<ErrorViewProps<TError>>;
-    MoreView: ComponentType<MoreViewProps>;
+    LoadingView: ComponentType<TLoadingViewProps>;
+    ErrorView: ComponentType<TErrorViewProps>;
+    MoreView: ComponentType<TMoreViewProps>;
+    loadingViewProps?: TLoadingViewProps;
+    errorViewProps?: Omit<TErrorViewProps, keyof ErrorViewProps<TError>>;
+    moreViewProps?: Omit<TMoreViewProps, keyof MoreViewProps>;
     children: ReactNode;
 }

package/build/esm/react/components/DataInfiniteLoader/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ComponentType, ReactNode} from 'react';\n\nimport type {DataLoaderStatus} from '../../../core';\nimport type {ErrorAction, ErrorViewProps} from '../types';\n\nexport interface MoreViewProps {\n    isLoading: boolean;\n    onClick: () => void;\n}\n\nexport interface DataInfiniteLoaderProps<TError> {\n    status: DataLoaderStatus;\n    error: TError | null;\n    errorAction?: ErrorAction | ErrorAction['handler'];\n    hasNextPage: boolean;\n    fetchNextPage: () => unknown;\n    isFetchingNextPage: boolean;\n    LoadingView: ComponentType;\n    ErrorView: ComponentType<ErrorViewProps<TError>>;\n    MoreView: ComponentType<MoreViewProps>;\n    children: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ComponentType, ReactNode} from 'react';\n\nimport type {DataLoaderStatus} from '../../../core';\nimport type {ErrorAction, ErrorViewProps} from '../types';\n\nexport interface MoreViewProps {\n    isLoading: boolean;\n    onClick: () => void;\n}\n\nexport interface DataInfiniteLoaderProps<\n    TError,\n    TLoadingViewProps extends {} = {},\n    TErrorViewProps extends ErrorViewProps<TError> = ErrorViewProps<TError>,\n    TMoreViewProps extends MoreViewProps = MoreViewProps,\n> {\n    status: DataLoaderStatus;\n    error: TError | null;\n    errorAction?: ErrorAction | ErrorAction['handler'];\n    hasNextPage: boolean;\n    fetchNextPage: () => unknown;\n    isFetchingNextPage: boolean;\n    LoadingView: ComponentType<TLoadingViewProps>;\n    ErrorView: ComponentType<TErrorViewProps>;\n    MoreView: ComponentType<TMoreViewProps>;\n    loadingViewProps?: TLoadingViewProps;\n    errorViewProps?: Omit<TErrorViewProps, keyof ErrorViewProps<TError>>;\n    moreViewProps?: Omit<TMoreViewProps, keyof MoreViewProps>;\n    children: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/build/esm/react/components/DataLoader/DataLoader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { DataLoaderProps } from './types';
-export declare const DataLoader: <TError>({ status, error, errorAction: errorActionProp, LoadingView, ErrorView, children, }: DataLoaderProps<TError>) => React.ReactNode;
+export declare const DataLoader: <TError>({ status, error, errorAction: errorActionProp, LoadingView, ErrorView, loadingViewProps, errorViewProps, children, }: DataLoaderProps<TError>) => React.ReactNode;

package/build/esm/react/components/DataLoader/DataLoader.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React from 'react';
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export var DataLoader = function DataLoader(_ref) {
@@ -6,6 +7,8 @@ export var DataLoader = function DataLoader(_ref) {
     errorActionProp = _ref.errorAction,
     LoadingView = _ref.LoadingView,
     ErrorView = _ref.ErrorView,
+    loadingViewProps = _ref.loadingViewProps,
+    errorViewProps = _ref.errorViewProps,
     children = _ref.children;
   var errorAction = React.useMemo(function () {
     return typeof errorActionProp === 'function' ? {
@@ -13,13 +16,13 @@ export var DataLoader = function DataLoader(_ref) {
     } : errorActionProp;
   }, [errorActionProp]);
   if (status === 'loading') {
-    return /*#__PURE__*/_jsx(LoadingView, {});
+    return /*#__PURE__*/_jsx(LoadingView, _objectSpread({}, loadingViewProps));
   }
   if (status === 'error') {
-    return /*#__PURE__*/_jsx(ErrorView, {
+    return /*#__PURE__*/_jsx(ErrorView, _objectSpread({
       error: error,
       action: errorAction
-    });
+    }, errorViewProps));
   }
   return /*#__PURE__*/_jsx(_Fragment, {
     children: children

package/build/esm/react/components/DataLoader/DataLoader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","jsx","_jsx","Fragment","_Fragment","DataLoader","_ref","status","error","errorActionProp","errorAction","LoadingView","ErrorView","children","useMemo","handler","action"],"sources":["DataLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorViewProps} from '../types';\n\nimport type {DataLoaderProps} from './types';\n\nexport const DataLoader = <TError,>({\n    status,\n    error,\n    errorAction: errorActionProp,\n    LoadingView,\n    ErrorView,\n    children,\n}: DataLoaderProps<TError>): React.ReactNode => {\n    const errorAction = React.useMemo<ErrorViewProps<TError>['action']>(\n        () =>\n            typeof errorActionProp === 'function' ? {handler: errorActionProp} : errorActionProp,\n        [errorActionProp],\n    );\n\n    if (status === 'loading') {\n        return <LoadingView />;\n    }\n\n    if (status === 'error') {\n        return <ErrorView error={error} action={errorAction} />;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAM1B,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAOyB;EAAA,IAN5CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACQC,eAAe,GAAAH,IAAA,CAA5BI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,IAAMH,WAAW,GAAGV,KAAK,CAACc,OAAO,CAC7B;IAAA,OACI,OAAOL,eAAe,KAAK,UAAU,GAAG;MAACM,OAAO,EAAEN;IAAe,CAAC,GAAGA,eAAe;EAAA,GACxF,CAACA,eAAe,CACpB,CAAC;EAED,IAAIF,MAAM,KAAK,SAAS,EAAE;IACtB,oBAAOL,IAAA,CAACS,WAAW,IAAE,CAAC;EAC1B;EAEA,IAAIJ,MAAM,KAAK,OAAO,EAAE;IACpB,oBAAOL,IAAA,CAACU,SAAS;MAACJ,KAAK,EAAEA,KAAM;MAACQ,MAAM,EAAEN;IAAY,CAAE,CAAC;EAC3D;EAEA,oBAAOR,IAAA,CAAAE,SAAA;IAAAS,QAAA,EAAGA;EAAQ,CAAG,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","jsx","_jsx","Fragment","_Fragment","DataLoader","_ref","status","error","errorActionProp","errorAction","LoadingView","ErrorView","loadingViewProps","errorViewProps","children","useMemo","handler","_objectSpread","action"],"sources":["DataLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {ErrorViewProps} from '../types';\n\nimport type {DataLoaderProps} from './types';\n\nexport const DataLoader = <TError,>({\n    status,\n    error,\n    errorAction: errorActionProp,\n    LoadingView,\n    ErrorView,\n    loadingViewProps,\n    errorViewProps,\n    children,\n}: DataLoaderProps<TError>): React.ReactNode => {\n    const errorAction = React.useMemo<ErrorViewProps<TError>['action']>(\n        () =>\n            typeof errorActionProp === 'function' ? {handler: errorActionProp} : errorActionProp,\n        [errorActionProp],\n    );\n\n    if (status === 'loading') {\n        return <LoadingView {...loadingViewProps} />;\n    }\n\n    if (status === 'error') {\n        return <ErrorView error={error} action={errorAction} {...errorViewProps} />;\n    }\n\n    return <>{children}</>;\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAM1B,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EASyB;EAAA,IAR5CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACQC,eAAe,GAAAH,IAAA,CAA5BI,WAAW;IACXC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAER,IAAML,WAAW,GAAGV,KAAK,CAACgB,OAAO,CAC7B;IAAA,OACI,OAAOP,eAAe,KAAK,UAAU,GAAG;MAACQ,OAAO,EAAER;IAAe,CAAC,GAAGA,eAAe;EAAA,GACxF,CAACA,eAAe,CACpB,CAAC;EAED,IAAIF,MAAM,KAAK,SAAS,EAAE;IACtB,oBAAOL,IAAA,CAACS,WAAW,EAAAO,aAAA,KAAKL,gBAAgB,CAAG,CAAC;EAChD;EAEA,IAAIN,MAAM,KAAK,OAAO,EAAE;IACpB,oBAAOL,IAAA,CAACU,SAAS,EAAAM,aAAA;MAACV,KAAK,EAAEA,KAAM;MAACW,MAAM,EAAET;IAAY,GAAKI,cAAc,CAAG,CAAC;EAC/E;EAEA,oBAAOZ,IAAA,CAAAE,SAAA;IAAAW,QAAA,EAAGA;EAAQ,CAAG,CAAC;AAC1B,CAAC","ignoreList":[]}

package/build/esm/react/components/DataLoader/types.d.ts

@@ -1,11 +1,13 @@
 import type { ComponentType, ReactNode } from 'react';
 import type { DataLoaderStatus } from '../../../core';
 import type { ErrorAction, ErrorViewProps } from '../types';
-export interface DataLoaderProps<TError> {
+export interface DataLoaderProps<TError, TLoadingViewProps extends {} = {}, TErrorViewProps extends ErrorViewProps<TError> = ErrorViewProps<TError>> {
     status: DataLoaderStatus;
     error: TError | null;
     errorAction?: ErrorAction | ErrorAction['handler'];
-    LoadingView: ComponentType;
-    ErrorView: ComponentType<ErrorViewProps<TError>>;
+    LoadingView: ComponentType<TLoadingViewProps>;
+    ErrorView: ComponentType<TErrorViewProps>;
+    loadingViewProps?: TLoadingViewProps;
+    errorViewProps?: Omit<TErrorViewProps, keyof ErrorViewProps<TError>>;
     children: ReactNode;
 }

package/build/esm/react/components/DataLoader/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ComponentType, ReactNode} from 'react';\n\nimport type {DataLoaderStatus} from '../../../core';\nimport type {ErrorAction, ErrorViewProps} from '../types';\n\nexport interface DataLoaderProps<TError> {\n    status: DataLoaderStatus;\n    error: TError | null;\n    errorAction?: ErrorAction | ErrorAction['handler'];\n    LoadingView: ComponentType;\n    ErrorView: ComponentType<ErrorViewProps<TError>>;\n    children: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {ComponentType, ReactNode} from 'react';\n\nimport type {DataLoaderStatus} from '../../../core';\nimport type {ErrorAction, ErrorViewProps} from '../types';\n\nexport interface DataLoaderProps<\n    TError,\n    TLoadingViewProps extends {} = {},\n    TErrorViewProps extends ErrorViewProps<TError> = ErrorViewProps<TError>,\n> {\n    status: DataLoaderStatus;\n    error: TError | null;\n    errorAction?: ErrorAction | ErrorAction['handler'];\n    LoadingView: ComponentType<TLoadingViewProps>;\n    ErrorView: ComponentType<TErrorViewProps>;\n    loadingViewProps?: TLoadingViewProps;\n    errorViewProps?: Omit<TErrorViewProps, keyof ErrorViewProps<TError>>;\n    children: ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/data-source",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "A wrapper around data fetching",
   "keywords": [
     "data-fetching",