cozy-ui-plus 1.1.0

package/dist/FilePicker/index.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ROOT_DIR_ID = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
+var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
+
+var _styles = require("cozy-ui/transpiled/react/styles");
+
+var _FilePickerBody = _interopRequireDefault(require("./FilePickerBody"));
+
+var _FilePickerFooter = _interopRequireDefault(require("./FilePickerFooter"));
+
+var _FilePickerHeader = _interopRequireDefault(require("./FilePickerHeader"));
+
+var _helpers = require("../helpers");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    paper: {
+      height: '100%'
+    }
+  };
+});
+var ROOT_DIR_ID = 'io.cozy.files.root-dir';
+exports.ROOT_DIR_ID = ROOT_DIR_ID;
+
+var FilePicker = function FilePicker(_ref) {
+  var onClose = _ref.onClose,
+      onChange = _ref.onChange,
+      accept = _ref.accept,
+      multiple = _ref.multiple;
+
+  var _useBreakpoints = (0, _Breakpoints.default)(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var classes = useStyles();
+
+  var _useState = (0, _react.useState)(ROOT_DIR_ID),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      folderId = _useState2[0],
+      setFolderId = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      itemsIdsSelected = _useState4[0],
+      setItemsIdsSelected = _useState4[1];
+
+  var onSelectItemId = function onSelectItemId(fileId) {
+    if (!multiple) {
+      handleConfirm(null, fileId);
+    } else {
+      setItemsIdsSelected(fileId);
+    }
+  };
+
+  var navigateTo = function navigateTo(folder) {
+    return setFolderId(folder.id);
+  };
+
+  var handleConfirm = function handleConfirm(_, fileId) {
+    onChange(fileId ? fileId : itemsIdsSelected);
+    onClose();
+  };
+
+  var itemTypesAccepted = (0, _helpers.getCompliantTypes)(accept);
+  return /*#__PURE__*/_react.default.createElement(_CozyDialogs.FixedDialog, {
+    open: true,
+    disableGutters: true,
+    onClose: isMobile ? undefined : onClose,
+    size: "large",
+    classes: {
+      paper: classes.paper
+    },
+    title: /*#__PURE__*/_react.default.createElement(_FilePickerHeader.default, {
+      navigateTo: navigateTo,
+      folderId: folderId,
+      onClose: onClose
+    }),
+    content: /*#__PURE__*/_react.default.createElement(_FilePickerBody.default, {
+      navigateTo: navigateTo,
+      onSelectItemId: onSelectItemId,
+      itemsIdsSelected: itemsIdsSelected,
+      folderId: folderId,
+      itemTypesAccepted: itemTypesAccepted,
+      multiple: multiple
+    }),
+    actions: multiple ? /*#__PURE__*/_react.default.createElement(_FilePickerFooter.default, {
+      onClose: onClose,
+      onConfirm: handleConfirm,
+      disabledConfirm: itemsIdsSelected.length === 0
+    }) : null
+  });
+};
+
+FilePicker.propTypes = {
+  onClose: _propTypes.default.func.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  accept: _propTypes.default.string,
+  multiple: _propTypes.default.bool
+};
+FilePicker.defaultProps = {
+  accept: '',
+  multiple: false
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(FilePicker);
+
+exports.default = _default;

package/dist/FilePicker/queries.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildCurrentFolderQuery = exports.buildContentFolderQuery = void 0;
+
+var _cozyClient = require("cozy-client");
+
+var FILES_DOCTYPE = 'io.cozy.files';
+
+var defaultFetchPolicy = _cozyClient.fetchPolicies.olderThan(30 * 1000);
+
+var TRASH_DIR_ID = "".concat(FILES_DOCTYPE, ".trash-dir");
+var SHARED_DRIVES_DIR_ID = "".concat(FILES_DOCTYPE, ".shared-drives-dir");
+
+var buildCurrentFolderQuery = function buildCurrentFolderQuery(folderId) {
+  return {
+    definition: function definition() {
+      return (0, _cozyClient.Q)(FILES_DOCTYPE).getById(folderId);
+    },
+    options: {
+      as: "onlyfolder-".concat(folderId),
+      fetchPolicy: defaultFetchPolicy
+    }
+  };
+};
+
+exports.buildCurrentFolderQuery = buildCurrentFolderQuery;
+
+var buildContentFolderQuery = function buildContentFolderQuery(dirId) {
+  return {
+    definition: function definition() {
+      return (0, _cozyClient.Q)(FILES_DOCTYPE).where({
+        dir_id: dirId,
+        type: {
+          $gt: null
+        },
+        name: {
+          $gt: null
+        }
+      }).partialIndex({
+        _id: {
+          $nin: [SHARED_DRIVES_DIR_ID, TRASH_DIR_ID]
+        }
+      }).indexFields(['dir_id', 'type', 'name']).sortBy([{
+        dir_id: 'asc'
+      }, {
+        type: 'asc'
+      }, {
+        name: 'asc'
+      }]).limitBy(20);
+    },
+    options: {
+      as: "buildContentFolderQuery-".concat(dirId),
+      fetchPolicy: defaultFetchPolicy
+    }
+  };
+};
+
+exports.buildContentFolderQuery = buildContentFolderQuery;

package/dist/Intent/IntentDialogOpener/index.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
+var _Dialog = _interopRequireDefault(require("cozy-ui/transpiled/react/Dialog"));
+
+var _IntentIframe = _interopRequireWildcard(require("../IntentIframe"));
+
+var _excluded = ["options", "action", "doctype", "children", "closable", "showCloseButton", "create", "tag", "onComplete", "onDismiss", "iframeProps", "Component"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * Wrapper that adds an `onClick` handler to its children that opens a dialog
+ * for the specified intent.
+ */
+var IntentDialogOpener = function IntentDialogOpener(props) {
+  var options = props.options,
+      action = props.action,
+      doctype = props.doctype,
+      children = props.children,
+      closable = props.closable,
+      showCloseButton = props.showCloseButton,
+      create = props.create,
+      tag = props.tag,
+      onComplete = props.onComplete,
+      onDismiss = props.onDismiss,
+      iframeProps = props.iframeProps,
+      Component = props.Component,
+      componentProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      modalOpened = _useState2[0],
+      setModalOpened = _useState2[1];
+
+  var openModal = function openModal(ev) {
+    ev.preventDefault();
+    ev.stopPropagation();
+    setModalOpened(true);
+  };
+
+  var closeModal = function closeModal() {
+    return setModalOpened(false);
+  };
+
+  var handleComplete = function handleComplete(result) {
+    closeModal();
+    onComplete && onComplete(result);
+  };
+
+  var handleDismiss = function handleDismiss() {
+    closeModal();
+    onDismiss && onDismiss();
+  };
+
+  var Tag = tag; // React needs uppercase element names
+
+  var elements = [/*#__PURE__*/_react.default.cloneElement(children, {
+    key: 'opener',
+    onClick: openModal
+  })];
+
+  if (modalOpened) {
+    elements.push( /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+      key: "intent-modal",
+      open: modalOpened,
+      onClose: closable && handleDismiss
+    }, componentProps), closable && showCloseButton && /*#__PURE__*/_react.default.createElement(_CozyDialogs.DialogCloseButton, {
+      onClick: handleDismiss
+    }), /*#__PURE__*/_react.default.createElement(_IntentIframe.default, {
+      action: action,
+      type: doctype,
+      data: options,
+      create: create,
+      onCancel: handleDismiss,
+      onTerminate: handleComplete,
+      iframeProps: iframeProps
+    })));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(Tag, null, elements);
+};
+
+IntentDialogOpener.propTypes = {
+  /** Element on which the onClick handler will be added */
+  children: _propTypes.default.element.isRequired,
+
+  /** What should happen when the intent has completed */
+  onComplete: _propTypes.default.func,
+
+  /** What should happen when the intent has dismissed */
+  onDismiss: _propTypes.default.func,
+
+  /** Action you want to execute */
+  action: _propTypes.default.string.isRequired,
+
+  /** Doctype on which you want to execute the action */
+  doctype: _propTypes.default.string.isRequired,
+
+  /** Whether the dialog is closable by itself (not by the Intent) with a button or by clicking outside of it */
+  closable: _propTypes.default.bool.isRequired,
+
+  /** Whether the dialog close button is shown */
+  showCloseButton: _propTypes.default.bool.isRequired,
+
+  /** Tag used to wrap children */
+  tag: _propTypes.default.string.isRequired,
+
+  /** Component to be used instead of the dialog */
+  Component: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+
+  /** Props to be passed to the iframe */
+  iframeProps: _IntentIframe.iframeProps
+};
+IntentDialogOpener.defaultProps = {
+  tag: 'span',
+  closable: true,
+  Component: _Dialog.default,
+  showCloseButton: true
+};
+var _default = IntentDialogOpener;
+exports.default = _default;

package/dist/Intent/IntentIframe/index.js

@@ -0,0 +1,182 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.iframeProps = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _cozyInterapp = require("cozy-interapp");
+
+var _Spinner = _interopRequireDefault(require("cozy-ui/transpiled/react/Spinner"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = {
+  "intentContainer": "styles__intentContainer___5Zqqq",
+  "intentPlaceHolder": "styles__intentPlaceHolder___1f_u6",
+  "intentContainer__error": "styles__intentContainer__error___YO3Lz"
+};
+var DEFAULT_DATA = {
+  // TODO remove `closeable` since it is only there for backward compatibility
+  // https://mattermost.cozycloud.cc/test-team/pl/t1iagfhqp3n8mqf3nchp6bxsur
+  closeable: false,
+  exposeIntentFrameRemoval: true
+};
+
+var IntentIframe = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(IntentIframe, _React$Component);
+
+  var _super = _createSuper(IntentIframe);
+
+  function IntentIframe() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, IntentIframe);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      loading: false
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFrameLoaded", function () {
+      var _this$props$iframePro, _this$props$iframePro2;
+
+      _this.setState({
+        loading: false
+      });
+
+      (_this$props$iframePro = _this.props.iframeProps) === null || _this$props$iframePro === void 0 ? void 0 : (_this$props$iframePro2 = _this$props$iframePro.setIsLoading) === null || _this$props$iframePro2 === void 0 ? void 0 : _this$props$iframePro2.call(_this$props$iframePro, false);
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(IntentIframe, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          action = _this$props.action,
+          data = _this$props.data,
+          type = _this$props.type,
+          onCancel = _this$props.onCancel,
+          onError = _this$props.onError,
+          onTerminate = _this$props.onTerminate,
+          client = _this$props.client;
+      console.warn('Be carful to use `withBreakpoints()` and not `useBreakpoints()` in intents. See https://github.com/cozy/cozy-ui/issues/1807');
+      var create;
+
+      if (this.props.create) {
+        create = this.props.create;
+      } else {
+        var intents = new _cozyInterapp.Intents({
+          client: client
+        });
+        create = intents.create;
+      }
+
+      this.setState({
+        loading: true
+      });
+      create(action, type, _objectSpread(_objectSpread({}, DEFAULT_DATA), data)).start(this.intentViewer, this.onFrameLoaded, this.props.onHideCross, this.props.onShowCross).then(function (result) {
+        // eslint-disable-next-line promise/always-return
+        result ? onTerminate && onTerminate(result) : onCancel();
+      }).catch(function (error) {
+        var _this2$props$iframePr, _this2$props$iframePr2;
+
+        onError === null || onError === void 0 ? void 0 : onError(error);
+
+        _this2.setState({
+          error: error,
+          loading: false
+        });
+
+        (_this2$props$iframePr = _this2.props.iframeProps) === null || _this2$props$iframePr === void 0 ? void 0 : (_this2$props$iframePr2 = _this2$props$iframePr.setIsLoading) === null || _this2$props$iframePr2 === void 0 ? void 0 : _this2$props$iframePr2.call(_this2$props$iframePr, false);
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      var iframeProps = this.props.iframeProps;
+      var _this$state = this.state,
+          error = _this$state.error,
+          loading = _this$state.loading;
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        ref: function ref(intentViewer) {
+          return _this3.intentViewer = intentViewer;
+        },
+        className: styles.intentContainer,
+        "aria-busy": loading
+      }, (0, _get.default)(iframeProps, 'wrapperProps')), loading && /*#__PURE__*/_react.default.createElement(_Spinner.default, (0, _extends2.default)({
+        size: "xxlarge"
+      }, (0, _get.default)(iframeProps, 'spinnerProps'))), error && /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.intentContainer__error
+      }, error.message));
+    }
+  }]);
+  return IntentIframe;
+}(_react.default.Component);
+
+var iframeProps = _propTypes.default.shape({
+  wrapperProps: _propTypes.default.object,
+  spinnerProps: _propTypes.default.object,
+  setIsLoading: _propTypes.default.func
+});
+
+exports.iframeProps = iframeProps;
+IntentIframe.propTypes = {
+  action: _propTypes.default.string.isRequired,
+  create: _propTypes.default.func,
+  type: _propTypes.default.string.isRequired,
+  data: _propTypes.default.object,
+  onCancel: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  onTerminate: _propTypes.default.func.isRequired,
+  iframeProps: iframeProps,
+  onHideCross: _propTypes.default.func,
+  onShowCross: _propTypes.default.func
+};
+IntentIframe.defaultProps = {
+  data: {}
+};
+
+var _default = (0, _cozyClient.withClient)(IntentIframe);
+
+exports.default = _default;

package/dist/ListItem/ExpandedAttributes/ExpandedAttribute.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Copy = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Copy"));
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
+
+var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _helpers = require("./helpers");
+
+var ExpandedAttribute = function ExpandedAttribute(_ref) {
+  var label = _ref.label,
+      value = _ref.value,
+      setAlertProps = _ref.setAlertProps;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: "u-pl-2",
+    button: true,
+    onClick: (0, _helpers.copyToClipboard)({
+      value: value,
+      setAlertProps: setAlertProps,
+      t: t
+    })
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Copy.default
+  })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    primary: /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "caption"
+    }, label),
+    secondary: /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "body2"
+    }, value)
+  }));
+};
+
+ExpandedAttribute.propTypes = {
+  label: _propTypes.default.string,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  setAlertProps: _propTypes.default.func
+};
+var _default = ExpandedAttribute;
+exports.default = _default;