antd/lib/masonry/MasonryItem.js

An enterprise-class UI design language and React components implementation

"use strict";
"use client";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _resizeObserver = _interopRequireDefault(require("@rc-component/resize-observer"));
var _clsx = require("clsx");
const MasonryItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
  const {
    item,
    style,
    prefixCls,
    itemRender,
    className,
    index,
    column,
    onResize
  } = props;
  const itemPrefix = `${prefixCls}-item`;
  // ====================== Render ======================
  const renderNode = (0, _react.useMemo)(() => {
    return item.children ?? itemRender?.({
      ...item,
      index,
      column
    });
  }, [item, itemRender, column, index]);
  let returnNode = /*#__PURE__*/_react.default.createElement("div", {
    ref: ref,
    style: style,
    className: (0, _clsx.clsx)(itemPrefix, className)
  }, renderNode);
  // Listen for resize
  if (onResize) {
    returnNode = /*#__PURE__*/_react.default.createElement(_resizeObserver.default, {
      onResize: onResize
    }, returnNode);
  }
  return returnNode;
});
if (process.env.NODE_ENV !== 'production') {
  MasonryItem.displayName = 'MasonryItem';
}
var _default = exports.default = MasonryItem;