@whatoplay/react-drawer/dist/index.min.js

Material Components React Drawer

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"),require("classnames"),require("@material/list/dist/mdc.list.js"),require("@material/drawer/dist/mdc.drawer.js"));else if("function"==typeof define&&define.amd)define(["react","classnames","@material/list/dist/mdc.list.js","@material/drawer/dist/mdc.drawer.js"],t);else{var n="object"==typeof exports?t(require("react"),require("classnames"),require("@material/list/dist/mdc.list.js"),require("@material/drawer/dist/mdc.drawer.js")):t(e.react,e.classnames,e["@material/list/dist/mdc.list.js"],e["@material/drawer/dist/mdc.drawer.js"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}("undefined"!=typeof self?self:this,function(e,t,n,r){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=30)}({0:function(t,n){t.exports=e},1:function(e,n){e.exports=t},3:function(e,t){e.exports=n},30:function(e,t,n){"use strict";var r=this&&this.__extends||function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),o=this&&this.__assign||function(){return o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},o.apply(this,arguments)},i=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)for(var o=0,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 a=n(0),s=n(1),c=n(4),l=n(3),u=n(31);t.DrawerHeader=u.default;var d=n(32);t.DrawerContent=d.default;var f=n(33);t.DrawerSubtitle=f.default;var p=n(34);t.DrawerTitle=p.default;var m=n(35);t.DrawerAppContent=m.default;var h=l.MDCListFoundation.cssClasses,v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.previousFocus=null,t.drawerElement=a.createRef(),t.state={classList:new Set},t.initFoundation=function(){var e=t.props,n=e.dismissible,r=e.modal;t.foundation&&t.foundation.destroy(),n?(t.foundation=new c.MDCDismissibleDrawerFoundation(t.adapter),t.foundation.init()):r&&(t.initializeFocusTrap(),t.foundation=new c.MDCModalDrawerFoundation(t.adapter),t.foundation.init())},t.initializeFocusTrap=function(){t.focusTrap=c.util.createFocusTrapInstance(t.drawerElement.current)},t.handleKeyDown=function(e){t.props.onKeyDown(e),t.foundation&&t.foundation.handleKeydown(e)},t.handleTransitionEnd=function(e){t.props.onTransitionEnd(e),t.foundation&&t.foundation.handleTransitionEnd(e)},t}return r(t,e),t.prototype.componentDidMount=function(){var e=this.props.open;this.initFoundation(),e&&this.foundation&&this.foundation.open()},t.prototype.componentDidUpdate=function(e){var t=this.props,n=t.dismissible,r=t.modal,o=t.open,i=e.modal!==this.props.modal,a=e.dismissible!==this.props.dismissible;(n||r)&&((i||a)&&this.initFoundation(),o!==e.open&&(o?this.foundation.open():this.foundation.close()))},t.prototype.componentWillUnmount=function(){this.foundation&&this.foundation.destroy()},Object.defineProperty(t.prototype,"classes",{get:function(){var e=this.state.classList,t=this.props,n=t.className,r=t.dismissible,o=t.modal;return s("mdc-drawer",Array.from(e),n,{"mdc-drawer--dismissible":r,"mdc-drawer--modal":o})},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"adapter",{get:function(){var e=this;return{addClass:function(t){var n=e.state.classList;n.add(t),e.setState({classList:n})},removeClass:function(t){var n=e.state.classList;n.delete(t),e.setState({classList:n})},hasClass:function(t){return e.classes.split(" ").includes(t)},elementHasClass:function(e,t){return e.classList.contains(t)},saveFocus:function(){e.previousFocus=document.activeElement},restoreFocus:function(){var t=e.drawerElement&&e.drawerElement.current;t&&e.previousFocus&&e.previousFocus.focus&&t.contains(document.activeElement)&&e.previousFocus.focus()},focusActiveNavigationItem:function(){var t=e.drawerElement&&e.drawerElement.current;if(t){var n=t.querySelector("."+h.LIST_ITEM_ACTIVATED_CLASS);n&&n.focus()}},notifyClose:this.props.onClose,notifyOpen:this.props.onOpen,trapFocus:function(){e.focusTrap&&e.focusTrap.activate()},releaseFocus:function(){e.focusTrap&&e.focusTrap.deactivate()}}},enumerable:!0,configurable:!0}),t.prototype.render=function(){var e=this.props,t=(e.onClose,e.onOpen,e.onKeyDown,e.onTransitionEnd,e.dismissible,e.children),n=(e.className,e.tag),r=e.modal,s=i(e,["onClose","onOpen","onKeyDown","onTransitionEnd","dismissible","children","className","tag","modal"]);return a.createElement(a.Fragment,null,a.createElement(n,o({className:this.classes,ref:this.drawerElement,onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},s),t),r?this.renderScrim():null)},t.prototype.renderScrim=function(){var e=this;return a.createElement("div",{className:"mdc-drawer-scrim",onClick:function(){return e.foundation.handleScrimClick()}})},t.defaultProps={className:"",children:null,open:!1,onOpen:function(){},onClose:function(){},onTransitionEnd:function(){},onKeyDown:function(){},tag:"aside",dismissible:!1,modal:!1},t}(a.Component);t.default=v},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++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},r.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)for(var o=0,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 i=n(0),a=n(1),s=function(e){var t=e.tag,n=void 0===t?"div":t,s=e.children,c=e.className,l=void 0===c?"":c,u=o(e,["tag","children","className"]);return i.createElement(n,r({className:a("mdc-drawer__header",l)},u),s)};t.default=s},32: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++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},r.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)for(var o=0,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 i=n(0),a=n(1),s=function(e){var t=e.tag,n=void 0===t?"div":t,s=e.children,c=e.className,l=void 0===c?"":c,u=o(e,["tag","children","className"]);return i.createElement(n,r({className:a("mdc-drawer__content",l)},u),s)};t.default=s},33: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++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},r.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)for(var o=0,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 i=n(0),a=n(1),s=function(e){var t=e.tag,n=void 0===t?"h6":t,s=e.children,c=e.className,l=void 0===c?"":c,u=o(e,["tag","children","className"]);return i.createElement(n,r({className:a("mdc-drawer__subtitle",l)},u),s)};t.default=s},34: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++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},r.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)for(var o=0,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 i=n(0),a=n(1),s=function(e){var t=e.tag,n=void 0===t?"h3":t,s=e.children,c=e.className,l=void 0===c?"":c,u=o(e,["tag","children","className"]);return i.createElement(n,r({className:a("mdc-drawer__title",l)},u),s)};t.default=s},35: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++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},r.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)for(var o=0,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 i=n(0),a=n(1),s=function(e){var t=e.tag,n=void 0===t?"div":t,s=e.children,c=e.className,l=void 0===c?"":c,u=o(e,["tag","children","className"]);return i.createElement(n,r({className:a("mdc-drawer-app-content",l)},u),s)};t.default=s},4:function(e,t){e.exports=r}})});