UNPKG

primereact

Version:

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

2 lines (1 loc) 4.05 kB
this.primereact=this.primereact||{},this.primereact.focustrap=function(e,t,r,n,o,u){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(t);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function s(e,t){if("object"!=l(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function i(e){var t=s(e,"string");return"symbol"==l(t)?t:t+""}function f(e,t,r){return(t=i(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var p=u.ComponentBase.extend({defaultProps:{__TYPE:"FocusTrap",children:void 0},css:{styles:""},getProps:function(e){return o.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,p.defaultProps)}});function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=c.default.memo(c.default.forwardRef((function(e,t){var u=c.default.useRef(null),a=c.default.useRef(null),l=c.default.useRef(null),s=c.default.useContext(r.PrimeReactContext),i=p.getProps(e,s),f={props:i};n.useStyle(p.css.styles,{name:"focustrap"});p.setMetaData(b({},f));c.default.useImperativeHandle(t,(function(){return{props:i,getInk:function(){return a.current},getTarget:function(){return u.current}}})),n.useMountEffect((function(){i.disabled||(u.current=h(),O(u.current))}));var d,m,y,v,g,h=function(){return a.current&&a.current.parentElement},O=function(e){var t=i||{},r=t.autoFocusSelector,n=t.firstFocusableSelector,u=void 0===n?"":n,a=t.autoFocus,c=void 0!==a&&a,l="".concat(P(void 0===r?"":r)),s="[autofocus]".concat(l,", [data-pc-autofocus='true']").concat(l),f=o.DomHandler.getFirstFocusableElement(e,s);c&&!f&&(f=o.DomHandler.getFirstFocusableElement(e,P(u))),o.DomHandler.focus(f)},P=function(e){return':not(.p-hidden-focusable):not([data-p-hidden-focusable="true"])'.concat(null!=e?e:"")},_=function(e){var t,r=e.currentTarget,n=e.relatedTarget,a=n!==r.$_pfocustrap_firsthiddenfocusableelement&&null!==(t=u.current)&&void 0!==t&&t.contains(n)?r.$_pfocustrap_firsthiddenfocusableelement:o.DomHandler.getLastFocusableElement(r.parentElement,P(r.$_pfocustrap_focusableselector));o.DomHandler.focus(a)};return m=void 0===(d=(i||{}).tabIndex)?0:d,v=(y=function(e,t,r){return c.default.createElement("span",{ref:e,className:"p-hidden-accessible p-hidden-focusable",tabIndex:m,role:"presentation","aria-hidden":!0,"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0,onFocus:t,"data-pc-section":r})})(a,(function(e){var t,r=e.currentTarget,n=e.relatedTarget,a=n!==r.$_pfocustrap_lasthiddenfocusableelement&&null!==(t=u.current)&&void 0!==t&&t.contains(n)?r.$_pfocustrap_lasthiddenfocusableelement:o.DomHandler.getFirstFocusableElement(r.parentElement,P(r.$_pfocustrap_focusableselector));o.DomHandler.focus(a)}),"firstfocusableelement"),g=y(l,_,"lastfocusableelement"),a.current&&l.current&&(a.current.$_pfocustrap_lasthiddenfocusableelement=l.current,l.current.$_pfocustrap_firsthiddenfocusableelement=a.current),c.default.createElement(c.default.Fragment,null,v,i.children,g)})));return e.FocusTrap=m,e.default=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);