cozy-ui 131.1.0-beta.9 → 131.2.0

package/transpiled/react/ActionsMenu/Actions/viewInContacts.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import { generateWebLink } from 'cozy-client';
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import OpenappIcon from "cozy-ui/transpiled/react/Icons/Openapp";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+export var viewInContacts = function viewInContacts() {
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = OpenappIcon;
+  var label = t('viewInContacts');
+  return {
+    name: 'viewInContacts',
+    icon: icon,
+    label: label,
+    action: function action(docs, _ref) {
+      var client = _ref.client;
+      var contactId = docs[0]._id;
+      var webLink = generateWebLink({
+        slug: 'contacts',
+        cozyUrl: client.getStackClient().uri,
+        subDomainType: client.getInstanceOptions().subdomain,
+        pathname: '/',
+        hash: "/".concat(contactId)
+      });
+      window.open(webLink, '_blank');
+    },
+    Component: /*#__PURE__*/forwardRef(function (props, ref) {
+      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({
+        ref: ref
+      }, props), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+        icon: icon
+      })), /*#__PURE__*/React.createElement(ListItemText, {
+        primary: label
+      }));
+    })
+  };
+};

package/transpiled/react/ActionsMenu/Actions/viewInDrive.d.ts

@@ -0,0 +1,11 @@
+export function viewInDrive(): {
+    name: string;
+    icon: typeof FolderOpenIcon;
+    label: any;
+    Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+    action: (docs: any, { client }: {
+        client: any;
+    }) => void;
+};
+import FolderOpenIcon from "../../Icons/FolderOpen";
+import React from "react";

package/transpiled/react/ActionsMenu/Actions/viewInDrive.js

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import { generateWebLink } from 'cozy-client';
+import { getActionsI18n } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import FolderOpenIcon from "cozy-ui/transpiled/react/Icons/FolderOpen";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import ListItemText from "cozy-ui/transpiled/react/ListItemText";
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'viewInDrive';
+  return Component;
+};
+
+export var viewInDrive = function viewInDrive() {
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var icon = FolderOpenIcon;
+  var label = t('viewInDrive');
+  return {
+    name: 'viewInDrive',
+    icon: icon,
+    label: label,
+    Component: makeComponent(label, icon),
+    action: function action(docs, _ref) {
+      var client = _ref.client;
+      var dirId = docs[0].dir_id;
+      var driveId = docs[0].driveId;
+      var webLink = generateWebLink({
+        slug: 'drive',
+        cozyUrl: client.getStackClient().uri,
+        subDomainType: client.getInstanceOptions().subdomain,
+        pathname: '/',
+        hash: driveId ? "shareddrive/".concat(driveId, "/").concat(dirId) : "folder/".concat(dirId)
+      });
+      window.open(webLink, '_blank');
+    }
+  };
+};

package/transpiled/react/ActionsMenu/ActionsItems.d.ts

@@ -0,0 +1,11 @@
+export namespace actionsItemsComponentPropTypes {
+    const docs: PropTypes.Requireable<any[]>;
+    const action: PropTypes.Requireable<object>;
+    const autoFocus: PropTypes.Requireable<boolean>;
+    const disabled: PropTypes.Requireable<boolean>;
+    const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+}
+export default ActionsItems;
+import PropTypes from "prop-types";
+declare const ActionsItems: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/transpiled/react/ActionsMenu/ActionsItems.js

@@ -0,0 +1,81 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["docs", "actions", "actionOptions", "component", "onClick"];
+
+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) { _defineProperty(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; }
+
+import PropTypes from 'prop-types';
+import React, { forwardRef, useMemo } from 'react';
+import { useClient } from 'cozy-client';
+import { useWebviewIntent } from 'cozy-intent';
+import { getActionName, getOnlyNeededActions } from "cozy-ui/transpiled/react/ActionsMenu/Actions/helpers";
+import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
+var ActionsItems = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var docs = _ref.docs,
+      actions = _ref.actions,
+      actionOptions = _ref.actionOptions,
+      component = _ref.component,
+      overridedClick = _ref.onClick,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var client = useClient();
+  var webviewIntent = useWebviewIntent();
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var cleanedActions = useMemo(function () {
+    return getOnlyNeededActions(actions, docs);
+  }, [actions, docs]);
+  return cleanedActions.map(function (actionObject, idx) {
+    var actionName = getActionName(actionObject);
+    var actionDefinition = Object.values(actionObject)[0];
+    var ActionComponent = actionDefinition.Component,
+        action = actionDefinition.action,
+        disabled = actionDefinition.disabled;
+
+    var handleClick = function handleClick(clickProps) {
+      action === null || action === void 0 ? void 0 : action(docs, _objectSpread(_objectSpread({
+        client: client,
+        t: t,
+        webviewIntent: webviewIntent
+      }, actionOptions), clickProps));
+      overridedClick === null || overridedClick === void 0 ? void 0 : overridedClick();
+    };
+
+    var Component = component !== null && component !== void 0 ? component : ActionComponent;
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      ref: ref,
+      key: actionName + idx,
+      action: actionDefinition,
+      docs: docs,
+      autoFocus: idx === 0,
+      disabled: disabled === null || disabled === void 0 ? void 0 : disabled(docs),
+      onClick: handleClick
+    }));
+  });
+});
+ActionsItems.propTypes = {
+  docs: PropTypes.array,
+
+  /** The returned component that manages the display */
+  component: PropTypes.object,
+  actions: PropTypes.array,
+
+  /** Props spread to action method of Actions component */
+  actionOptions: PropTypes.object,
+
+  /** The overrideClick function from ActionsMenuWrapper */
+  onClick: PropTypes.func
+};
+export var actionsItemsComponentPropTypes = {
+  docs: PropTypes.array,
+  action: PropTypes.object,
+  autoFocus: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func
+};
+export default ActionsItems;

package/transpiled/react/ActionsMenu/ActionsMenuButton.d.ts

@@ -0,0 +1,5 @@
+export default ActionsMenuButton;
+declare function ActionsMenuButton({ docs, actions }: {
+    docs: any;
+    actions: any;
+}): JSX.Element;

package/transpiled/react/ActionsMenu/ActionsMenuButton.js

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useRef } from 'react';
+import ActionsMenu from "cozy-ui/transpiled/react/ActionsMenu";
+import { locales } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
+import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var ActionsMenuButton = function ActionsMenuButton(_ref) {
+  var docs = _ref.docs,
+      actions = _ref.actions;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showActions = _useState2[0],
+      setShowActions = _useState2[1];
+
+  var actionsRef = useRef();
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(IconButton, {
+    ref: actionsRef,
+    "arial-label": t('menu'),
+    onClick: function onClick() {
+      return setShowActions(true);
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: DotsIcon
+  }))), showActions && /*#__PURE__*/React.createElement(ActionsMenu, {
+    open: true,
+    ref: actionsRef,
+    docs: docs,
+    actions: actions,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'right'
+    },
+    onClose: function onClose() {
+      return setShowActions(false);
+    }
+  }));
+};
+
+export default ActionsMenuButton;

package/transpiled/react/ActionsMenu/ActionsMenuItem.d.ts

@@ -0,0 +1,3 @@
+export default ActionsMenuItem;
+declare const ActionsMenuItem: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/transpiled/react/ActionsMenu/ActionsMenuItem.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["isListItem", "className"];
+import cx from 'classnames';
+import omit from 'lodash/omit';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import ListItem from "cozy-ui/transpiled/react/ListItem";
+import MenuItem from "cozy-ui/transpiled/react/MenuItem";
+
+var cleanPropsForDOM = function cleanPropsForDOM(props) {
+  var nonDOMProps = ['docs', 'action', 't', 'f', 'lang'];
+  return omit(props, nonDOMProps);
+};
+
+var ActionsMenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var isListItem = _ref.isListItem,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var Component = isListItem ? ListItem : MenuItem;
+  var compProps = cleanPropsForDOM(props);
+  return /*#__PURE__*/React.createElement(Component, _extends({}, compProps, {
+    className: cx(className, 'cozyActionsItem'),
+    ref: ref,
+    button: true,
+    ellipsis: false
+  }));
+});
+ActionsMenuItem.displayName = 'ActionsMenuItem';
+ActionsMenuItem.propTypes = {
+  className: PropTypes.string,
+
+  /** Whether the ActionsMenuItem will return a ListItem or MenuItem */
+  isListItem: PropTypes.bool
+};
+export default ActionsMenuItem;

package/transpiled/react/ActionsMenu/ActionsMenuMobileHeader.d.ts

@@ -0,0 +1,3 @@
+export default ActionsMenuMobileHeader;
+declare const ActionsMenuMobileHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/transpiled/react/ActionsMenu/ActionsMenuMobileHeader.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
+import Divider from "cozy-ui/transpiled/react/Divider";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+var ActionsMenuMobileHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  if (!isMobile) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+    ref: ref,
+    isListItem: true
+  }), children), /*#__PURE__*/React.createElement(Divider, {
+    className: "u-mv-half"
+  }));
+});
+ActionsMenuMobileHeader.displayName = 'ActionsMenuMobileHeader';
+ActionsMenuMobileHeader.propTypes = {
+  children: PropTypes.node
+};
+export default ActionsMenuMobileHeader;

package/transpiled/react/ActionsMenu/ActionsMenuWrapper.d.ts

@@ -0,0 +1,15 @@
+export default ActionsMenuWrapper;
+declare function ActionsMenuWrapper({ children, autoClose, open, onClose, ...props }: {
+    [x: string]: any;
+    children: any;
+    autoClose: any;
+    open: any;
+    onClose: any;
+}): JSX.Element;
+declare namespace ActionsMenuWrapper {
+    namespace propTypes {
+        const autoClose: PropTypes.Requireable<boolean>;
+        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/transpiled/react/ActionsMenu/ActionsMenuWrapper.js

@@ -0,0 +1,81 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "autoClose", "open", "onClose"];
+import PropTypes from 'prop-types';
+import React from 'react';
+import BottomSheet from "cozy-ui/transpiled/react/BottomSheet";
+import Menu from "cozy-ui/transpiled/react/Menu";
+import Paper from "cozy-ui/transpiled/react/Paper";
+import { useActionMenuEffects } from "cozy-ui/transpiled/react/deprecated/ActionMenu/ActionMenuEffects";
+import isTesting from "cozy-ui/transpiled/react/helpers/isTesting";
+import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
+
+var ActionsMenuFlagshipUI = function ActionsMenuFlagshipUI(_ref) {
+  var children = _ref.children;
+  useActionMenuEffects();
+  return children;
+};
+
+var ActionsMenuWrapper = function ActionsMenuWrapper(_ref2) {
+  var children = _ref2.children,
+      autoClose = _ref2.autoClose,
+      open = _ref2.open,
+      onClose = _ref2.onClose,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var overrideClick = function overrideClick(props) {
+    return function (ev) {
+      var _props$onClick;
+
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, ev); // this is ActionsItems onClick prop
+
+      autoClose && (onClose === null || onClose === void 0 ? void 0 : onClose());
+    };
+  };
+
+  if (isMobile && open) {
+    return /*#__PURE__*/React.createElement(ActionsMenuFlagshipUI, null, /*#__PURE__*/React.createElement(BottomSheet, {
+      skipAnimation: isTesting(),
+      backdrop: true,
+      onClose: onClose
+    }, /*#__PURE__*/React.createElement(Paper, {
+      square: true
+    }, React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+        isListItem: true,
+        size: 'small',
+        onClick: overrideClick(child.props)
+      }) : null;
+    }))));
+  }
+
+  return /*#__PURE__*/React.createElement(Menu, _extends({}, props, {
+    open: open,
+    onClose: onClose
+  }), React.Children.map(children, function (child, idx) {
+    var _firstChild$type, _firstChild$type2;
+
+    // To keep accessibility, we spread the autofocus on the second child
+    // if the first one is ActionsMenuMobileHeader
+    var firstChild = React.Children.toArray(children)[0];
+    var firstChildComponentName = (firstChild === null || firstChild === void 0 ? void 0 : (_firstChild$type = firstChild.type) === null || _firstChild$type === void 0 ? void 0 : _firstChild$type.name) || (firstChild === null || firstChild === void 0 ? void 0 : (_firstChild$type2 = firstChild.type) === null || _firstChild$type2 === void 0 ? void 0 : _firstChild$type2.displayName);
+    var isFirstChildActionsMenuMobileHeader = firstChildComponentName === 'ActionsMenuMobileHeader';
+    var autoFocus = isFirstChildActionsMenuMobileHeader && idx === 1 ? true : undefined;
+    return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+      autoFocus: autoFocus,
+      onClick: overrideClick(child.props)
+    }) : null;
+  }));
+};
+
+ActionsMenuWrapper.propTypes = {
+  /** Whether the menu should automatically close itself when an item is clicked */
+  autoClose: PropTypes.bool,
+
+  /** Function triggered when closing the Menu of BottomSheet */
+  onClose: PropTypes.func
+};
+export default ActionsMenuWrapper;

package/transpiled/react/ActionsMenu/index.d.ts

@@ -0,0 +1,3 @@
+export default ActionsMenu;
+declare const ActionsMenu: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/transpiled/react/ActionsMenu/index.js

@@ -0,0 +1,94 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["docs", "actions", "anchorOrigin", "children", "componentsProps", "onClose", "autoCloseOnContextMenu"];
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import ActionsItems from "cozy-ui/transpiled/react/ActionsMenu/ActionsItems";
+import ActionsMenuWrapper from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuWrapper";
+
+var useTransformOrigin = function useTransformOrigin(_ref) {
+  var vertical = _ref.vertical,
+      horizontal = _ref.horizontal;
+  var v = vertical === 'bottom' ? 'top' : vertical === 'top' ? 'bottom' : vertical;
+  return {
+    vertical: v,
+    horizontal: horizontal
+  };
+};
+
+var ActionsMenu = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var docs = _ref2.docs,
+      actions = _ref2.actions,
+      anchorOrigin = _ref2.anchorOrigin,
+      children = _ref2.children,
+      componentsProps = _ref2.componentsProps,
+      onClose = _ref2.onClose,
+      autoCloseOnContextMenu = _ref2.autoCloseOnContextMenu,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  var transformOrigin = useTransformOrigin(anchorOrigin);
+  return /*#__PURE__*/React.createElement(ActionsMenuWrapper, _extends({}, props, {
+    anchorEl: ref === null || ref === void 0 ? void 0 : ref.current,
+    getContentAnchorEl: null,
+    anchorOrigin: anchorOrigin,
+    transformOrigin: transformOrigin,
+    keepMounted: true
+  }, autoCloseOnContextMenu && {
+    onContextMenu: function onContextMenu(ev) {
+      ev.preventDefault();
+      onClose();
+    }
+  }, {
+    onClose: onClose
+  }), children, /*#__PURE__*/React.createElement(ActionsItems, _extends({}, componentsProps.actionsItems, {
+    docs: docs,
+    actions: actions
+  })));
+});
+ActionsMenu.defaultProps = {
+  anchorOrigin: {
+    vertical: 'bottom',
+    horizontal: 'left'
+  },
+  autoClose: true,
+  autoCloseOnContextMenu: true,
+  componentsProps: {}
+};
+ActionsMenu.propTypes = {
+  /** Whether the menu is open */
+  open: PropTypes.bool,
+
+  /** Reference documents for the actions */
+  docs: PropTypes.array,
+
+  /** List of actions */
+  actions: PropTypes.array,
+
+  /** Allows you to position the menu in relation to the anchor element */
+  anchorOrigin: PropTypes.shape({
+    vertical: PropTypes.oneOf(['bottom', 'center', 'top']),
+    horizontal: PropTypes.oneOf(['left', 'center', 'right'])
+  }),
+
+  /** Whether the menu should automatically close itself when an item is clicked */
+  autoClose: PropTypes.bool,
+
+  /** Whether the menu should automatically close itself when right-click is triggered */
+  autoCloseOnContextMenu: PropTypes.bool,
+
+  /* Props passed to components with the same name */
+  componentsProps: PropTypes.shape({
+    /** Props spread to ActionsItems component */
+    actionsItems: PropTypes.shape({
+      /** Props spread to action method of Actions component */
+      actionOptions: PropTypes.object,
+
+      /** onClick method spread to action method of Actions component */
+      onClick: PropTypes.func
+    })
+  }),
+
+  /** Function triggered when closing the menu */
+  onClose: PropTypes.func
+};
+export default ActionsMenu;

package/transpiled/react/Alert/index.d.ts

@@ -0,0 +1,54 @@
+export namespace AlertPropTypes {
+    const className: PropTypes.Requireable<string>;
+    const icon: PropTypes.Requireable<boolean | PropTypes.ReactElementLike>;
+    const severity: PropTypes.Requireable<string>;
+    const block: PropTypes.Requireable<boolean>;
+    const color: PropTypes.Requireable<string>;
+    const square: PropTypes.Requireable<boolean>;
+    const variant: PropTypes.Requireable<string>;
+}
+export namespace AlertDefaultProps {
+    const severity_1: string;
+    export { severity_1 as severity };
+    const block_1: boolean;
+    export { block_1 as block };
+    const square_1: boolean;
+    export { square_1 as square };
+    const variant_1: string;
+    export { variant_1 as variant };
+}
+export default Alert;
+export type AlertProps = {
+    /**
+     * - Classname of the alert
+     */
+    className: string;
+    /**
+     * - Icon component to display in the alert (or false to hide it)
+     */
+    icon: React.FC<PropTypes.InferProps<typeof Icon.propTypes>> | false;
+    /**
+     * - Severity of the alert (default: primary)
+     */
+    severity: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
+    /**
+     * - Block the alert to the full width of its container (default: false)
+     */
+    block: boolean;
+    /**
+     * - Background color of the alert
+     */
+    color: string;
+    /**
+     * - Square the alert corners (default: false)
+     */
+    square: boolean;
+    /**
+     * - Variant of the alert (default: standard)
+     */
+    variant: 'standard' | 'outlined' | 'filled';
+};
+import PropTypes from "prop-types";
+declare const Alert: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";
+import Icon from "../Icon";