@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-beta.3

package/lib/cjs/avatar/index.js

@@ -1,259 +0,0 @@
-"use strict";
-
-var _context7;
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _exportNames = {};
-exports.default = void 0;
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/avatar/constants");
-
-var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/avatar/foundation"));
-
-require("@douyinfe/semi-foundation/lib/cjs/avatar/avatar.css");
-
-var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _interface = require("./interface");
-
-_forEachInstanceProperty(_context7 = _Object$keys(_interface)).call(_context7, function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _interface[key]) return;
-
-  _Object$defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _interface[key];
-    }
-  });
-});
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
-
-  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
-    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-const sizeSet = _constants.strings.SIZE;
-const shapeSet = _constants.strings.SHAPE;
-const colorSet = _constants.strings.COLOR;
-const prefixCls = _constants.cssClasses.PREFIX;
-
-class Avatar extends _baseComponent.default {
-  constructor(props) {
-    var _context, _context2, _context3;
-
-    super(props);
-    this.state = {
-      isImgExist: true,
-      hoverContent: ''
-    };
-    this.onEnter = (0, _bind.default)(_context = this.onEnter).call(_context, this);
-    this.onLeave = (0, _bind.default)(_context2 = this.onLeave).call(_context2, this);
-    this.handleError = (0, _bind.default)(_context3 = this.handleError).call(_context3, this);
-  }
-
-  get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      notifyImgState: isImgExist => {
-        this.setState({
-          isImgExist
-        });
-      },
-      notifyEnter: e => {
-        const {
-          hoverMask
-        } = this.props;
-        const hoverContent = hoverMask;
-        this.setState({
-          hoverContent
-        }, () => {
-          const {
-            onMouseEnter
-          } = this.props;
-          onMouseEnter && onMouseEnter(e);
-        });
-      },
-      notifyLeave: e => {
-        this.setState({
-          hoverContent: ''
-        }, () => {
-          const {
-            onMouseLeave
-          } = this.props;
-          onMouseLeave && onMouseLeave(e);
-        });
-      }
-    });
-  }
-
-  componentDidMount() {
-    this.foundation = new _foundation.default(this.adapter);
-    this.foundation.init();
-  }
-
-  componentDidUpdate(prevProps) {
-    if (this.props.src && this.props.src !== prevProps.src) {
-      const image = new Image(0, 0);
-      image.src = this.props.src;
-
-      image.onload = () => {
-        this.setState({
-          isImgExist: true
-        });
-      };
-
-      image.onerror = () => {
-        this.setState({
-          isImgExist: false
-        });
-      };
-
-      image.onabort = () => {
-        this.setState({
-          isImgExist: false
-        });
-      };
-    }
-  }
-
-  componentWillUnmount() {
-    this.foundation.destroy();
-  }
-
-  onEnter() {
-    this.foundation.handleEnter();
-  }
-
-  onLeave() {
-    this.foundation.handleLeave();
-  }
-
-  handleError() {
-    this.foundation.handleImgLoadError();
-  }
-
-  render() {
-    var _context4, _context5, _context6;
-
-    // eslint-disable-next-line max-len, no-unused-vars
-    const _a = this.props,
-          {
-      shape,
-      children,
-      size,
-      color,
-      className,
-      hoverMask,
-      onClick,
-      imgAttr,
-      src,
-      srcSet,
-      style,
-      alt
-    } = _a,
-          others = __rest(_a, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt"]);
-
-    const {
-      isImgExist,
-      hoverContent
-    } = this.state;
-    const isImg = src && isImgExist;
-    const avatarCls = (0, _classnames.default)(prefixCls, {
-      [(0, _concat.default)(_context4 = "".concat(prefixCls, "-")).call(_context4, shape)]: shape,
-      [(0, _concat.default)(_context5 = "".concat(prefixCls, "-")).call(_context5, size)]: size,
-      [(0, _concat.default)(_context6 = "".concat(prefixCls, "-")).call(_context6, color)]: color && !isImg,
-      ["".concat(prefixCls, "-img")]: isImg
-    }, className);
-    let content = children;
-    const hoverRender = hoverContent ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-hover")
-    }, hoverContent) : null;
-
-    if (isImg) {
-      content = /*#__PURE__*/_react.default.createElement("img", (0, _assign.default)({
-        src: src,
-        srcSet: srcSet,
-        onError: this.handleError,
-        alt: alt
-      }, imgAttr));
-    } else if (typeof children === 'string') {
-      content = /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixCls, "-content")
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixCls, "-label")
-      }, children));
-    }
-
-    return /*#__PURE__*/_react.default.createElement("span", (0, _assign.default)({}, others, {
-      style: style,
-      className: avatarCls,
-      onClick: onClick,
-      onMouseEnter: this.onEnter,
-      onMouseLeave: this.onLeave
-    }), content, hoverRender);
-  }
-
-}
-
-exports.default = Avatar;
-Avatar.defaultProps = {
-  size: 'medium',
-  color: 'grey',
-  shape: 'circle',
-  onClick: _function.noop,
-  onMouseEnter: _function.noop,
-  onMouseLeave: _function.noop
-};
-Avatar.propTypes = {
-  children: _propTypes.default.node,
-  color: _propTypes.default.oneOf(colorSet),
-  shape: _propTypes.default.oneOf(shapeSet),
-  size: _propTypes.default.oneOf(sizeSet),
-  hoverMask: _propTypes.default.node,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  imgAttr: _propTypes.default.object,
-  src: _propTypes.default.string,
-  srcSet: _propTypes.default.string,
-  alt: _propTypes.default.string,
-  onError: _propTypes.default.func,
-  onClick: _propTypes.default.func,
-  onMouseEnter: _propTypes.default.func,
-  onMouseLeave: _propTypes.default.func
-};

package/lib/cjs/avatar/interface.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../_base/baseComponent';
-export declare type AvatarShape = 'circle' | 'square';
-export declare type AvatarSize = 'extra-extra-small' | 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';
-export declare type AvatarColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow';
-export interface AvatarProps extends BaseProps {
-    children?: React.ReactNode;
-    color?: AvatarColor;
-    shape?: AvatarShape;
-    size?: AvatarSize;
-    hoverMask?: React.ReactNode;
-    src?: string;
-    srcSet?: string;
-    alt?: string;
-    onError?: React.MouseEventHandler;
-    onClick?: React.MouseEventHandler;
-    onMouseEnter?: React.MouseEventHandler;
-    onMouseLeave?: React.MouseEventHandler;
-    imgAttr?: React.ImgHTMLAttributes<HTMLImageElement>;
-}
-export declare type AvatarGroupShape = 'circle' | 'square';
-export declare type AvatarGroupSize = 'extra-extra-small' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
-export declare type AvatarGroupOverlapFrom = 'start' | 'end';
-export interface AvatarGroupProps {
-    children?: React.ReactNode;
-    shape?: AvatarGroupShape;
-    size?: AvatarGroupSize;
-    overlapFrom?: AvatarGroupOverlapFrom;
-    maxCount?: number;
-    renderMore?: (restNumber?: number, restAvatars?: React.ReactNode[]) => React.ReactNode;
-}

package/lib/cjs/avatar/interface.js

@@ -1,7 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/cjs/backtop/index.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import BaseComponent from '../_base/baseComponent';
-import PropTypes from 'prop-types';
-import { BackTopAdapter } from '@douyinfe/semi-foundation/lib/cjs/backtop/foundation';
-import '@douyinfe/semi-foundation/lib/cjs/backtop/backtop.css';
-export interface BackTopProps {
-    target?: () => any;
-    visibilityHeight?: number;
-    duration?: number;
-    onClick?: (e: React.MouseEvent) => void;
-    style?: React.CSSProperties;
-    className?: string;
-}
-export interface BackTopState {
-    visible?: boolean;
-}
-export default class BackTop extends BaseComponent<BackTopProps, BackTopState> {
-    static defaultProps: {
-        visibilityHeight: number;
-        target: () => Window & typeof globalThis;
-        duration: number;
-    };
-    static propTypes: {
-        target: PropTypes.Requireable<(...args: any[]) => any>;
-        visibilityHeight: PropTypes.Requireable<number>;
-        duration: PropTypes.Requireable<number>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-    };
-    constructor(props: BackTopProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    get adapter(): BackTopAdapter;
-    handleClick(e: React.MouseEvent<HTMLDivElement>): void;
-    renderDefault(): JSX.Element;
-    render(): JSX.Element;
-}

package/lib/cjs/backtop/index.js

@@ -1,144 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/backtop/constants");
-
-var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/backtop/foundation"));
-
-require("@douyinfe/semi-foundation/lib/cjs/backtop/backtop.css");
-
-var _iconButton = _interopRequireDefault(require("../iconButton"));
-
-var _semiIcons = require("@douyinfe/semi-icons");
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
-
-  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
-    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-const prefixCls = _constants.cssClasses.PREFIX;
-
-const getDefaultTarget = () => window;
-
-class BackTop extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-    this.state = {
-      visible: false
-    };
-    this.foundation = new _foundation.default(this.adapter);
-  }
-
-  componentDidMount() {
-    this.foundation.init();
-  }
-
-  componentWillUnmount() {
-    this.foundation.destroy();
-  }
-
-  get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      updateVisible: visible => {
-        this.setState({
-          visible
-        });
-      },
-      notifyClick: e => {
-        this.props.onClick && this.props.onClick(e);
-      },
-      targetIsWindow: target => target === window,
-      isWindowUndefined: () => window === undefined,
-      targetScrollToTop: (targetNode, scrollTop) => {
-        if (targetNode === window) {
-          document.body.scrollTop = scrollTop;
-          document.documentElement.scrollTop = scrollTop;
-        } else {
-          targetNode.scrollTop = scrollTop;
-        }
-      }
-    });
-  }
-
-  handleClick(e) {
-    this.foundation.onClick(e);
-  }
-
-  renderDefault() {
-    return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-      theme: "light",
-      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, null)
-    });
-  }
-
-  render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const _a = this.props,
-          {
-      children,
-      className,
-      style,
-      onClick,
-      visibilityHeight,
-      target
-    } = _a,
-          others = __rest(_a, ["children", "className", "style", "onClick", "visibilityHeight", "target"]);
-
-    const {
-      visible
-    } = this.state;
-    const preCls = (0, _classnames.default)(prefixCls, className);
-    const backtopBtn = children ? children : this.renderDefault();
-    const content = visible ? /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, others, {
-      className: preCls,
-      style: style,
-      onClick: e => this.handleClick(e)
-    }), backtopBtn) : null;
-    return content;
-  }
-
-}
-
-exports.default = BackTop;
-BackTop.defaultProps = {
-  visibilityHeight: 400,
-  target: getDefaultTarget,
-  duration: 450
-};
-BackTop.propTypes = {
-  target: _propTypes.default.func,
-  visibilityHeight: _propTypes.default.number,
-  duration: _propTypes.default.number,
-  onClick: _propTypes.default.func,
-  style: _propTypes.default.object,
-  className: _propTypes.default.string
-};

package/lib/cjs/badge/index.d.ts

@@ -1,38 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import '@douyinfe/semi-foundation/lib/cjs/badge/badge.css';
-export declare type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
-export declare type BadgeTheme = 'solid' | 'light' | 'inverted';
-export declare type BadgePosition = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-export interface BadgeProps {
-    count?: React.ReactNode;
-    dot?: boolean;
-    type?: BadgeType;
-    theme?: BadgeTheme;
-    position?: BadgePosition;
-    overflowCount?: number;
-    style?: React.CSSProperties;
-    className?: string;
-    children?: React.ReactNode;
-}
-export default class Badge extends PureComponent<BadgeProps> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
-    static propTypes: {
-        count: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        dot: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        theme: PropTypes.Requireable<string>;
-        position: PropTypes.Requireable<string>;
-        overflowCount: PropTypes.Requireable<number>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    static defaultProps: {
-        dot: boolean;
-        type: string;
-        theme: string;
-        className: string;
-    };
-    render(): JSX.Element;
-}

package/lib/cjs/badge/index.js

@@ -1,109 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
-var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _context4 = _interopRequireDefault(require("../configProvider/context"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/badge/constants");
-
-require("@douyinfe/semi-foundation/lib/cjs/badge/badge.css");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-const prefixCls = _constants.cssClasses.PREFIX;
-
-class Badge extends _react.PureComponent {
-  render() {
-    var _context, _context2, _context3;
-
-    const {
-      direction
-    } = this.context; // DefaultPosition here, static can't get this
-
-    const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop'; // eslint-disable-next-line max-len
-
-    const {
-      count,
-      dot,
-      type,
-      theme,
-      position = defaultPosition,
-      overflowCount,
-      style,
-      children,
-      className
-    } = this.props;
-    const custom = count && !((0, _isNumber2.default)(count) || (0, _isString2.default)(count));
-    const showBadge = count !== null && typeof count !== 'undefined';
-    const wrapper = (0, _classnames.default)(className, {
-      [(0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, type)]: !custom,
-      [(0, _concat.default)(_context2 = "".concat(prefixCls, "-")).call(_context2, theme)]: !custom,
-      [(0, _concat.default)(_context3 = "".concat(prefixCls, "-")).call(_context3, position)]: Boolean(position) && Boolean(children),
-      ["".concat(prefixCls, "-block")]: !children,
-      ["".concat(prefixCls, "-dot")]: dot,
-      ["".concat(prefixCls, "-count")]: !dot && !custom && showBadge,
-      ["".concat(prefixCls, "-custom")]: custom
-    });
-    let content;
-
-    if ((0, _isNumber2.default)(count)) {
-      content = overflowCount && overflowCount < count ? "".concat(overflowCount, "+") : "".concat(count);
-    } else {
-      content = count;
-    }
-
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: prefixCls
-    }, children, /*#__PURE__*/_react.default.createElement("span", {
-      className: wrapper,
-      style: style
-    }, dot ? null : content));
-  }
-
-}
-
-exports.default = Badge;
-Badge.contextType = _context4.default;
-Badge.propTypes = {
-  count: _propTypes.default.node,
-  dot: _propTypes.default.bool,
-  type: _propTypes.default.oneOf(_constants.strings.TYPE_SET),
-  theme: _propTypes.default.oneOf(_constants.strings.THEME_SET),
-  position: _propTypes.default.oneOf(_constants.strings.POS_SET),
-  overflowCount: _propTypes.default.number,
-  style: _propTypes.default.object,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node
-};
-Badge.defaultProps = {
-  dot: false,
-  type: 'primary',
-  theme: 'solid',
-  className: ''
-};

package/lib/cjs/banner/index.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import BannerFoundation, { BannerAdapter } from '@douyinfe/semi-foundation/lib/cjs/banner/foundation';
-import '@douyinfe/semi-foundation/lib/cjs/banner/banner.css';
-import BaseComponent from '../_base/baseComponent';
-export declare type Type = 'info' | 'danger' | 'warning' | 'success';
-export interface BannerProps {
-    type?: Type;
-    className?: string;
-    fullMode?: boolean;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: string | React.ReactNode;
-    closeIcon?: string | React.ReactNode;
-    style?: React.CSSProperties;
-    bordered?: boolean;
-    onClose?: (e: React.MouseEvent) => void;
-}
-export interface BannerState {
-    visible: boolean;
-}
-export default class Banner extends BaseComponent<BannerProps, BannerState> {
-    static propTypes: {
-        fullMode: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        closeIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        bordered: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        onClose: () => void;
-        type: string;
-        fullMode: boolean;
-    };
-    foundation: BannerFoundation;
-    constructor(props: BannerProps);
-    get adapter(): BannerAdapter<BannerProps, BannerState>;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    remove: React.MouseEventHandler;
-    renderCloser(): React.ReactNode;
-    renderIcon(): JSX.Element;
-    render(): JSX.Element;
-}