@procore/core-react/lib/components/Portal.js

JSX implementations for core-css

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"),require("react-dom"));else if("function"==typeof define&&define.amd)define(["react","react-dom"],t);else{var n="object"==typeof exports?t(require("react"),require("react-dom")):t(e.react,e["react-dom"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(window,function(e,t){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=29)}({0:function(t,n){t.exports=e},29:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(30),u=n(31);t.default=function(e){var t=e.children,n=e.container,i=void 0===n?function(e){var t=e.parent,n=void 0===t?document.body:t,o=e.position,i=void 0===o?"fixed":o,c=r.useRef(null),f=u.useZIndex({});return c.current||(f.increment(),c.current=document.createElement("div"),c.current.style.position=i,c.current.style.top="0",c.current.style.left="0",n.appendChild(c.current)),r.useLayoutEffect(function(){c.current&&(c.current.style.zIndex=String(f.value))},[f.value]),r.useEffect(function(){return function(){c.current&&n.removeChild(c.current)}},[]),c.current}({}):n;return i&&o.createPortal(t,i)}},30:function(e,n){e.exports=t},31:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var u=n(0);t.DEFAULT_Z_INDEX=9999,t.useZIndex=function(e){var n=e.initialValue,r=void 0===n?t.DEFAULT_Z_INDEX:n,o=u.useState(r),i=o[0],c=o[1];return{increment:function(){return c(i+1)},value:i}},t.withZIndex=function(e){return function(n){return function(o){return u.createElement(n,r({},o,{zIndex:t.useZIndex(r({},e,o.zIndex))}))}}},t.ZIndex=function(e){var n=e.children,r=o(e,["children"]),u=t.useZIndex(r);return"function"==typeof n?n(u):n};var i;t.ZIndexContext=u.createContext({increment:(i="increment",function(){return console.warn("Could not call `"+i+"`, please wrap your component in a `<ZIndexProvider>`")}),value:t.DEFAULT_Z_INDEX}),t.ZIndexProvider=function(e){var n=e.children,r=o(e,["children"]);return u.createElement(t.ZIndexContext.Provider,{value:t.useZIndex(r)},n)},t.consumeZIndex=function(){return u.useContext(t.ZIndexContext)}}})});
//# sourceMappingURL=Portal.js.map