UNPKG

@amaui/ui-react

Version:
30 lines 2.04 kB
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties"; import _defineProperty from "@babel/runtime/helpers/defineProperty"; const _excluded = ["element", "children"]; function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } import React from 'react'; import ReactDOM from 'react-dom'; import { is } from '@amaui/utils'; import { useAmauiTheme } from '@amaui/style-react'; const Portal = /*#__PURE__*/React.forwardRef((props_, ref) => { const theme = useAmauiTheme(); const props = React.useMemo(() => _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.amauiPortal?.props?.default), props_), [props_]); const { element, children } = props, other = _objectWithoutProperties(props, _excluded); return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.cloneElement(children, _objectSpread({ ref: item => { if (ref) { if (is('function', ref)) ref(item);else ref.current = item; } if (children.ref) { if (is('function', children.ref)) children.ref(item);else children.ref.current = item; } } }, other)), element); }); Portal.displayName = 'amaui-Portal'; export default Portal;