@gravity-ui/data-source 0.6.1 → 0.8.0

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

@@ -0,0 +1,187 @@
+"use strict";
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _DataInfiniteLoader = require("../DataInfiniteLoader");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var MockLoadingView = function MockLoadingView() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-testid": "loading-view",
+    children: "Loading..."
+  });
+};
+var MockErrorView = function MockErrorView(_ref) {
+  var error = _ref.error,
+    action = _ref.action;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-testid": "error-view",
+    children: [error ? "Error: ".concat(error.message) : 'No error', action ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      "data-testid": "error-action",
+      onClick: action.handler,
+      children: action.children || 'Retry'
+    }) : null]
+  });
+};
+var MockMoreView = function MockMoreView(_ref2) {
+  var isLoading = _ref2.isLoading,
+    onClick = _ref2.onClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-testid": "more-view",
+    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      "data-testid": "more-view-loading",
+      children: "Loading more..."
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      "data-testid": "more-view-button",
+      onClick: onClick,
+      children: "Load more"
+    })
+  });
+};
+describe('DataInfiniteLoader', function () {
+  var renderDataInfiniteLoader = function renderDataInfiniteLoader() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var fetchNextPage = jest.fn();
+    var defaultProps = {
+      status: 'success',
+      error: null,
+      hasNextPage: true,
+      fetchNextPage: fetchNextPage,
+      isFetchingNextPage: false,
+      LoadingView: MockLoadingView,
+      ErrorView: MockErrorView,
+      MoreView: MockMoreView,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-testid": "content",
+        children: "Content"
+      })
+    };
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _react2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataInfiniteLoader.DataInfiniteLoader, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultProps), props)))), {}, {
+      fetchNextPage: fetchNextPage
+    });
+  };
+  it('should render children and MoreView when status is success and hasNextPage is true', function () {
+    renderDataInfiniteLoader({
+      status: 'success',
+      hasNextPage: true
+    });
+    expect(_react2.screen.getByTestId('content')).toBeInTheDocument();
+    expect(_react2.screen.getByTestId('more-view')).toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('loading-view')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('error-view')).not.toBeInTheDocument();
+  });
+  it('should render only children when status is success and hasNextPage is false', function () {
+    renderDataInfiniteLoader({
+      status: 'success',
+      hasNextPage: false
+    });
+    expect(_react2.screen.getByTestId('content')).toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('more-view')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('loading-view')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('error-view')).not.toBeInTheDocument();
+  });
+  it('should render LoadingView when status is loading', function () {
+    renderDataInfiniteLoader({
+      status: 'loading'
+    });
+    expect(_react2.screen.getByTestId('loading-view')).toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('content')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('more-view')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('error-view')).not.toBeInTheDocument();
+  });
+  it('should render ErrorView when status is error', function () {
+    var error = new Error('Test error');
+    renderDataInfiniteLoader({
+      status: 'error',
+      error: error
+    });
+    expect(_react2.screen.getByTestId('error-view')).toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('content')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('more-view')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('loading-view')).not.toBeInTheDocument();
+    expect(_react2.screen.getByText(/Test error/)).toBeInTheDocument();
+  });
+  it('should call fetchNextPage when clicking on load more button', function () {
+    var _renderDataInfiniteLo = renderDataInfiniteLoader({
+        status: 'success',
+        hasNextPage: true,
+        isFetchingNextPage: false
+      }),
+      fetchNextPage = _renderDataInfiniteLo.fetchNextPage;
+    _react2.fireEvent.click(_react2.screen.getByTestId('more-view-button'));
+    expect(fetchNextPage).toHaveBeenCalledTimes(1);
+  });
+  it('should show loading state in MoreView when isFetchingNextPage is true', function () {
+    renderDataInfiniteLoader({
+      status: 'success',
+      hasNextPage: true,
+      isFetchingNextPage: true
+    });
+    expect(_react2.screen.getByTestId('more-view-loading')).toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('more-view-button')).not.toBeInTheDocument();
+  });
+  it('should pass errorAction to ErrorView', function () {
+    var error = new Error('Test error');
+    var errorAction = jest.fn();
+    renderDataInfiniteLoader({
+      status: 'error',
+      error: error,
+      errorAction: errorAction
+    });
+    expect(_react2.screen.getByTestId('error-action')).toBeInTheDocument();
+  });
+  it('should pass errorAction with custom children to ErrorView', function () {
+    var error = new Error('Test error');
+    var errorAction = {
+      handler: jest.fn(),
+      children: 'Custom action'
+    };
+    renderDataInfiniteLoader({
+      status: 'error',
+      error: error,
+      errorAction: errorAction
+    });
+    expect(_react2.screen.getByText('Custom action')).toBeInTheDocument();
+  });
+  it('should pass loadingViewProps to LoadingView', function () {
+    var LoadingView = jest.fn(MockLoadingView);
+    var loadingViewProps = {
+      customProp: 'test'
+    };
+    renderDataInfiniteLoader({
+      status: 'loading',
+      LoadingView: LoadingView,
+      loadingViewProps: loadingViewProps
+    });
+    expect(LoadingView).toHaveBeenCalledWith(expect.objectContaining(loadingViewProps), undefined);
+  });
+  it('should pass errorViewProps to ErrorView', function () {
+    var ErrorView = jest.fn(MockErrorView);
+    var errorViewProps = {
+      customProp: 'test'
+    };
+    var error = new Error('Test error');
+    renderDataInfiniteLoader({
+      status: 'error',
+      error: error,
+      ErrorView: ErrorView,
+      errorViewProps: errorViewProps
+    });
+    expect(ErrorView).toHaveBeenCalledWith(expect.objectContaining(errorViewProps), undefined);
+  });
+  it('should pass moreViewProps to MoreView', function () {
+    var MoreView = jest.fn(MockMoreView);
+    var moreViewProps = {
+      customProp: 'test'
+    };
+    renderDataInfiniteLoader({
+      status: 'success',
+      hasNextPage: true,
+      MoreView: MoreView,
+      moreViewProps: moreViewProps
+    });
+    expect(MoreView).toHaveBeenCalledWith(expect.objectContaining(moreViewProps), undefined);
+  });
+});
+// #sourceMappingURL=DataInfiniteLoader.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_DataInfiniteLoader","_jsxRuntime","e","__esModule","default","MockLoadingView","_jsx","children","MockErrorView","_ref","error","action","_jsxs","concat","message","onClick","handler","MockMoreView","_ref2","isLoading","describe","renderDataInfiniteLoader","props","arguments","length","undefined","fetchNextPage","jest","fn","defaultProps","status","hasNextPage","isFetchingNextPage","LoadingView","ErrorView","MoreView","_objectSpread","render","DataInfiniteLoader","it","expect","screen","getByTestId","toBeInTheDocument","queryByTestId","not","Error","getByText","_renderDataInfiniteLo","fireEvent","click","toHaveBeenCalledTimes","errorAction","loadingViewProps","customProp","toHaveBeenCalledWith","objectContaining","errorViewProps","moreViewProps"],"sources":["DataInfiniteLoader.test.tsx"],"sourcesContent":["import React from 'react';\n\nimport {fireEvent, render, screen} from '@testing-library/react';\n\nimport type {ErrorViewProps} from '../../types';\nimport {DataInfiniteLoader} from '../DataInfiniteLoader';\nimport type {DataInfiniteLoaderProps, MoreViewProps} from '../types';\n\nconst MockLoadingView = () => <div data-testid=\"loading-view\">Loading...</div>;\nconst MockErrorView: React.FC<ErrorViewProps<Error>> = ({error, action}) => (\n    <div data-testid=\"error-view\">\n        {error ? `Error: ${error.message}` : 'No error'}\n        {action ? (\n            <button data-testid=\"error-action\" onClick={action.handler}>\n                {action.children || 'Retry'}\n            </button>\n        ) : null}\n    </div>\n);\nconst MockMoreView: React.FC<MoreViewProps> = ({isLoading, onClick}) => (\n    <div data-testid=\"more-view\">\n        {isLoading ? (\n            <span data-testid=\"more-view-loading\">Loading more...</span>\n        ) : (\n            <button data-testid=\"more-view-button\" onClick={onClick}>\n                Load more\n            </button>\n        )}\n    </div>\n);\n\ndescribe('DataInfiniteLoader', () => {\n    const renderDataInfiniteLoader = (props: Partial<DataInfiniteLoaderProps<Error>> = {}) => {\n        const fetchNextPage = jest.fn();\n        const defaultProps: DataInfiniteLoaderProps<Error> = {\n            status: 'success',\n            error: null,\n            hasNextPage: true,\n            fetchNextPage,\n            isFetchingNextPage: false,\n            LoadingView: MockLoadingView,\n            ErrorView: MockErrorView,\n            MoreView: MockMoreView,\n            children: <div data-testid=\"content\">Content</div>,\n        };\n\n        return {\n            ...render(<DataInfiniteLoader {...defaultProps} {...props} />),\n            fetchNextPage,\n        };\n    };\n\n    it('should render children and MoreView when status is success and hasNextPage is true', () => {\n        renderDataInfiniteLoader({status: 'success', hasNextPage: true});\n        expect(screen.getByTestId('content')).toBeInTheDocument();\n        expect(screen.getByTestId('more-view')).toBeInTheDocument();\n        expect(screen.queryByTestId('loading-view')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('error-view')).not.toBeInTheDocument();\n    });\n\n    it('should render only children when status is success and hasNextPage is false', () => {\n        renderDataInfiniteLoader({status: 'success', hasNextPage: false});\n        expect(screen.getByTestId('content')).toBeInTheDocument();\n        expect(screen.queryByTestId('more-view')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('loading-view')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('error-view')).not.toBeInTheDocument();\n    });\n\n    it('should render LoadingView when status is loading', () => {\n        renderDataInfiniteLoader({status: 'loading'});\n        expect(screen.getByTestId('loading-view')).toBeInTheDocument();\n        expect(screen.queryByTestId('content')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('more-view')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('error-view')).not.toBeInTheDocument();\n    });\n\n    it('should render ErrorView when status is error', () => {\n        const error = new Error('Test error');\n        renderDataInfiniteLoader({status: 'error', error});\n        expect(screen.getByTestId('error-view')).toBeInTheDocument();\n        expect(screen.queryByTestId('content')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('more-view')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('loading-view')).not.toBeInTheDocument();\n        expect(screen.getByText(/Test error/)).toBeInTheDocument();\n    });\n\n    it('should call fetchNextPage when clicking on load more button', () => {\n        const {fetchNextPage} = renderDataInfiniteLoader({\n            status: 'success',\n            hasNextPage: true,\n            isFetchingNextPage: false,\n        });\n        fireEvent.click(screen.getByTestId('more-view-button'));\n        expect(fetchNextPage).toHaveBeenCalledTimes(1);\n    });\n\n    it('should show loading state in MoreView when isFetchingNextPage is true', () => {\n        renderDataInfiniteLoader({\n            status: 'success',\n            hasNextPage: true,\n            isFetchingNextPage: true,\n        });\n        expect(screen.getByTestId('more-view-loading')).toBeInTheDocument();\n        expect(screen.queryByTestId('more-view-button')).not.toBeInTheDocument();\n    });\n\n    it('should pass errorAction to ErrorView', () => {\n        const error = new Error('Test error');\n        const errorAction = jest.fn();\n        renderDataInfiniteLoader({\n            status: 'error',\n            error,\n            errorAction,\n        });\n        expect(screen.getByTestId('error-action')).toBeInTheDocument();\n    });\n\n    it('should pass errorAction with custom children to ErrorView', () => {\n        const error = new Error('Test error');\n        const errorAction = {\n            handler: jest.fn(),\n            children: 'Custom action',\n        };\n        renderDataInfiniteLoader({\n            status: 'error',\n            error,\n            errorAction,\n        });\n        expect(screen.getByText('Custom action')).toBeInTheDocument();\n    });\n\n    it('should pass loadingViewProps to LoadingView', () => {\n        const LoadingView = jest.fn(MockLoadingView);\n        const loadingViewProps = {customProp: 'test'};\n        renderDataInfiniteLoader({\n            status: 'loading',\n            LoadingView,\n            loadingViewProps,\n        });\n        expect(LoadingView).toHaveBeenCalledWith(\n            expect.objectContaining(loadingViewProps),\n            undefined,\n        );\n    });\n\n    it('should pass errorViewProps to ErrorView', () => {\n        const ErrorView = jest.fn(MockErrorView);\n        const errorViewProps = {customProp: 'test'};\n        const error = new Error('Test error');\n        renderDataInfiniteLoader({\n            status: 'error',\n            error,\n            ErrorView,\n            errorViewProps,\n        });\n        expect(ErrorView).toHaveBeenCalledWith(expect.objectContaining(errorViewProps), undefined);\n    });\n\n    it('should pass moreViewProps to MoreView', () => {\n        const MoreView = jest.fn(MockMoreView);\n        const moreViewProps = {customProp: 'test'};\n        renderDataInfiniteLoader({\n            status: 'success',\n            hasNextPage: true,\n            MoreView,\n            moreViewProps,\n        });\n        expect(MoreView).toHaveBeenCalledWith(expect.objectContaining(moreViewProps), undefined);\n    });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,119 @@
+"use strict";
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _DataLoader = require("../DataLoader");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var MockLoadingView = function MockLoadingView() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-testid": "loading-view",
+    children: "Loading..."
+  });
+};
+var MockErrorView = function MockErrorView(_ref) {
+  var error = _ref.error,
+    action = _ref.action;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-testid": "error-view",
+    children: [error ? "Error: ".concat(error.message) : 'No error', action ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      "data-testid": "error-action",
+      onClick: action.handler,
+      children: action.children || 'Retry'
+    }) : null]
+  });
+};
+describe('DataLoader', function () {
+  var renderDataLoader = function renderDataLoader() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var defaultProps = {
+      status: 'success',
+      error: null,
+      LoadingView: MockLoadingView,
+      ErrorView: MockErrorView,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-testid": "content",
+        children: "Content"
+      })
+    };
+    return (0, _react2.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DataLoader.DataLoader, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultProps), props)));
+  };
+  it('should render children when status is success', function () {
+    renderDataLoader({
+      status: 'success'
+    });
+    expect(_react2.screen.getByTestId('content')).toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('loading-view')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('error-view')).not.toBeInTheDocument();
+  });
+  it('should render LoadingView when status is loading', function () {
+    renderDataLoader({
+      status: 'loading'
+    });
+    expect(_react2.screen.getByTestId('loading-view')).toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('content')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('error-view')).not.toBeInTheDocument();
+  });
+  it('should render ErrorView when status is error', function () {
+    var error = new Error('Test error');
+    renderDataLoader({
+      status: 'error',
+      error: error
+    });
+    expect(_react2.screen.getByTestId('error-view')).toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('content')).not.toBeInTheDocument();
+    expect(_react2.screen.queryByTestId('loading-view')).not.toBeInTheDocument();
+    expect(_react2.screen.getByText(/Test error/)).toBeInTheDocument();
+  });
+  it('should pass errorAction to ErrorView', function () {
+    var error = new Error('Test error');
+    var errorAction = jest.fn();
+    renderDataLoader({
+      status: 'error',
+      error: error,
+      errorAction: errorAction
+    });
+    expect(_react2.screen.getByTestId('error-action')).toBeInTheDocument();
+  });
+  it('should pass errorAction with custom children to ErrorView', function () {
+    var error = new Error('Test error');
+    var errorAction = {
+      handler: jest.fn(),
+      children: 'Custom action'
+    };
+    renderDataLoader({
+      status: 'error',
+      error: error,
+      errorAction: errorAction
+    });
+    expect(_react2.screen.getByText('Custom action')).toBeInTheDocument();
+  });
+  it('should pass loadingViewProps to LoadingView', function () {
+    var LoadingView = jest.fn(MockLoadingView);
+    var loadingViewProps = {
+      customProp: 'test'
+    };
+    renderDataLoader({
+      status: 'loading',
+      LoadingView: LoadingView,
+      loadingViewProps: loadingViewProps
+    });
+    expect(LoadingView).toHaveBeenCalledWith(expect.objectContaining(loadingViewProps), undefined);
+  });
+  it('should pass errorViewProps to ErrorView', function () {
+    var ErrorView = jest.fn(MockErrorView);
+    var errorViewProps = {
+      customProp: 'test'
+    };
+    var error = new Error('Test error');
+    renderDataLoader({
+      status: 'error',
+      error: error,
+      ErrorView: ErrorView,
+      errorViewProps: errorViewProps
+    });
+    expect(ErrorView).toHaveBeenCalledWith(expect.objectContaining(errorViewProps), undefined);
+  });
+});
+// #sourceMappingURL=DataLoader.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_DataLoader","_jsxRuntime","e","__esModule","default","MockLoadingView","_jsx","children","MockErrorView","_ref","error","action","_jsxs","concat","message","onClick","handler","describe","renderDataLoader","props","arguments","length","undefined","defaultProps","status","LoadingView","ErrorView","render","DataLoader","_objectSpread","it","expect","screen","getByTestId","toBeInTheDocument","queryByTestId","not","Error","getByText","errorAction","jest","fn","loadingViewProps","customProp","toHaveBeenCalledWith","objectContaining","errorViewProps"],"sources":["DataLoader.test.tsx"],"sourcesContent":["import React from 'react';\n\nimport {render, screen} from '@testing-library/react';\n\nimport type {ErrorViewProps} from '../../types';\nimport {DataLoader} from '../DataLoader';\nimport type {DataLoaderProps} from '../types';\n\nconst MockLoadingView = () => <div data-testid=\"loading-view\">Loading...</div>;\nconst MockErrorView: React.FC<ErrorViewProps<Error>> = ({error, action}) => (\n    <div data-testid=\"error-view\">\n        {error ? `Error: ${error.message}` : 'No error'}\n        {action ? (\n            <button data-testid=\"error-action\" onClick={action.handler}>\n                {action.children || 'Retry'}\n            </button>\n        ) : null}\n    </div>\n);\n\ndescribe('DataLoader', () => {\n    const renderDataLoader = (props: Partial<DataLoaderProps<Error>> = {}) => {\n        const defaultProps: DataLoaderProps<Error> = {\n            status: 'success',\n            error: null,\n            LoadingView: MockLoadingView,\n            ErrorView: MockErrorView,\n            children: <div data-testid=\"content\">Content</div>,\n        };\n\n        return render(<DataLoader {...defaultProps} {...props} />);\n    };\n\n    it('should render children when status is success', () => {\n        renderDataLoader({status: 'success'});\n        expect(screen.getByTestId('content')).toBeInTheDocument();\n        expect(screen.queryByTestId('loading-view')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('error-view')).not.toBeInTheDocument();\n    });\n\n    it('should render LoadingView when status is loading', () => {\n        renderDataLoader({status: 'loading'});\n        expect(screen.getByTestId('loading-view')).toBeInTheDocument();\n        expect(screen.queryByTestId('content')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('error-view')).not.toBeInTheDocument();\n    });\n\n    it('should render ErrorView when status is error', () => {\n        const error = new Error('Test error');\n        renderDataLoader({status: 'error', error});\n        expect(screen.getByTestId('error-view')).toBeInTheDocument();\n        expect(screen.queryByTestId('content')).not.toBeInTheDocument();\n        expect(screen.queryByTestId('loading-view')).not.toBeInTheDocument();\n        expect(screen.getByText(/Test error/)).toBeInTheDocument();\n    });\n\n    it('should pass errorAction to ErrorView', () => {\n        const error = new Error('Test error');\n        const errorAction = jest.fn();\n        renderDataLoader({\n            status: 'error',\n            error,\n            errorAction,\n        });\n        expect(screen.getByTestId('error-action')).toBeInTheDocument();\n    });\n\n    it('should pass errorAction with custom children to ErrorView', () => {\n        const error = new Error('Test error');\n        const errorAction = {\n            handler: jest.fn(),\n            children: 'Custom action',\n        };\n        renderDataLoader({\n            status: 'error',\n            error,\n            errorAction,\n        });\n        expect(screen.getByText('Custom action')).toBeInTheDocument();\n    });\n\n    it('should pass loadingViewProps to LoadingView', () => {\n        const LoadingView = jest.fn(MockLoadingView);\n        const loadingViewProps = {customProp: 'test'};\n        renderDataLoader({\n            status: 'loading',\n            LoadingView,\n            loadingViewProps,\n        });\n        expect(LoadingView).toHaveBeenCalledWith(\n            expect.objectContaining(loadingViewProps),\n            undefined,\n        );\n    });\n\n    it('should pass errorViewProps to ErrorView', () => {\n        const ErrorView = jest.fn(MockErrorView);\n        const errorViewProps = {customProp: 'test'};\n        const error = new Error('Test error');\n        renderDataLoader({\n            status: 'error',\n            error,\n            ErrorView,\n            errorViewProps,\n        });\n        expect(ErrorView).toHaveBeenCalledWith(expect.objectContaining(errorViewProps), undefined);\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/react/index.d.ts

@@ -1,4 +1,6 @@
 export { DataManagerContext, useDataManager } from './DataManagerContext';
+export { DataManagerProvider } from './DataManagerProvider';
+export type { DataManagerProviderProps } from './DataManagerProvider';
 export type { WithDataManagerProps } from './withDataManager';
 export { withDataManager } from './withDataManager';
 export type { ErrorAction, ErrorViewProps } from './components/types';

package/build/cjs/react/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   DataManagerContext: true,
   useDataManager: true,
+  DataManagerProvider: true,
   withDataManager: true
 };
 Object.defineProperty(exports, "DataManagerContext", {
@@ -14,6 +15,12 @@ Object.defineProperty(exports, "DataManagerContext", {
     return _DataManagerContext.DataManagerContext;
   }
 });
+Object.defineProperty(exports, "DataManagerProvider", {
+  enumerable: true,
+  get: function () {
+    return _DataManagerProvider.DataManagerProvider;
+  }
+});
 Object.defineProperty(exports, "useDataManager", {
   enumerable: true,
   get: function () {
@@ -27,6 +34,7 @@ Object.defineProperty(exports, "withDataManager", {
   }
 });
 var _DataManagerContext = require("./DataManagerContext");
+var _DataManagerProvider = require("./DataManagerProvider");
 var _withDataManager = require("./withDataManager");
 var _DataLoader = require("./components/DataLoader");
 Object.keys(_DataLoader).forEach(function (key) {

package/build/cjs/react/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_DataManagerContext","require","_withDataManager","_DataLoader","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DataInfiniteLoader"],"sources":["index.ts"],"sourcesContent":["export {DataManagerContext, useDataManager} from './DataManagerContext';\n\nexport type {WithDataManagerProps} from './withDataManager';\nexport {withDataManager} from './withDataManager';\n\nexport type {ErrorAction, ErrorViewProps} from './components/types';\nexport * from './components/DataLoader';\nexport * from './components/DataInfiniteLoader';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AAGA,IAAAE,WAAA,GAAAF,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,mBAAA,GAAAf,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAW,mBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,mBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,mBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_DataManagerContext","require","_DataManagerProvider","_withDataManager","_DataLoader","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_DataInfiniteLoader"],"sources":["index.ts"],"sourcesContent":["export {DataManagerContext, useDataManager} from './DataManagerContext';\nexport {DataManagerProvider} from './DataManagerProvider';\nexport type {DataManagerProviderProps} from './DataManagerProvider';\n\nexport type {WithDataManagerProps} from './withDataManager';\nexport {withDataManager} from './withDataManager';\n\nexport type {ErrorAction, ErrorViewProps} from './components/types';\nexport * from './components/DataLoader';\nexport * from './components/DataInfiniteLoader';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAIA,IAAAE,gBAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,mBAAA,GAAAhB,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAW,mBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,mBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,mBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/build/cjs/react/withDataManager.d.ts

@@ -3,4 +3,4 @@ import type { DataManager } from '../core';
 export interface WithDataManagerProps {
     dataManager: DataManager;
 }
-export declare const withDataManager: <T extends WithDataManagerProps>(WrappedComponent: React.ComponentType<WithDataManagerProps>) => React.FC<T>;
+export declare const withDataManager: <T>(Component: React.ComponentType<T & WithDataManagerProps>) => React.FC<T>;

package/build/cjs/react/withDataManager.js

@@ -9,14 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 var _DataManagerContext = require("./DataManagerContext");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var withDataManager = exports.withDataManager = function withDataManager(WrappedComponent) {
+var withDataManager = exports.withDataManager = function withDataManager(Component) {
   var ComponentWithDataManager = function ComponentWithDataManager(props) {
     var dataManager = (0, _DataManagerContext.useDataManager)();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
       dataManager: dataManager
     }));
   };
-  ComponentWithDataManager.displayName = "WithDataManager".concat(WrappedComponent.displayName || WrappedComponent.name || 'Component');
+  ComponentWithDataManager.displayName = "WithDataManager".concat(Component.displayName || Component.name || 'Component');
   return ComponentWithDataManager;
 };
 // #sourceMappingURL=withDataManager.js.map

package/build/cjs/react/withDataManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_DataManagerContext","_jsxRuntime","e","__esModule","default","withDataManager","exports","WrappedComponent","ComponentWithDataManager","props","dataManager","useDataManager","_jsx","_objectSpread","displayName","concat","name"],"sources":["withDataManager.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {DataManager} from '../core';\n\nimport {useDataManager} from './DataManagerContext';\n\nexport interface WithDataManagerProps {\n    dataManager: DataManager;\n}\n\nexport const withDataManager = <T extends WithDataManagerProps>(\n    WrappedComponent: React.ComponentType<WithDataManagerProps>,\n) => {\n    const ComponentWithDataManager: React.FC<T> = (props) => {\n        const dataManager = useDataManager();\n\n        return <WrappedComponent {...props} dataManager={dataManager} />;\n    };\n\n    ComponentWithDataManager.displayName = `WithDataManager${\n        WrappedComponent.displayName || WrappedComponent.name || 'Component'\n    }`;\n\n    return ComponentWithDataManager;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7C,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CACxBE,gBAA2D,EAC1D;EACD,IAAMC,wBAAqC,GAAG,SAAxCA,wBAAqCA,CAAIC,KAAK,EAAK;IACrD,IAAMC,WAAW,GAAG,IAAAC,kCAAc,EAAC,CAAC;IAEpC,oBAAO,IAAAC,eAAA,EAACL,gBAAgB,MAAAM,sBAAA,MAAAA,sBAAA,MAAKJ,KAAK;MAAEC,WAAW,EAAEA;IAAY,EAAE,CAAC;EACpE,CAAC;EAEDF,wBAAwB,CAACM,WAAW,qBAAAC,MAAA,CAChCR,gBAAgB,CAACO,WAAW,IAAIP,gBAAgB,CAACS,IAAI,IAAI,WAAW,CACtE;EAEF,OAAOR,wBAAwB;AACnC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_DataManagerContext","_jsxRuntime","e","__esModule","default","withDataManager","exports","Component","ComponentWithDataManager","props","dataManager","useDataManager","_jsx","_objectSpread","displayName","concat","name"],"sources":["withDataManager.tsx"],"sourcesContent":["import React from 'react';\n\nimport type {DataManager} from '../core';\n\nimport {useDataManager} from './DataManagerContext';\n\nexport interface WithDataManagerProps {\n    dataManager: DataManager;\n}\n\nexport const withDataManager = <T,>(Component: React.ComponentType<T & WithDataManagerProps>) => {\n    const ComponentWithDataManager: React.FC<T> = (props) => {\n        const dataManager = useDataManager();\n\n        return <Component {...props} dataManager={dataManager} />;\n    };\n\n    ComponentWithDataManager.displayName = `WithDataManager${\n        Component.displayName || Component.name || 'Component'\n    }`;\n\n    return ComponentWithDataManager;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7C,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAQE,SAAwD,EAAK;EAC7F,IAAMC,wBAAqC,GAAG,SAAxCA,wBAAqCA,CAAIC,KAAK,EAAK;IACrD,IAAMC,WAAW,GAAG,IAAAC,kCAAc,EAAC,CAAC;IAEpC,oBAAO,IAAAC,eAAA,EAACL,SAAS,MAAAM,sBAAA,MAAAA,sBAAA,MAAKJ,KAAK;MAAEC,WAAW,EAAEA;IAAY,EAAE,CAAC;EAC7D,CAAC;EAEDF,wBAAwB,CAACM,WAAW,qBAAAC,MAAA,CAChCR,SAAS,CAACO,WAAW,IAAIP,SAAS,CAACS,IAAI,IAAI,WAAW,CACxD;EAEF,OAAOR,wBAAwB;AACnC,CAAC","ignoreList":[]}

package/build/cjs/react-query/ClientDataManager.d.ts

@@ -1,11 +1,19 @@
+import type { Data } from '@normy/core';
 import type { InvalidateQueryFilters, QueryClientConfig } from '@tanstack/react-query';
 import { QueryClient } from '@tanstack/react-query';
-import { type AnyDataSource, type DataManager, type DataSourceParams, type DataSourceTag } from '../core';
+import { type AnyDataSource, type DataManager, type DataSourceParams, type DataSourceTag, type Normalizer, type NormalizerConfig } from '../core';
 import type { InvalidateOptions, InvalidateRepeatOptions } from '../core/types/DataManagerOptions';
-export type ClientDataManagerConfig = QueryClientConfig;
+import type { QueryNormalizer } from './types/normalizer';
+export interface ClientDataManagerConfig extends QueryClientConfig {
+    normalizerConfig?: NormalizerConfig | boolean;
+}
 export declare class ClientDataManager implements DataManager {
     readonly queryClient: QueryClient;
+    readonly normalizer?: Normalizer | undefined;
+    readonly queryNormalizer?: QueryNormalizer | undefined;
     constructor(config?: ClientDataManagerConfig);
+    optimisticUpdate(mutationData: Data): void;
+    invalidateData(data: Data): void;
     invalidateTag(tag: DataSourceTag, invalidateOptions?: InvalidateOptions): Promise<void>;
     invalidateTags(tags: DataSourceTag[], invalidateOptions?: InvalidateOptions): Promise<void>;
     invalidateSource<TDataSource extends AnyDataSource>(dataSource: TDataSource, invalidateOptions?: InvalidateOptions): Promise<void>;
@@ -15,4 +23,5 @@ export declare class ClientDataManager implements DataManager {
     invalidateSourceTags<TDataSource extends AnyDataSource>(dataSource: TDataSource, params: DataSourceParams<TDataSource>, invalidateOptions?: InvalidateOptions): Promise<void>;
     protected invalidateQueries(filters: InvalidateQueryFilters, invalidateOptions?: InvalidateOptions): Promise<void>;
     protected repeatInvalidate(invalidate: () => Promise<void>, repeat?: InvalidateRepeatOptions): void;
+    private createNormalize;
 }

package/build/cjs/react-query/ClientDataManager.js

@@ -7,15 +7,21 @@ exports.ClientDataManager = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _core = require("@normy/core");
 var _reactQuery = require("@tanstack/react-query");
-var _core = require("../core");
+var _core2 = require("../core");
+var _normalize = require("./utils/normalize");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var ClientDataManager = exports.ClientDataManager = /*#__PURE__*/function () {
   function ClientDataManager() {
-    var _config$defaultOption, _config$defaultOption2;
+    var _config$defaultOption,
+      _config$defaultOption2,
+      _this = this;
     var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _classCallCheck2.default)(this, ClientDataManager);
     this.queryClient = void 0;
+    this.normalizer = void 0;
+    this.queryNormalizer = void 0;
     this.queryClient = new _reactQuery.QueryClient((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
       defaultOptions: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config.defaultOptions), {}, {
         queries: (0, _objectSpread2.default)({
@@ -26,14 +32,64 @@ var ClientDataManager = exports.ClientDataManager = /*#__PURE__*/function () {
         }, (_config$defaultOption2 = config.defaultOptions) === null || _config$defaultOption2 === void 0 ? void 0 : _config$defaultOption2.mutations)
       })
     }));
+    this.normalizer = this.createNormalize(config.normalizerConfig);
+    this.queryNormalizer = (0, _normalize.createQueryNormalizer)(this.normalizer, this.queryClient, config.normalizerConfig, function (data) {
+      return _this.optimisticUpdate(data);
+    }, function (data) {
+      return _this.invalidateData(data);
+    });
   }
   return (0, _createClass2.default)(ClientDataManager, [{
+    key: "optimisticUpdate",
+    value: function optimisticUpdate(mutationData) {
+      var _this2 = this;
+      if (!this.normalizer) {
+        return;
+      }
+      var queriesToUpdate = this.normalizer.getQueriesToUpdate(mutationData);
+      queriesToUpdate.forEach(function (query) {
+        var queryKey = JSON.parse(query.queryKey);
+        var cachedQuery = _this2.queryClient.getQueryCache().find({
+          queryKey: queryKey
+        });
+        var dataUpdatedAt = cachedQuery === null || cachedQuery === void 0 ? void 0 : cachedQuery.state.dataUpdatedAt;
+        var isInvalidated = cachedQuery === null || cachedQuery === void 0 ? void 0 : cachedQuery.state.isInvalidated;
+        var error = cachedQuery === null || cachedQuery === void 0 ? void 0 : cachedQuery.state.error;
+        var status = cachedQuery === null || cachedQuery === void 0 ? void 0 : cachedQuery.state.status;
+        _this2.queryClient.setQueryData(queryKey, function () {
+          return query.data;
+        }, {
+          updatedAt: dataUpdatedAt
+        });
+        cachedQuery === null || cachedQuery === void 0 || cachedQuery.setState({
+          isInvalidated: isInvalidated,
+          error: error,
+          status: status
+        });
+      });
+    }
+  }, {
+    key: "invalidateData",
+    value: function invalidateData(data) {
+      var _this3 = this;
+      if (!this.normalizer) {
+        return;
+      }
+      var queriesToUpdate = this.normalizer.getQueriesToUpdate(data);
+      queriesToUpdate.forEach(function (query) {
+        var queryKey = JSON.parse(query.queryKey);
+        _this3.queryClient.invalidateQueries({
+          queryKey: queryKey
+        });
+      });
+    }
+  }, {
     key: "invalidateTag",
     value: function invalidateTag(tag, invalidateOptions) {
       return this.invalidateQueries({
         predicate: function predicate(_ref) {
           var queryKey = _ref.queryKey;
-          return (0, _core.hasTag)(queryKey, tag);
+          return (0, _core2.hasTag)(queryKey, tag);
         }
       }, invalidateOptions);
     }
@@ -44,7 +100,7 @@ var ClientDataManager = exports.ClientDataManager = /*#__PURE__*/function () {
         predicate: function predicate(_ref2) {
           var queryKey = _ref2.queryKey;
           return tags.every(function (tag) {
-            return (0, _core.hasTag)(queryKey, tag);
+            return (0, _core2.hasTag)(queryKey, tag);
           });
         }
       }, invalidateOptions);
@@ -69,7 +125,7 @@ var ClientDataManager = exports.ClientDataManager = /*#__PURE__*/function () {
     key: "invalidateParams",
     value: function invalidateParams(dataSource, params, invalidateOptions) {
       return this.invalidateQueries({
-        queryKey: (0, _core.composeFullKey)(dataSource, params),
+        queryKey: (0, _core2.composeFullKey)(dataSource, params),
         exact: true
       }, invalidateOptions);
     }
@@ -77,7 +133,7 @@ var ClientDataManager = exports.ClientDataManager = /*#__PURE__*/function () {
     key: "resetParams",
     value: function resetParams(dataSource, params) {
       return this.queryClient.resetQueries({
-        queryKey: (0, _core.composeFullKey)(dataSource, params),
+        queryKey: (0, _core2.composeFullKey)(dataSource, params),
         exact: true
       });
     }
@@ -86,15 +142,15 @@ var ClientDataManager = exports.ClientDataManager = /*#__PURE__*/function () {
     value: function invalidateSourceTags(dataSource, params, invalidateOptions) {
       return this.invalidateQueries({
         // Last element is a full key
-        queryKey: (0, _core.composeFullKey)(dataSource, params).slice(0, -1)
+        queryKey: (0, _core2.composeFullKey)(dataSource, params).slice(0, -1)
       }, invalidateOptions);
     }
   }, {
     key: "invalidateQueries",
     value: function invalidateQueries(filters, invalidateOptions) {
-      var _this = this;
+      var _this4 = this;
       var invalidate = function invalidate() {
-        return _this.queryClient.invalidateQueries(filters);
+        return _this4.queryClient.invalidateQueries(filters);
       };
       this.repeatInvalidate(invalidate, invalidateOptions === null || invalidateOptions === void 0 ? void 0 : invalidateOptions.repeat);
       return invalidate();
@@ -109,6 +165,17 @@ var ClientDataManager = exports.ClientDataManager = /*#__PURE__*/function () {
         setTimeout(invalidate, repeat.interval * i);
       }
     }
+  }, {
+    key: "createNormalize",
+    value: function createNormalize(config) {
+      if (!config) {
+        return undefined;
+      }
+      if (config === true) {
+        return (0, _core.createNormalizer)({});
+      }
+      return (0, _core.createNormalizer)(config);
+    }
   }]);
 }();
 // #sourceMappingURL=ClientDataManager.js.map