@talend/react-cmf/lib/mock/provider.js

A framework built on top of best react libraries

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = require("react");
var _reactRedux = require("react-redux");
var _RegistryProvider = require("../RegistryProvider");
var _store = _interopRequireDefault(require("./store"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
class ErrorBoundary extends _react.Component {
  componentDidCatch(error, errorInfo) {
    if (this.props.onError) {
      this.props.onError(error, errorInfo);
    }
    this.setState({
      hasError: true
    });
  }
  render() {
    if (this.state && this.state.hasError) {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "error",
        children: "Error"
      });
    }
    return this.props.children;
  }
}
_defineProperty(ErrorBoundary, "propTypes", {
  children: _propTypes.default.any,
  onError: _propTypes.default.func
});
const store = _store.default.store();
/**
 * This component help you to mock the provider.
 * If you want to write a pure component that use an other which
 * is connected on CMF, you will need to provide a CMF store.
 * @example
import React from 'react';
import { render, screen } from '@testing-library/react';
import { Provider } from 'react-cmf/lib/mock';

import AppMenu from './AppMenu.component';

describe('AppMenu', () => {
	it('should render', () => {
		render(
			<Provider>
				<AppMenu />
			</Provider>
		);
		expect(screen.getByRole('button')).toBeDefined();
	});
});
 */
function MockProvider(props) {
  let st = props.store;
  if (!st) {
    st = store;
  }
  if (props.state) {
    st.state = props.state;
    st.getState = () => props.state;
  }
  const context = {
    store: st,
    registry: props.registry || {}
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: "mock-provider",
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRedux.Provider, {
      store: context.store,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RegistryProvider.RegistryProvider, {
        value: context.registry,
        children: props.children
      })
    })
  });
}
MockProvider.propTypes = {
  children: _propTypes.default.node.isRequired,
  store: _propTypes.default.object,
  state: _propTypes.default.object,
  registry: _propTypes.default.object
};
MockProvider.getEnzymeOption = context => ({
  wrappingComponent: MockProvider,
  wrappingComponentProps: context
});
MockProvider.ErrorBoundary = ErrorBoundary;
var _default = exports.default = MockProvider;
//# sourceMappingURL=provider.js.map