RawItem.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
  3. var _excluded = ["component"],
  4. _excluded2 = ["className"],
  5. _excluded3 = ["className"];
  6. import * as React from 'react';
  7. import classNames from 'classnames';
  8. import Item from "./Item";
  9. import { OverflowContext } from "./context";
  10. var InternalRawItem = function InternalRawItem(props, ref) {
  11. var context = React.useContext(OverflowContext);
  12. // Render directly when context not provided
  13. if (!context) {
  14. var _props$component = props.component,
  15. Component = _props$component === void 0 ? 'div' : _props$component,
  16. _restProps = _objectWithoutProperties(props, _excluded);
  17. return /*#__PURE__*/React.createElement(Component, _extends({}, _restProps, {
  18. ref: ref
  19. }));
  20. }
  21. var contextClassName = context.className,
  22. restContext = _objectWithoutProperties(context, _excluded2);
  23. var className = props.className,
  24. restProps = _objectWithoutProperties(props, _excluded3);
  25. // Do not pass context to sub item to avoid multiple measure
  26. return /*#__PURE__*/React.createElement(OverflowContext.Provider, {
  27. value: null
  28. }, /*#__PURE__*/React.createElement(Item, _extends({
  29. ref: ref,
  30. className: classNames(contextClassName, className)
  31. }, restContext, restProps)));
  32. };
  33. var RawItem = /*#__PURE__*/React.forwardRef(InternalRawItem);
  34. RawItem.displayName = 'RawItem';
  35. export default RawItem;