@confi/conflux-react-ui-test-package/esm/zeit-provider/zeit-provider.js

Modern and minimalist React UI library.

import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import React, { useMemo, useState } from 'react';
import { ZEITUIContent } from '../utils/use-zeit-ui-context';
import ThemeProvider from '../styles/theme-provider';
import useCurrentState from '../utils/use-current-state';
import ToastContainer from '../use-toasts/toast-container';

var ZeitProvider = function ZeitProvider(_ref) {
  var theme = _ref.theme,
      children = _ref.children;

  var _useCurrentState = useCurrentState([]),
      _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
      toasts = _useCurrentState2[0],
      setToasts = _useCurrentState2[1],
      toastsRef = _useCurrentState2[2];

  var _useState = useState(false),
      _useState2 = _slicedToArray(_useState, 2),
      toastHovering = _useState2[0],
      setToastHovering = _useState2[1];

  var updateToasts = function updateToasts(fn) {
    var nextToasts = fn(toastsRef.current);
    setToasts(nextToasts);
  };

  var updateToastHoverStatus = function updateToastHoverStatus(fn) {
    var nextHoverStatus = fn();
    setToastHovering(nextHoverStatus);
  };

  var initialValue = useMemo(function () {
    return {
      toasts: toasts,
      toastHovering: toastHovering,
      updateToasts: updateToasts,
      updateToastHoverStatus: updateToastHoverStatus
    };
  }, [toasts, toastHovering]);
  return /*#__PURE__*/React.createElement(ZEITUIContent.Provider, {
    value: initialValue
  }, /*#__PURE__*/React.createElement(ThemeProvider, {
    theme: theme
  }, children, /*#__PURE__*/React.createElement(ToastContainer, null)));
};

export default ZeitProvider;