cozy-client 50.4.0 → 51.0.0

package/dist/CozyClient.js

@@ -3032,7 +3032,7 @@ var CozyClient = /*#__PURE__*/function () {
 CozyClient.hooks = CozyClient.hooks || {};
 CozyClient.fetchPolicies = _policies.default; //COZY_CLIENT_VERSION_PACKAGE in replaced by babel. See babel config
 
-CozyClient.version = "50.4.0";
+CozyClient.version = "51.0.0";
 
 _microee.default.mixin(CozyClient);
 

package/dist/models/fsnative.spec.js

@@ -11,12 +11,6 @@ jest.mock('cozy-device-helper', () => ({
   isMobileApp: jest.fn()
 }))
 
-jest.mock('cozy-ui/transpiled/react/deprecated/Alerter', () => ({
-  success: jest.fn(),
-  error: jest.fn(),
-  info: jest.fn()
-}))
-
 const ANDROID_ROOT_DIRECTORY = 'externalDataDirectory'
 const IOS_ROOT_DIRECTORY = 'dataDirectory'
 const EXTERNAL_CACHE_DIRECTORY = 'externalCacheDirectory'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-client",
-  "version": "50.4.0",
+  "version": "51.0.0",
   "license": "MIT",
   "main": "dist/index.node.js",
   "browser": "dist/index.js",
@@ -18,7 +18,7 @@
     "@types/jest": "^26.0.20",
     "@types/lodash": "^4.14.170",
     "btoa": "^1.2.1",
-    "cozy-stack-client": "^50.4.0",
+    "cozy-stack-client": "^51.0.0",
     "date-fns": "2.29.3",
     "json-stable-stringify": "^1.0.1",
     "lodash": "^4.17.13",
@@ -52,7 +52,6 @@
     "cozy-flags": "2.10.2",
     "cozy-intent": "2.23.0",
     "cozy-logger": "1.7.0",
-    "cozy-ui": "93.1.1",
     "jsdoc-plugin-intersection": "1.0.4",
     "mockdate": "2.0.5",
     "react": "16.14.0",
@@ -67,7 +66,6 @@
     "cozy-flags": ">2.8.6",
     "cozy-intent": ">=2.23.0",
     "cozy-logger": ">1.7.0",
-    "cozy-ui": ">=93.1.1",
     "react": "^16.7.0",
     "react-native": "^0.65.0",
     "react-native-google-play-integrity": "github:cozy/react-native-google-play-integrity#1.0.1",
@@ -75,5 +73,5 @@
     "react-native-ios11-devicecheck": "https://github.com/cozy/react-native-devicecheck#app-attest-v0.1"
   },
   "sideEffects": false,
-  "gitHead": "4498f6268d0e467a66c918c0f2ddf1e5ebfce8af"
+  "gitHead": "5039e2507091aefae6f9adce232bd54c2f566712"
 }

package/dist/devtools/Flags/FlagEdit.js

@@ -1,109 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FlagEdit = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
-
-var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
-
-var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-
-var _helpers = require("./helpers");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var FlagEdit = function FlagEdit(_ref) {
-  var editedFlag = _ref.flag;
-
-  var _useState = (0, _react.useState)({
-    key: '',
-    name: '',
-    value: '',
-    humanValue: ''
-  }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      formData = _useState2[0],
-      setFormData = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    if (editedFlag) setFormData(editedFlag);
-  }, [editedFlag]);
-
-  var handleSubmit = function handleSubmit(e) {
-    e.preventDefault();
-    if (!formData.name || !formData.value) return;
-    /** @type {any} */
-
-    var value = formData.value;
-
-    if ((0, _helpers.isJSONString)(value)) {
-      value = JSON.parse(value);
-    } else if (value === 'true' || value === 'false') {
-      value = Boolean(value);
-    }
-
-    (0, _cozyFlags.default)(formData.name, value);
-    location.reload();
-  };
-
-  var handleFlagNameChange = function handleFlagNameChange(e) {
-    setFormData(_objectSpread(_objectSpread({}, formData), {}, {
-      key: "flag__".concat(e.target.value),
-      name: e.target.value
-    }));
-  };
-
-  var handleFlagValueChange = function handleFlagValueChange(e) {
-    var value = e.target.value;
-
-    if (Number.isInteger(value)) {
-      value = parseInt(value);
-    }
-
-    setFormData(_objectSpread(_objectSpread({}, formData), {}, {
-      value: value,
-      humanValue: (0, _helpers.makeHumanValue)(value)
-    }));
-  };
-
-  return /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: handleSubmit,
-    className: "u-mt-1 u-flex-items-center u-flex"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: "Name",
-    name: "name",
-    onChange: handleFlagNameChange,
-    value: formData.name,
-    size: "small",
-    variant: "outlined"
-  }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: "Value",
-    name: "value",
-    onChange: handleFlagValueChange,
-    value: formData.humanValue,
-    size: "small",
-    variant: "outlined",
-    className: "u-ml-1"
-  }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
-    type: "submit",
-    label: "Edit",
-    className: "u-ml-1"
-  }));
-};
-
-exports.FlagEdit = FlagEdit;

package/dist/devtools/Flags/FlagItem.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactInspector = require("react-inspector");
-
-var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
-
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _Pen = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Pen"));
-
-var _Trash = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Trash"));
-
-var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
-
-var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
-
-var _ListItemSecondaryAction = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemSecondaryAction"));
-
-var _Checkbox = _interopRequireDefault(require("cozy-ui/transpiled/react/Checkbox"));
-
-var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
-
-var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-
-var FlagItem = function FlagItem(_ref) {
-  var flag = _ref.flag,
-      onEdit = _ref.onEdit,
-      onTrash = _ref.onTrash;
-
-  var handleCheckboxChange = function handleCheckboxChange(e) {
-    (0, _cozyFlags.default)(flag.name, e.target.checked);
-    location.reload();
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-    size: "small"
-  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, flag.type === 'boolean' ? /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-    size: "small",
-    checked: flag.value,
-    onChange: handleCheckboxChange
-  }) : null), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-    primary: flag.humanName,
-    secondary: flag.type === 'object' ? /*#__PURE__*/_react.default.createElement(_reactInspector.ObjectInspector, {
-      data: flag.value
-    }) : flag.type !== 'boolean' ? flag.humanValue : null
-  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: function onClick() {
-      return onEdit(flag);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: _Pen.default
-  })), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    onClick: function onClick() {
-      return onTrash(flag);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: _Trash.default
-  }))));
-};
-
-var _default = FlagItem;
-exports.default = _default;

package/dist/devtools/Flags/Flags.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
-var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
-
-var _PanelContent = _interopRequireDefault(require("../PanelContent"));
-
-var _FlagEdit = require("./FlagEdit");
-
-var _helpers = require("./helpers");
-
-var _FlagItem = _interopRequireDefault(require("./FlagItem"));
-
-var Flags = function Flags() {
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      edited = _useState2[0],
-      setEdited = _useState2[1];
-
-  var flags = (0, _helpers.computeFlags)();
-
-  var handleEdit = function handleEdit(flag) {
-    setEdited(flag);
-  };
-
-  var handleTrash = function handleTrash(flag) {
-    if (localStorage.getItem(flag.key)) {
-      localStorage.removeItem(flag.key);
-      location.reload();
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_PanelContent.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "subtitle1"
-  }, "Flags"), /*#__PURE__*/_react.default.createElement(_List.default, {
-    dense: true,
-    className: "u-maw-6"
-  }, flags.map(function (flag) {
-    return /*#__PURE__*/_react.default.createElement(_FlagItem.default, {
-      key: flag.key,
-      flag: flag,
-      onEdit: handleEdit,
-      onTrash: handleTrash
-    });
-  })), /*#__PURE__*/_react.default.createElement(_FlagEdit.FlagEdit, {
-    flag: edited
-  }));
-};
-
-var _default = Flags;
-exports.default = _default;

package/dist/devtools/Flags/helpers.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isJSONString = exports.computeFlags = exports.makeHumanValue = void 0;
-
-var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
-
-var human = function human(name) {
-  return name.replace(/[a-z][A-Z]/g, function (str) {
-    return str[0] + ' ' + str[1].toLowerCase();
-  });
-};
-
-var makeHumanValue = function makeHumanValue(value) {
-  return typeof value === 'object' ? JSON.stringify(value) : value.toString();
-};
-
-exports.makeHumanValue = makeHumanValue;
-
-var computeFlags = function computeFlags() {
-  return _cozyFlags.default.list().map(function (name) {
-    var value = (0, _cozyFlags.default)(name);
-    return {
-      key: "flag__".concat(name),
-      name: name,
-      type: typeof value,
-      humanName: human(name),
-      value: value,
-      humanValue: makeHumanValue(value)
-    };
-  });
-};
-
-exports.computeFlags = computeFlags;
-
-var isJSONString = function isJSONString(str) {
-  try {
-    JSON.parse(str);
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-exports.isJSONString = isJSONString;

package/dist/devtools/LibraryVersions.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
-var _PanelContent = _interopRequireDefault(require("./PanelContent"));
-
-/* global __VERSIONS__ */
-var Versions = function Versions() {
-  // @ts-ignore
-  var versions = typeof __VERSIONS__ !== 'undefined' ? __VERSIONS__ : {};
-  var entries = Object.entries(versions);
-  return /*#__PURE__*/_react.default.createElement(_PanelContent.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "subtitle1",
-    gutterBottom: true
-  }, "Library versions"), entries.map(function (_ref) {
-    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        pkg = _ref2[0],
-        version = _ref2[1];
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: pkg
-    }, pkg, ": ", version, " -", ' ', /*#__PURE__*/_react.default.createElement("img", {
-      src: "https://img.shields.io/npm/v/".concat(pkg, "?style=flat-square}")
-    }));
-  }), entries.length === 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "body1"
-  }, "__VERSIONS__ is not exposed to the app. For this panel to work, you must add the VersionsPlugin."), /*#__PURE__*/_react.default.createElement("pre", null, "\nconst VersionPlugin = require('cozy-scripts/plugins/VersionPlugin')\n\nnew VersionPlugin({\n    packages: ['cozy-bar', 'cozy-ui', 'cozy-harvest-lib']\n})\n          ")) : null);
-};
-
-var _default = Versions;
-exports.default = _default;

package/dist/devtools/PanelContent.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
-
-var PanelContent = function PanelContent(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_Box.default, {
-    p: 1,
-    overflow: "scroll",
-    width: "100%"
-  }, children);
-};
-
-var _default = PanelContent;
-exports.default = _default;

package/dist/devtools/Pouch.js

@@ -1,208 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _cozyPouchLink = _interopRequireDefault(require("cozy-pouch-link"));
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _Button = _interopRequireDefault(require("cozy-ui/transpiled/react/Button"));
-
-var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
-
-var _format = _interopRequireDefault(require("date-fns/format"));
-
-var _useClient = _interopRequireDefault(require("../hooks/useClient"));
-
-var _PanelContent = _interopRequireDefault(require("./PanelContent"));
-
-var listStyle = {
-  paddingLeft: '1rem'
-};
-var DATE_FORMAT = 'HH:mm:ss DD/MM/YYYY';
-
-var useForceUpdate = function useForceUpdate() {
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      setLastRender = _useState2[1];
-
-  var forceUpdate = (0, _react.useCallback)(function () {
-    setLastRender(Date.now());
-  }, []);
-  return forceUpdate;
-};
-
-var DoctypeSyncInfo = function DoctypeSyncInfo(_ref) {
-  var link = _ref.link,
-      doctype = _ref.doctype;
-  var info = link.getSyncInfo(doctype);
-  return /*#__PURE__*/_react.default.createElement("div", null, "Status: ", info ? (0, _get.default)(link, ['replicationStatus', doctype]) : 'Not synced', /*#__PURE__*/_react.default.createElement("br", null), "Date: ", info ? (0, _format.default)(info.date, DATE_FORMAT) : 'NA');
-};
-/**
- * Allows to view state and manage the PouchLink of the current cozy
- * client.
- */
-
-
-var PouchDevTool = function PouchDevTool() {
-  var client = (0, _useClient.default)();
-  var forceUpdate = useForceUpdate();
-
-  var _useState3 = (0, _react.useState)('NA'),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      status = _useState4[0],
-      setStatus = _useState4[1];
-
-  var pouchLink = (0, _react.useMemo)(function () {
-    return client.links.find(function (link) {
-      return link instanceof _cozyPouchLink.default;
-    });
-  }, [client]);
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      resetting = _useState6[0],
-      setResetting = _useState6[1];
-
-  (0, _react.useEffect)(function () {
-    var handleReplicationStart = function handleReplicationStart() {
-      return setStatus('replicating');
-    };
-
-    var handleReplicationStop = function handleReplicationStop() {
-      return setStatus('stopped');
-    };
-
-    var handleReplicationEnd = function handleReplicationEnd() {
-      return setStatus('idle');
-    };
-
-    client.on('pouchlink:sync:start', handleReplicationStart);
-    client.on('pouchlink:sync:stop', handleReplicationStop);
-    client.on('pouchlink:sync:end', handleReplicationEnd);
-    client.on('pouchlink:doctypesync:start', forceUpdate);
-    client.on('pouchlink:doctypesync:end', forceUpdate);
-    return function () {
-      client.removeListener('pouchlink:sync:start', handleReplicationStart);
-      client.removeListener('pouchlink:sync:stop', handleReplicationStop);
-      client.removeListener('pouchlink:sync:end', handleReplicationEnd);
-      client.removeListener('pouchlink:doctypesync:start', forceUpdate);
-      client.removeListener('pouchlink:doctypesync:end', forceUpdate);
-    };
-  }, [client, forceUpdate]);
-  var handleClickStartReplication = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            // Need to stop the replication loop before restarting it
-            // otherwise startReplication has no effect since the replication
-            // loop is already started.
-            pouchLink.stopReplication();
-            pouchLink.startReplication();
-
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })), [pouchLink]);
-  var handleClickStopReplication = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            pouchLink.stopReplication();
-
-          case 1:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })), [pouchLink]);
-  var handleClickReset = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-    return _regenerator.default.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            setResetting(true);
-            _context3.prev = 1;
-            _context3.next = 4;
-            return pouchLink.reset();
-
-          case 4:
-            if (window.confirm('Pouches have been destroyed, reload the page ?')) {
-              window.location.reload();
-            }
-
-            _context3.next = 10;
-            break;
-
-          case 7:
-            _context3.prev = 7;
-            _context3.t0 = _context3["catch"](1);
-            setResetting(false);
-
-          case 10:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3, null, [[1, 7]]);
-  })), [setResetting, pouchLink]);
-
-  if (!pouchLink) {
-    return /*#__PURE__*/_react.default.createElement(_PanelContent.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Pouch is not active"));
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_PanelContent.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "subtitle1"
-  }, "Doctypes managed in Pouch"), /*#__PURE__*/_react.default.createElement("ul", {
-    style: listStyle
-  }, pouchLink.doctypes.map(function (doctype) {
-    return /*#__PURE__*/_react.default.createElement("li", {
-      className: "u-mb-half",
-      key: doctype
-    }, doctype, /*#__PURE__*/_react.default.createElement(DoctypeSyncInfo, {
-      link: pouchLink,
-      doctype: doctype
-    }));
-  })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "subtitle1"
-  }, "Actions"), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "u-mb-half",
-    variant: "contained",
-    disabled: status === 'replicating',
-    onClick: handleClickStartReplication
-  }, "Start replication"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "u-mb-half",
-    variant: "contained",
-    disabled: status === 'idle',
-    onClick: handleClickStopReplication
-  }, "Stop replication"), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "u-mb-half",
-    variant: "contained",
-    disabled: resetting,
-    onClick: handleClickReset
-  }, "Destroy databases")));
-};
-
-var _default = PouchDevTool;
-exports.default = _default;