@douyinfe/semi-ui 2.1.0-next.0 → 2.1.0

package/lib/cjs/navigation/index.js

@@ -1,442 +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 _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _lodashEs = require("lodash-es");
-
-var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/navigation/foundation"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/navigation/constants");
-
-var _SubNav = _interopRequireDefault(require("./SubNav"));
-
-var _Item = _interopRequireDefault(require("./Item"));
-
-var _Footer = _interopRequireDefault(require("./Footer"));
-
-var _Header = _interopRequireDefault(require("./Header"));
-
-var _navContext = _interopRequireDefault(require("./nav-context"));
-
-var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
-require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.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; }
-
-/* eslint-disable max-lines-per-function */
-function createAddKeysFn(context, keyName) {
-  return function addKeys() {
-    const handleKeys = new _set.default(context.state[keyName]);
-
-    for (var _len = arguments.length, keys = new Array(_len), _key = 0; _key < _len; _key++) {
-      keys[_key] = arguments[_key];
-    }
-
-    (0, _forEach.default)(keys).call(keys, key => key && handleKeys.add(key));
-    context.setState({
-      [keyName]: (0, _from.default)(handleKeys)
-    });
-  };
-}
-
-function createRemoveKeysFn(context, keyName) {
-  return function removeKeys() {
-    const handleKeys = new _set.default(context.state[keyName]);
-
-    for (var _len2 = arguments.length, keys = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      keys[_key2] = arguments[_key2];
-    }
-
-    (0, _forEach.default)(keys).call(keys, key => key && handleKeys.delete(key));
-    context.setState({
-      [keyName]: (0, _from.default)(handleKeys)
-    });
-  };
-}
-
-const {
-  hasOwnProperty
-} = Object.prototype;
-
-class Nav extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-
-    this.onCollapseChange = () => {
-      this.foundation.handleCollapseChange();
-    };
-
-    this.foundation = new _foundation.default(this.adapter);
-    this.itemsChanged = true;
-    const {
-      isCollapsed,
-      defaultIsCollapsed,
-      items,
-      children
-    } = props;
-    const initState = {
-      isCollapsed: Boolean(this.isControlled('isCollapsed') ? isCollapsed : defaultIsCollapsed),
-      // calc state
-      openKeys: [],
-      items: [],
-      itemKeysMap: {},
-      selectedKeys: []
-    };
-    this.state = (0, _assign.default)({}, initState);
-
-    if (items && items.length || children) {
-      const calcState = this.foundation.init('constructor');
-      this.state = (0, _assign.default)((0, _assign.default)({}, initState), calcState);
-    }
-  }
-
-  static getDerivedStateFromProps(props, state) {
-    const willUpdateState = {};
-
-    if (hasOwnProperty.call(props, 'isCollapsed') && props.isCollapsed !== state.isCollapsed) {
-      willUpdateState.isCollapsed = props.isCollapsed;
-    }
-
-    return willUpdateState;
-  }
-
-  componentDidMount() {// override BaseComponent
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    if (prevProps.items !== this.props.items || prevProps.children !== this.props.children) {
-      this.foundation.init();
-    } else {
-      this.foundation.handleItemsChange(false);
-      const {
-        selectedKeys
-      } = this.state;
-
-      if (this.props.selectedKeys && !(0, _lodashEs.isEqual)(prevProps.selectedKeys, this.props.selectedKeys)) {
-        this.adapter.updateSelectedKeys(this.props.selectedKeys);
-      }
-
-      if (this.props.openKeys && !(0, _lodashEs.isEqual)(prevProps.openKeys, this.props.openKeys)) {
-        this.adapter.updateOpenKeys(this.props.openKeys);
-      }
-
-      if (!(0, _lodashEs.isEqual)(selectedKeys, prevState.selectedKeys)) {
-        const parentSelectKeys = this.foundation.selectLevelZeroParentKeys(null, ...selectedKeys);
-        this.adapter.addSelectedKeys(...parentSelectKeys);
-      }
-    }
-  }
-
-  get adapter() {
-    var _this = this;
-
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      notifySelect: function () {
-        return _this.props.onSelect(...arguments);
-      },
-      notifyOpenChange: function () {
-        return _this.props.onOpenChange(...arguments);
-      },
-      setIsCollapsed: isCollapsed => this.setState({
-        isCollapsed
-      }),
-      notifyCollapseChange: function () {
-        return _this.props.onCollapseChange(...arguments);
-      },
-      updateItems: items => this.setState({
-        items: [...items]
-      }),
-      setItemKeysMap: itemKeysMap => this.setState({
-        itemKeysMap: (0, _assign.default)({}, itemKeysMap)
-      }),
-      addSelectedKeys: createAddKeysFn(this, 'selectedKeys'),
-      removeSelectedKeys: createRemoveKeysFn(this, 'selectedKeys'),
-      updateSelectedKeys: selectedKeys => this.setState({
-        selectedKeys: [...selectedKeys]
-      }),
-      updateOpenKeys: openKeys => this.setState({
-        openKeys: [...openKeys]
-      }),
-      addOpenKeys: createAddKeysFn(this, 'openKeys'),
-      removeOpenKeys: createRemoveKeysFn(this, 'openKeys'),
-      setItemsChanged: isChanged => {
-        this.itemsChanged = isChanged;
-      }
-    });
-  }
-  /**
-   * Render navigation items recursively
-   *
-   * @param {NavItem[]} items
-   * @returns {JSX.Element}
-   */
-
-
-  renderItems() {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
-    const finalDom = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _map.default)(items).call(items, (item, idx) => {
-      if ((0, _isArray.default)(item.items) && item.items.length) {
-        return /*#__PURE__*/_react.default.createElement(_SubNav.default, (0, _assign.default)({
-          key: item.itemKey || String(level) + idx
-        }, item, {
-          level: level
-        }), this.renderItems(item.items, level + 1));
-      } else {
-        return /*#__PURE__*/_react.default.createElement(_Item.default, (0, _assign.default)({
-          key: item.itemKey || String(level) + idx
-        }, item, {
-          level: level
-        }));
-      }
-    }));
-
-    return finalDom;
-  }
-
-  render() {
-    const {
-      children: originChildren,
-      mode,
-      onOpenChange,
-      onSelect,
-      onClick,
-      style,
-      className,
-      subNavCloseDelay,
-      subNavOpenDelay,
-      subNavMotion,
-      tooltipShowDelay,
-      tooltipHideDelay,
-      prefixCls,
-      bodyStyle,
-      footer,
-      header,
-      toggleIconPosition,
-      limitIndent
-    } = this.props;
-    const {
-      selectedKeys,
-      openKeys,
-      items,
-      isCollapsed
-    } = this.state;
-    const {
-      updateOpenKeys,
-      addOpenKeys,
-      removeOpenKeys,
-      updateSelectedKeys,
-      addSelectedKeys,
-      removeSelectedKeys
-    } = this.adapter;
-    const finalStyle = (0, _assign.default)({}, style);
-
-    let children = _react.Children.toArray(originChildren);
-
-    const footers = [];
-    const headers = [];
-
-    if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
-      footers.push( /*#__PURE__*/_react.default.createElement(_Footer.default, {
-        key: 0
-      }, footer));
-    } else if (footer && typeof footer === 'object') {
-      footers.push( /*#__PURE__*/_react.default.createElement(_Footer.default, (0, _assign.default)({
-        key: 0
-      }, footer)));
-    }
-
-    if ( /*#__PURE__*/_react.default.isValidElement(header)) {
-      headers.push( /*#__PURE__*/_react.default.createElement(_Header.default, {
-        key: 0
-      }, header));
-    } else if (header && typeof header === 'object') {
-      headers.push( /*#__PURE__*/_react.default.createElement(_Header.default, (0, _assign.default)({
-        key: 0
-      }, header)));
-    }
-
-    if ((0, _isArray.default)(children) && children.length) {
-      children = [...children];
-      let childrenLength = children.length;
-
-      for (let i = 0; i < childrenLength; i++) {
-        const child = children[i];
-
-        if (child.type === _Footer.default || (0, _lodashEs.get)(child, 'type.name') === 'NavFooter') {
-          footers.push(child);
-          (0, _splice.default)(children).call(children, i, 1);
-          i--;
-          childrenLength--;
-        } else if (child.type === _Header.default || (0, _lodashEs.get)(child, 'type.name') === 'NavHeader') {
-          headers.push(child);
-          (0, _splice.default)(children).call(children, i, 1);
-          i--;
-          childrenLength--;
-        }
-      }
-    }
-
-    const finalCls = (0, _classnames.default)(prefixCls, className, {
-      ["".concat(prefixCls, "-collapsed")]: isCollapsed,
-      ["".concat(prefixCls, "-horizontal")]: mode === 'horizontal',
-      ["".concat(prefixCls, "-vertical")]: mode === 'vertical'
-    });
-    const headerListOuterCls = (0, _classnames.default)("".concat(prefixCls, "-header-list-outer"), {
-      ["".concat(prefixCls, "-header-list-outer-collapsed")]: isCollapsed
-    });
-
-    if (this.itemsChanged) {
-      this.adapter.setCache('itemElems', this.renderItems(items));
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
-      componentName: "Navigation"
-    }, locale => /*#__PURE__*/_react.default.createElement(_navContext.default.Provider, {
-      value: {
-        subNavCloseDelay,
-        subNavOpenDelay,
-        subNavMotion,
-        tooltipShowDelay,
-        tooltipHideDelay,
-        openKeys,
-        openKeysIsControlled: this.isControlled('openKeys') && mode === 'vertical' && !isCollapsed,
-        // canUpdateOpenKeys: mode === 'vertical' && !isCollapsed,
-        canUpdateOpenKeys: true,
-        selectedKeys,
-        selectedKeysIsControlled: this.isControlled('selectedKeys'),
-        isCollapsed,
-        onCollapseChange: this.onCollapseChange,
-        mode,
-        onSelect,
-        onOpenChange,
-        updateOpenKeys,
-        addOpenKeys,
-        removeOpenKeys,
-        updateSelectedKeys,
-        addSelectedKeys,
-        removeSelectedKeys,
-        onClick,
-        locale,
-        prefixCls,
-        toggleIconPosition,
-        limitIndent
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: finalCls,
-      style: finalStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-inner")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: headerListOuterCls
-    }, headers, /*#__PURE__*/_react.default.createElement("div", {
-      style: bodyStyle,
-      className: "".concat(prefixCls, "-list-wrapper")
-    }, /*#__PURE__*/_react.default.createElement("ul", {
-      className: "".concat(prefixCls, "-list")
-    }, this.adapter.getCache('itemElems'), children))), footers))));
-  }
-
-}
-
-Nav.Sub = _SubNav.default;
-Nav.Item = _Item.default;
-Nav.Header = _Header.default;
-Nav.Footer = _Footer.default;
-Nav.propTypes = {
-  // Initial expanded SubNav navigation key array
-  defaultOpenKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
-  openKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
-  // Initial selected navigation key array
-  defaultSelectedKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
-  selectedKeys: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
-  // Navigation type, now supports vertical, horizontal
-  mode: _propTypes.default.oneOf([..._constants.strings.MODE]),
-  // Triggered when selecting a navigation item
-  onSelect: _propTypes.default.func,
-  // Triggered when clicking a navigation item
-  onClick: _propTypes.default.func,
-  // SubNav expand/close callback
-  onOpenChange: _propTypes.default.func,
-  // Array of options (nested options can continue)
-  items: _propTypes.default.array,
-  // Is it in the state of being stowed to the sidebar
-  isCollapsed: _propTypes.default.bool,
-  defaultIsCollapsed: _propTypes.default.bool,
-  onCollapseChange: _propTypes.default.func,
-  multiple: _propTypes.default.bool,
-  onDeselect: _propTypes.default.func,
-  subNavMotion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object, _propTypes.default.func]),
-  subNavCloseDelay: _propTypes.default.number,
-  subNavOpenDelay: _propTypes.default.number,
-  tooltipShowDelay: _propTypes.default.number,
-  tooltipHideDelay: _propTypes.default.number,
-  children: _propTypes.default.node,
-  style: _propTypes.default.object,
-  bodyStyle: _propTypes.default.object,
-  className: _propTypes.default.string,
-  toggleIconPosition: _propTypes.default.string,
-  prefixCls: _propTypes.default.string,
-  header: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.object]),
-  footer: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.object]),
-  limitIndent: _propTypes.default.bool
-};
-Nav.defaultProps = {
-  subNavCloseDelay: _constants.numbers.DEFAULT_SUBNAV_CLOSE_DELAY,
-  subNavOpenDelay: _constants.numbers.DEFAULT_SUBNAV_OPEN_DELAY,
-  tooltipHideDelay: _constants.numbers.DEFAULT_TOOLTIP_HIDE_DELAY,
-  tooltipShowDelay: _constants.numbers.DEFAULT_TOOLTIP_SHOW_DELAY,
-  onCollapseChange: _lodashEs.noop,
-  onSelect: _lodashEs.noop,
-  onClick: _lodashEs.noop,
-  onOpenChange: _lodashEs.noop,
-  toggleIconPosition: 'right',
-  limitIndent: true,
-  prefixCls: _constants.cssClasses.PREFIX,
-  subNavMotion: true,
-  // isOpen: false,
-  mode: _constants.strings.MODE_VERTICAL // defaultOpenKeys: [],
-  // defaultSelectedKeys: [],
-  // items: [],
-
-};
-var _default = Nav;
-exports.default = _default;

package/lib/cjs/navigation/nav-context.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const NavContext: React.Context<{
-    isCollapsed: boolean;
-    selectedKeys: any[];
-    openKeys: any[];
-}>;
-export default NavContext;

package/lib/cjs/navigation/nav-context.js

@@ -1,22 +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 _react = _interopRequireDefault(require("react"));
-
-const NavContext = /*#__PURE__*/_react.default.createContext({
-  isCollapsed: false,
-  selectedKeys: [],
-  openKeys: []
-});
-
-var _default = NavContext;
-exports.default = _default;

package/lib/cjs/notification/NoticeTransition.d.ts

@@ -1,10 +0,0 @@
-import React, { JSXElementConstructor } from 'react';
-import { NoticePosition } from '@douyinfe/semi-foundation/lib/cjs/notification/notificationFoundation';
-import { Motion } from '../_base/base';
-export declare type ArgsType<T> = T extends (...args: infer A) => any ? A : never;
-export interface NoticeTransitionProps {
-    position?: NoticePosition;
-    motion?: Motion<NoticeTransitionProps>;
-    children?: JSXElementConstructor<any> | React.ReactChildren;
-}
-export default function NoticeTransition(props?: NoticeTransitionProps): JSX.Element;

package/lib/cjs/notification/NoticeTransition.js

@@ -1,90 +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 = NoticeTransition;
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _semiAnimationReact = require("@douyinfe/semi-animation-react");
-
-var _react = _interopRequireDefault(require("react"));
-
-// @ts-ignore  Currently there is no types for semi-animation-react
-function NoticeTransition() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let {
-    motion = {}
-  } = props;
-  const {
-    position = 'topRight'
-  } = props;
-
-  const formatStyle = function formatStyle(_ref) {
-    let {
-      translate,
-      opacity
-    } = _ref;
-    let transform = "translateX(".concat(translate, "%)");
-
-    if (position && typeof position === 'string') {
-      if (/left/i.test(position)) {
-        transform = "translateX(".concat(-translate, "%)");
-      } else if (/right/i.test(position)) {
-        transform = "translateX(".concat(translate, "%)");
-      } else if (/top/i.test(position)) {
-        transform = "translateY(".concat(-translate, "%)");
-      } else {
-        transform = "translateY(".concat(translate, "%)");
-      }
-    }
-
-    return {
-      transform,
-      opacity
-    };
-  };
-
-  if (typeof motion === 'function') {
-    motion = motion(props);
-  } else if (!motion || typeof motion !== 'object') {
-    motion = {};
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition // onFrame={style => console.log(formatStyle(style))}
-  , (0, _assign.default)({
-    // onFrame={style => console.log(formatStyle(style))}
-    from: {
-      translate: 100,
-      opacity: 0
-    },
-    enter: {
-      translate: {
-        val: 0,
-        tension: 560,
-        friction: 32
-      },
-      opacity: {
-        val: 1,
-        duration: 200
-      }
-    },
-    leave: {
-      translate: {
-        val: 100,
-        easing: 'easeOutCubic',
-        duration: 300
-      },
-      opacity: {
-        val: 0,
-        duration: 200
-      }
-    }
-  }, motion), typeof props.children === 'function' ? transitionStyle => props.children(formatStyle(transitionStyle)) : props.children);
-}

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

@@ -1,52 +0,0 @@
-import React, { CSSProperties } from 'react';
-import PropTypes from 'prop-types';
-import { ConfigProps, NotificationListAdapter, NotificationListProps, NotificationListState } from '@douyinfe/semi-foundation/lib/cjs/notification/notificationListFoundation';
-import BaseComponent from '../_base/baseComponent';
-import '@douyinfe/semi-foundation/lib/cjs/notification/notification.css';
-import useNotification from './useNotification';
-import { NoticeInstance, NoticePosition, NoticeProps, NoticeState } from '@douyinfe/semi-foundation/lib/cjs/notification/notificationFoundation';
-export { NoticeTransitionProps } from './NoticeTransition';
-export interface NoticeReactProps extends NoticeProps {
-    style?: CSSProperties;
-}
-export { NoticeState, NotificationListProps, NotificationListState, ConfigProps };
-export declare type NoticesInPosition = {
-    top: NoticeInstance[];
-    topLeft: NoticeInstance[];
-    topRight: NoticeInstance[];
-    bottom: NoticeInstance[];
-    bottomLeft: NoticeInstance[];
-    bottomRight: NoticeInstance[];
-};
-declare class NotificationList extends BaseComponent<NotificationListProps, NotificationListState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
-    static propTypes: {
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        direction: PropTypes.Requireable<"ltr" | "rtl">;
-    };
-    static defaultProps: {};
-    static useNotification: typeof useNotification;
-    private static wrapperId;
-    private noticeStorage;
-    private removeItemStorage;
-    constructor(props: NotificationListProps);
-    get adapter(): NotificationListAdapter;
-    static addNotice(notice: NoticeProps): string;
-    static removeNotice(id: string): string;
-    static info(opts: NoticeProps): string;
-    static success(opts: NoticeProps): string;
-    static error(opts: NoticeProps): string;
-    static warning(opts: NoticeProps): string;
-    static open(opts: NoticeProps): string;
-    static close(id: string): string;
-    static destroyAll(): void;
-    static config(opts: ConfigProps): void;
-    add: (noticeOpts: NoticeProps) => any;
-    remove: (id: string) => void;
-    destroyAll: () => any;
-    renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[]) => JSX.Element;
-    setPosInStyle(noticeInstance: NoticeInstance): {};
-    render(): JSX.Element;
-}
-export default NotificationList;