aboutsummaryrefslogtreecommitdiffstats
path: root/old-ui/app/components/menu-droppo.js
diff options
context:
space:
mode:
Diffstat (limited to 'old-ui/app/components/menu-droppo.js')
-rw-r--r--old-ui/app/components/menu-droppo.js132
1 files changed, 0 insertions, 132 deletions
diff --git a/old-ui/app/components/menu-droppo.js b/old-ui/app/components/menu-droppo.js
deleted file mode 100644
index e6276f3b1..000000000
--- a/old-ui/app/components/menu-droppo.js
+++ /dev/null
@@ -1,132 +0,0 @@
-const Component = require('react').Component
-const h = require('react-hyperscript')
-const inherits = require('util').inherits
-const findDOMNode = require('react-dom').findDOMNode
-const ReactCSSTransitionGroup = require('react-addons-css-transition-group')
-
-module.exports = MenuDroppoComponent
-
-
-inherits(MenuDroppoComponent, Component)
-function MenuDroppoComponent () {
- Component.call(this)
-}
-
-MenuDroppoComponent.prototype.render = function () {
- const speed = this.props.speed || '300ms'
- const useCssTransition = this.props.useCssTransition
- const zIndex = ('zIndex' in this.props) ? this.props.zIndex : 0
-
- this.manageListeners()
-
- const style = this.props.style || {}
- if (!('position' in style)) {
- style.position = 'fixed'
- }
- style.zIndex = zIndex
-
- return (
- h('.menu-droppo-container', {
- style,
- }, [
- h('style', `
- .menu-droppo-enter {
- transition: transform ${speed} ease-in-out;
- transform: translateY(-200%);
- }
-
- .menu-droppo-enter.menu-droppo-enter-active {
- transition: transform ${speed} ease-in-out;
- transform: translateY(0%);
- }
-
- .menu-droppo-leave {
- transition: transform ${speed} ease-in-out;
- transform: translateY(0%);
- }
-
- .menu-droppo-leave.menu-droppo-leave-active {
- transition: transform ${speed} ease-in-out;
- transform: translateY(-200%);
- }
- `),
-
- useCssTransition
- ? h(ReactCSSTransitionGroup, {
- className: 'css-transition-group',
- transitionName: 'menu-droppo',
- transitionEnterTimeout: parseInt(speed),
- transitionLeaveTimeout: parseInt(speed),
- }, this.renderPrimary())
- : this.renderPrimary(),
- ])
- )
-}
-
-MenuDroppoComponent.prototype.renderPrimary = function () {
- const isOpen = this.props.isOpen
- if (!isOpen) {
- return null
- }
-
- const innerStyle = this.props.innerStyle || {}
-
- return (
- h('.menu-droppo', {
- key: 'menu-droppo-drawer',
- style: innerStyle,
- },
- [ this.props.children ])
- )
-}
-
-MenuDroppoComponent.prototype.manageListeners = function () {
- const isOpen = this.props.isOpen
- const onClickOutside = this.props.onClickOutside
-
- if (isOpen) {
- this.outsideClickHandler = onClickOutside
- } else if (isOpen) {
- this.outsideClickHandler = null
- }
-}
-
-MenuDroppoComponent.prototype.componentDidMount = function () {
- if (this && document.body) {
- this.globalClickHandler = this.globalClickOccurred.bind(this)
- document.body.addEventListener('click', this.globalClickHandler)
- // eslint-disable-next-line react/no-find-dom-node
- var container = findDOMNode(this)
- this.container = container
- }
-}
-
-MenuDroppoComponent.prototype.componentWillUnmount = function () {
- if (this && document.body) {
- document.body.removeEventListener('click', this.globalClickHandler)
- }
-}
-
-MenuDroppoComponent.prototype.globalClickOccurred = function (event) {
- const target = event.target
- // eslint-disable-next-line react/no-find-dom-node
- const container = findDOMNode(this)
-
- if (target !== container &&
- !isDescendant(this.container, event.target) &&
- this.outsideClickHandler) {
- this.outsideClickHandler(event)
- }
-}
-
-function isDescendant (parent, child) {
- var node = child.parentNode
- while (node !== null) {
- if (node === parent) {
- return true
- }
- node = node.parentNode
- }
-
- return false
-}