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.04 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/utils"),o=require("primereact/componentbase");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(e);function c(e){return c="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},c(e)}function l(e,t){if("object"!=c(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=l(e,"string");return"symbol"==c(t)?t:t+""}function i(e,t,r){return(t=s(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var f=o.ComponentBase.extend({defaultProps:{__TYPE:"FocusTrap",children:void 0},css:{styles:""},getProps:function(e){return n.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,f.defaultProps)}});function p(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 d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=a.default.memo(a.default.forwardRef((function(e,o){var u=a.default.useRef(null),c=a.default.useRef(null),l=a.default.useRef(null),s=a.default.useContext(t.PrimeReactContext),i=f.getProps(e,s),p={props:i};r.useStyle(f.css.styles,{name:"focustrap"});f.setMetaData(d({},p));a.default.useImperativeHandle(o,(function(){return{props:i,getInk:function(){return c.current},getTarget:function(){return u.current}}})),r.useMountEffect((function(){i.disabled||(u.current=h(),O(u.current))}));var b,m,y,v,g,h=function(){return c.current&&c.current.parentElement},O=function(e){var t=i||{},r=t.autoFocusSelector,o=t.firstFocusableSelector,u=void 0===o?"":o,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=n.DomHandler.getFirstFocusableElement(e,s);c&&!f&&(f=n.DomHandler.getFirstFocusableElement(e,P(u))),n.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,o=e.relatedTarget,a=o!==r.$_pfocustrap_firsthiddenfocusableelement&&null!==(t=u.current)&&void 0!==t&&t.contains(o)?r.$_pfocustrap_firsthiddenfocusableelement:n.DomHandler.getLastFocusableElement(r.parentElement,P(r.$_pfocustrap_focusableselector));n.DomHandler.focus(a)};return m=void 0===(b=(i||{}).tabIndex)?0:b,v=(y=function(e,t,r){return a.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})})(c,(function(e){var t,r=e.currentTarget,o=e.relatedTarget,a=o!==r.$_pfocustrap_lasthiddenfocusableelement&&null!==(t=u.current)&&void 0!==t&&t.contains(o)?r.$_pfocustrap_lasthiddenfocusableelement:n.DomHandler.getFirstFocusableElement(r.parentElement,P(r.$_pfocustrap_focusableselector));n.DomHandler.focus(a)}),"firstfocusableelement"),g=y(l,_,"lastfocusableelement"),c.current&&l.current&&(c.current.$_pfocustrap_lasthiddenfocusableelement=l.current,l.current.$_pfocustrap_firsthiddenfocusableelement=c.current),a.default.createElement(a.default.Fragment,null,v,i.children,g)})));exports.FocusTrap=b,exports.default=b;