@wordpress/components/build/notice/list.native.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _reactNative = require("react-native");

var _data = require("@wordpress/data");

var _notices = require("@wordpress/notices");

var _ = _interopRequireDefault(require("./"));

var _style = _interopRequireDefault(require("./style.scss"));

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function NoticeList() {
  const {
    notices
  } = (0, _data.useSelect)(select => {
    const {
      getNotices
    } = select(_notices.store);
    return {
      notices: getNotices()
    };
  }, []);
  const {
    removeNotice
  } = (0, _data.useDispatch)(_notices.store);
  const onRemoveNotice = (0, _element.useCallback)(id => {
    removeNotice(id);
  }, [removeNotice]);

  if (!notices.length) {
    return null;
  }

  return (0, _element.createElement)(_reactNative.View, {
    style: _style.default.list
  }, notices.map(notice => {
    return (0, _element.createElement)(_.default, (0, _extends2.default)({}, notice, {
      key: notice.id,
      onNoticeHidden: onRemoveNotice
    }));
  }));
}

var _default = NoticeList;
exports.default = _default;
//# sourceMappingURL=list.native.js.map