From 84ecd73d370b27595a264cf3814db182f05e215f Mon Sep 17 00:00:00 2001 From: Youssouf ELAzizi Date: Mon, 5 Feb 2018 23:15:53 +0000 Subject: [PATCH] release 1.0.2 --- __test__/__snapshots__/index.test.js.snap | 406 ++++++++++++++++++++-- __test__/index.test.js | 35 +- lib/README.md | 12 + lib/package.json | 2 +- lib/reactjs-popup.dev.js | 54 +-- lib/reactjs-popup.dev.js.map | 2 +- lib/reactjs-popup.js | 54 +-- lib/reactjs-popup.js.map | 2 +- lib/reactjs-popup.min.js | 2 +- lib/reactjs-popup@1.0.tar.gz | Bin 17868 -> 0 bytes lib/reactjsPopup.browser.js | 50 +-- lib/reactjsPopup.browser.js.map | 2 +- lib/reactjsPopup.es.js | 54 +-- lib/reactjsPopup.es.js.map | 2 +- package.json | 3 +- 15 files changed, 560 insertions(+), 120 deletions(-) delete mode 100644 lib/reactjs-popup@1.0.tar.gz diff --git a/__test__/__snapshots__/index.test.js.snap b/__test__/__snapshots__/index.test.js.snap index d27c4de..2b256b9 100644 --- a/__test__/__snapshots__/index.test.js.snap +++ b/__test__/__snapshots__/index.test.js.snap @@ -16,7 +16,11 @@ exports[`it should close on click outside popup (closeOnDocumentClick = true ) 1 mouseEnterDelay={100} mouseLeaveDelay={100} offset={0} - on="click" + on={ + Array [ + "click", + ] + } onClose={[Function]} onOpen={[Function]} overlayStyle={Object {}} @@ -110,7 +114,11 @@ exports[`it should close on click outside popup (closeOnDocumentClick = true ) 2 mouseEnterDelay={100} mouseLeaveDelay={100} offset={0} - on="click" + on={ + Array [ + "click", + ] + } onClose={[Function]} onOpen={[Function]} overlayStyle={Object {}} @@ -154,7 +162,11 @@ exports[`it should render correctly 1`] = ` mouseEnterDelay={100} mouseLeaveDelay={100} offset={0} - on="click" + on={ + Array [ + "click", + ] + } onClose={[Function]} onOpen={[Function]} overlayStyle={Object {}} @@ -183,7 +195,11 @@ exports[`it should render correctly on click 1`] = ` mouseEnterDelay={100} mouseLeaveDelay={100} offset={0} - on="click" + on={ + Array [ + "click", + ] + } onClose={[Function]} onOpen={[Function]} overlayStyle={Object {}} @@ -274,7 +290,11 @@ exports[`it should render correctly on click (triggerOn = 'click') 1`] = ` mouseEnterDelay={100} mouseLeaveDelay={100} offset={0} - on="click" + on={ + Array [ + "click", + ] + } onClose={[Function]} onOpen={[Function]} overlayStyle={Object {}} @@ -351,6 +371,286 @@ exports[`it should render correctly on click (triggerOn = 'click') 1`] = ` `; +exports[`it should render correctly on click and will update the the popup content text 1`] = ` + + + Trigger + + } + > +
+
+
+
+
+ Popup content + open + +
+
+ + + +`; + +exports[`it should render correctly on click and will update the the popup content text 2`] = ` + + + Trigger + + } + > +
+ + + +`; + +exports[`it should render correctly on click and will update the trigger text 1`] = ` + + +
+
+
+
+ popup content +
+ + + +`; + +exports[`it should render correctly on click and will update the trigger text 2`] = ` + + +
+ + + +`; + exports[`it should render correctly on hover (triggerOn = 'focus') 1`] = ` ( popup content ); - +const PopupTriggerFunction = props => ( + } + > + popup content + +); +const PopupContentAsFunction = props => ( + Trigger}> + {(close, open) =>
Popup content {open ? "open" : "close"}
} + +); test("it should render correctly ", () => { const popup = shallow(); expect(shallowToJson(popup)).toMatchSnapshot(); @@ -45,7 +57,26 @@ test("it should render correctly on hover (triggerOn = 'focus') ", () => { expect(shallowToJson(popup)).toMatchSnapshot(); }); -// closeOnDocumentClick Tests +// trigger as function + +test("it should render correctly on click and will update the trigger text ", () => { + const popup = mount(); + popup.find("button").simulate("click"); + expect(shallowToJson(popup)).toMatchSnapshot(); + popup.find("button").simulate("click"); + expect(shallowToJson(popup)).toMatchSnapshot(); +}); + +// content as function +test("it should render correctly on click and will update the the popup content text ", () => { + const popup = mount(); + popup.find("button").simulate("click"); + expect(shallowToJson(popup)).toMatchSnapshot(); + popup.find("button").simulate("click"); + expect(shallowToJson(popup)).toMatchSnapshot(); +}); + +// closeOnDocumentClick Tests PopupContentAsFunction test("it shouldn't close on click outside popup ", () => { const popup = mount(); diff --git a/lib/README.md b/lib/README.md index 13b43c0..f75fafb 100644 --- a/lib/README.md +++ b/lib/README.md @@ -26,6 +26,18 @@ Requires React >= 16.0 ![alt text](https://cdn-images-1.medium.com/max/800/1*x-TqQwyT2ADmnb51oRJCOg.gif) +## TO DO + +* [x] Create repository && publish package +* [x] Create reactjs-popup Home page +* [x] Tooltip Support +* [x] Modal Support +* [x] Menu & Nested Menu Support +* [x] Add Live examples +* [ ] Animation API +* [ ] Toast Support +* [ ] suggest a feature [here](https://github.com/yjose/reactjs-popup/labels/Features) + ## Installing / Getting started This package is available in npm repository as reactjs-popup. It will work correctly with all popular bundlers. diff --git a/lib/package.json b/lib/package.json index 549263b..79e1a5a 100644 --- a/lib/package.json +++ b/lib/package.json @@ -1,6 +1,6 @@ { "name": "reactjs-popup", - "version": "1.0.1", + "version": "1.0.2", "description": "React Popup Component", "main": "reactjsPopup.es.js", "module": "reactjsPopup.es.js", diff --git a/lib/reactjs-popup.dev.js b/lib/reactjs-popup.dev.js index 5b08c36..6d5fcf7 100644 --- a/lib/reactjs-popup.dev.js +++ b/lib/reactjs-popup.dev.js @@ -216,9 +216,9 @@ var Popup = function (_React$Component) { _this.ContentEl.style.top = cords.top - helper.top + "px"; _this.ContentEl.style.left = cords.left - helper.left + "px"; if (arrow) { - _this.ArrowEl.style['transform'] = cords.transform; - _this.ArrowEl.style['-ms-transform'] = cords.transform; - _this.ArrowEl.style['-webkit-transform'] = cords.transform; + _this.ArrowEl.style["transform"] = cords.transform; + _this.ArrowEl.style["-ms-transform"] = cords.transform; + _this.ArrowEl.style["-webkit-transform"] = cords.transform; _this.ArrowEl.style.top = cords.arrowTop; _this.ArrowEl.style.left = cords.arrowLeft; } @@ -242,7 +242,7 @@ var Popup = function (_React$Component) { e.stopPropagation(); } }; - if (!modal && on === "hover") { + if (!modal && on.includes("hover")) { childrenElementProps.onMouseEnter = _this.onMouseEnter; childrenElementProps.onMouseLeave = _this.onMouseLeave; } @@ -251,28 +251,36 @@ var Popup = function (_React$Component) { _this.renderTrigger = function () { var triggerProps = { key: "T" }; - var on = _this.props.on; + var _this$props3 = _this.props, + on = _this$props3.on, + trigger = _this$props3.trigger; triggerProps.ref = _this.setTriggerRef; - switch (on) { - case "click": - triggerProps.onClick = _this.togglePopup; - break; - case "hover": - triggerProps.onMouseEnter = _this.onMouseEnter; - triggerProps.onMouseLeave = _this.onMouseLeave; - case "focus": - triggerProps.onFocus = _this.onMouseEnter; - break; + var onAsArray = Array.isArray(on) ? on : [on]; + for (var i = 0, len = onAsArray.length; i < len; i++) { + switch (onAsArray[i]) { + case "click": + triggerProps.onClick = _this.togglePopup; + break; + case "hover": + triggerProps.onMouseEnter = _this.onMouseEnter; + triggerProps.onMouseLeave = _this.onMouseLeave; + case "focus": + triggerProps.onFocus = _this.onMouseEnter; + break; + } } - return React.cloneElement(_this.props.trigger, triggerProps); + + if (typeof trigger === "function") return React.cloneElement(trigger(_this.state.isOpen), triggerProps); + + return React.cloneElement(trigger, triggerProps); }; _this.renderContent = function () { - var _this$props3 = _this.props, - arrow = _this$props3.arrow, - modal = _this$props3.modal, - arrowStyle = _this$props3.arrowStyle; + var _this$props4 = _this.props, + arrow = _this$props4.arrow, + modal = _this$props4.modal, + arrowStyle = _this$props4.arrowStyle; return React.createElement( "div", @@ -351,7 +359,7 @@ Popup.defaultProps = { onClose: function onClose() {}, closeOnDocumentClick: false, defaultOpen: false, - on: "click", + on: ["click"], contentStyle: {}, arrowStyle: {}, overlayStyle: {}, @@ -378,8 +386,8 @@ if (process.env.NODE_ENV !== "production") { mouseLeaveDelay: PropTypes.number, onOpen: PropTypes.func, onClose: PropTypes.func, - trigger: PropTypes.element.isRequired, - on: PropTypes.oneOf(["hover", "click", "focus"]), + trigger: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).isRequired, + on: PropTypes.oneOfType([PropTypes.oneOf(["hover", "click", "focus"]), PropTypes.arrayOf(PropTypes.oneOf(["hover", "click", "focus"]))]), children: PropTypes.oneOfType([PropTypes.func, PropTypes.element, PropTypes.string]).isRequired, position: PropTypes.oneOf(["top left", "top center", "top right", "bottom left", "bottom center", "bottom right", "right top", "right center", "right bottom", "left top", "left center", "left bottom"]) }; diff --git a/lib/reactjs-popup.dev.js.map b/lib/reactjs-popup.dev.js.map index 2748147..e3f0458 100644 --- a/lib/reactjs-popup.dev.js.map +++ b/lib/reactjs-popup.dev.js.map @@ -1 +1 @@ -{"version":3,"file":"reactjs-popup.dev.js","sources":["../src/Utils.js","../src/popup.css.js","../src/Popup.js"],"sourcesContent":["/* Algo to calculate position \n 1. center position for popup content : the center of the trigger will be the center of the content content\n so the popup content position will be like this :\n top => the y of the center for the trigger element : trigger.top + trigger.height/2\n left => the x of the center for the trigger element : trigger.left + trigger.width/2\n\n 2. translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n we need to handle the first argument in the position: 'left' => that's mean we need to translate the popup content according to the X axis by - content.width/2\n \n 3.translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n the second argument 'top' => translate popup content by + content.height*4/5\n\n*/\n\nexport default function calculatePosition(\n triggerBounding,\n ContentBounding,\n position,\n arrow,\n offset\n) {\n const style = {};\n const margin = arrow ? 8 : 0;\n const totalMargin = margin + offset;\n const args = position.split(\" \");\n // the step N 1 : center the popup content => ok\n const CenterTop = triggerBounding.top + triggerBounding.height / 2;\n const CenterLeft = triggerBounding.left + triggerBounding.width / 2;\n const { height, width } = ContentBounding;\n let top = CenterTop - height / 2;\n let left = CenterLeft - width / 2;\n let transform = \"\";\n let arrowTop = \"0%\";\n let arrowLeft = \"0%\";\n // the step N 2 : => ok\n switch (args[0]) {\n case \"top\":\n top -= height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(45deg)`;\n arrowTop = \"100%\";\n arrowLeft = \"50%\";\n break;\n case \"bottom\":\n top += height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(225deg)`;\n arrowLeft = \"50%\";\n break;\n case \"left\":\n left -= width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = ` rotate(-45deg)`;\n arrowLeft = \"100%\";\n arrowTop = \"50%\";\n break;\n case \"right\":\n left += width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = `rotate(135deg)`;\n arrowTop = \"50%\";\n\n break;\n }\n switch (args[1]) {\n case \"top\":\n top = triggerBounding.top;\n arrowTop = triggerBounding.height / 2 + \"px\";\n break;\n case \"bottom\":\n top = triggerBounding.top - height + triggerBounding.height;\n arrowTop = height - triggerBounding.height / 2 + \"px\";\n break;\n case \"left\":\n left = triggerBounding.left;\n arrowLeft = triggerBounding.width / 2 + \"px\";\n break;\n case \"right\":\n left = triggerBounding.left - width + triggerBounding.width;\n arrowLeft = width - triggerBounding.width / 2 + \"px\";\n break;\n }\n\n return { top, left, transform, arrowLeft, arrowTop };\n}\n","export default {\n popupContent: {\n tooltip: {\n position: \"absolute\",\n zIndex: \"2\",\n width: \"200px\",\n background: `rgb(255, 255, 255)`,\n border: `1px solid rgb(187, 187, 187)`,\n boxShadow: `rgba(0, 0, 0, 0.2) 0px 1px 3px`,\n padding: \"5px\"\n },\n modal: {\n position: \"relative\",\n background: `rgb(255, 255, 255)`,\n width: \"50%\",\n margin: \"auto\",\n border: `1px solid rgb(187, 187, 187)`,\n padding: \"5px\"\n }\n },\n popupArrow: {\n height: \"10px\",\n width: \"10px\",\n position: \"absolute\",\n background: \"rgb(255, 255, 255)\",\n transform: \"rotate(45deg)\",\n margin: \"-5px\",\n zIndex: \"-1\",\n boxShadow: \"rgba(0, 0, 0, 0.2) 1px 1px 1px\"\n },\n overlay: {\n tooltip: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\"\n },\n modal: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n background: `rgba(0, 0, 0,0.5)`,\n display: \"flex\",\n zIndex: \"999\"\n }\n }\n};\n","import React from \"react\";\nimport calculatePosition from \"./Utils\";\n\nimport styles from \"./popup.css.js\";\n\nexport default class Popup extends React.Component {\n static defaultProps = {\n children: () => Your Content Here !!,\n onOpen: () => {},\n onClose: () => {},\n closeOnDocumentClick: false,\n defaultOpen: false,\n on: \"click\",\n contentStyle: {},\n arrowStyle: {},\n overlayStyle: {},\n className: \"\",\n position: \"bottom center\",\n modal: false,\n arrow: true,\n offset: 0,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100\n };\n state = {\n isOpen: this.props.defaultOpen\n };\n\n constructor(props) {\n super(props);\n this.setTriggerRef = r => (this.TriggerEl = r);\n this.setContentRef = r => (this.ContentEl = r);\n this.setArrowRef = r => (this.ArrowEl = r);\n this.setHelperRef = r => (this.HelperEl = r);\n this.timeOut = 0;\n }\n\n componentDidMount() {\n if (this.props.defaultOpen) this.setPosition();\n }\n componentWillUnmount() {\n clearTimeout(this.timeOut);\n }\n\n togglePopup = () => {\n this.setState(\n prevState => ({\n isOpen: !prevState.isOpen\n }),\n () => this.state.isOpen && this.setPosition()\n );\n };\n openPopup = () => {\n if (this.state.isOpen) return;\n this.setState({ isOpen: true }, () => {\n this.setPosition();\n this.props.onOpen();\n });\n };\n closePopup = () => {\n if (!this.state.isOpen) return;\n this.setState({ isOpen: false }, this.props.onClose());\n };\n onMouseEnter = () => {\n clearTimeout(this.timeOut);\n const { mouseEnterDelay } = this.props;\n this.timeOut = setTimeout(() => this.openPopup(), mouseEnterDelay);\n };\n onMouseLeave = () => {\n clearTimeout(this.timeOut);\n const { mouseLeaveDelay } = this.props;\n this.timeOut = setTimeout(() => this.closePopup(), mouseLeaveDelay);\n };\n\n setPosition = () => {\n const { modal, arrow, position, offset } = this.props;\n if (modal) return;\n const helper = this.HelperEl.getBoundingClientRect();\n const trigger = this.TriggerEl.getBoundingClientRect();\n const content = this.ContentEl.getBoundingClientRect();\n const cords = calculatePosition(trigger, content, position, arrow, offset);\n this.ContentEl.style.top = cords.top - helper.top + \"px\";\n this.ContentEl.style.left = cords.left - helper.left + \"px\";\n if (arrow) {\n this.ArrowEl.style['transform']= cords.transform;\n this.ArrowEl.style['-ms-transform']= cords.transform;\n this.ArrowEl.style['-webkit-transform']= cords.transform;\n this.ArrowEl.style.top = cords.arrowTop;\n this.ArrowEl.style.left = cords.arrowLeft;\n }\n if (\n this.TriggerEl.style.position == \"static\" ||\n this.TriggerEl.style.position == \"\"\n )\n this.TriggerEl.style.position = \"relative\";\n };\n\n addWarperAction = () => {\n const { contentStyle, className, modal, on } = this.props;\n const popupContentStyle = modal\n ? styles.popupContent.modal\n : styles.popupContent.tooltip;\n\n const childrenElementProps = {\n className: `popup-content ${className}`,\n style: Object.assign({}, popupContentStyle, contentStyle),\n ref: this.setContentRef,\n onClick: e => {\n e.stopPropagation();\n }\n };\n if (!modal && on === \"hover\") {\n childrenElementProps.onMouseEnter = this.onMouseEnter;\n childrenElementProps.onMouseLeave = this.onMouseLeave;\n }\n return childrenElementProps;\n };\n renderTrigger = () => {\n const triggerProps = { key: \"T\" };\n const { on } = this.props;\n triggerProps.ref = this.setTriggerRef;\n switch (on) {\n case \"click\":\n triggerProps.onClick = this.togglePopup;\n break;\n case \"hover\":\n triggerProps.onMouseEnter = this.onMouseEnter;\n triggerProps.onMouseLeave = this.onMouseLeave;\n case \"focus\":\n triggerProps.onFocus = this.onMouseEnter;\n break;\n }\n return React.cloneElement(this.props.trigger, triggerProps);\n };\n\n renderContent = () => {\n const { arrow, modal, arrowStyle } = this.props;\n return (\n
\n {arrow &&\n !modal && (\n \n )}\n {typeof this.props.children === \"function\"\n ? this.props.children(this.closePopup, this.state.isOpen)\n : this.props.children}\n
\n );\n };\n\n render() {\n const { modal, overlayStyle } = this.props;\n const ovStyle = modal ? styles.overlay.modal : styles.overlay.tooltip;\n return [\n ,\n this.state.isOpen && (\n \n {modal && this.renderContent()}\n
\n ),\n this.state.isOpen && !modal && this.renderContent(),\n this.renderTrigger()\n ];\n }\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n const PropTypes = require(\"prop-types\");\n\n Popup.propTypes = {\n arrowStyle: PropTypes.object,\n contentStyle: PropTypes.object,\n overlayStyle: PropTypes.object,\n className: PropTypes.string,\n modal: PropTypes.bool,\n closeOnDocumentClick: PropTypes.bool,\n offset: PropTypes.number,\n mouseEnterDelay: PropTypes.number,\n mouseLeaveDelay: PropTypes.number,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n trigger: PropTypes.element.isRequired,\n on: PropTypes.oneOf([\"hover\", \"click\", \"focus\"]),\n children: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.element,\n PropTypes.string\n ]).isRequired,\n position: PropTypes.oneOf([\n \"top left\",\n \"top center\",\n \"top right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\",\n \"right top\",\n \"right center\",\n \"right bottom\",\n \"left top\",\n \"left center\",\n \"left bottom\"\n ])\n };\n}\n"],"names":["calculatePosition","triggerBounding","ContentBounding","position","arrow","offset","margin","totalMargin","args","split","CenterTop","top","height","CenterLeft","left","width","transform","arrowTop","arrowLeft","Popup","props","state","defaultOpen","togglePopup","setState","prevState","isOpen","setPosition","openPopup","onOpen","closePopup","onClose","onMouseEnter","timeOut","mouseEnterDelay","setTimeout","onMouseLeave","mouseLeaveDelay","modal","helper","HelperEl","getBoundingClientRect","trigger","TriggerEl","content","ContentEl","cords","style","ArrowEl","addWarperAction","contentStyle","className","on","popupContentStyle","styles","popupContent","tooltip","childrenElementProps","Object","assign","setContentRef","stopPropagation","renderTrigger","triggerProps","key","ref","setTriggerRef","onClick","onFocus","React","cloneElement","renderContent","arrowStyle","setArrowRef","popupArrow","children","r","setHelperRef","overlayStyle","ovStyle","overlay","closeOnDocumentClick","undefined","Component","defaultProps","process","env","NODE_ENV","PropTypes","require","propTypes","object","string","bool","number","func","element","isRequired","oneOf","oneOfType"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"reactjs-popup.dev.js","sources":["../src/Utils.js","../src/popup.css.js","../src/Popup.js"],"sourcesContent":["/* Algo to calculate position \n 1. center position for popup content : the center of the trigger will be the center of the content content\n so the popup content position will be like this :\n top => the y of the center for the trigger element : trigger.top + trigger.height/2\n left => the x of the center for the trigger element : trigger.left + trigger.width/2\n\n 2. translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n we need to handle the first argument in the position: 'left' => that's mean we need to translate the popup content according to the X axis by - content.width/2\n \n 3.translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n the second argument 'top' => translate popup content by + content.height*4/5\n\n*/\n\nexport default function calculatePosition(\n triggerBounding,\n ContentBounding,\n position,\n arrow,\n offset\n) {\n const style = {};\n const margin = arrow ? 8 : 0;\n const totalMargin = margin + offset;\n const args = position.split(\" \");\n // the step N 1 : center the popup content => ok\n const CenterTop = triggerBounding.top + triggerBounding.height / 2;\n const CenterLeft = triggerBounding.left + triggerBounding.width / 2;\n const { height, width } = ContentBounding;\n let top = CenterTop - height / 2;\n let left = CenterLeft - width / 2;\n let transform = \"\";\n let arrowTop = \"0%\";\n let arrowLeft = \"0%\";\n // the step N 2 : => ok\n switch (args[0]) {\n case \"top\":\n top -= height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(45deg)`;\n arrowTop = \"100%\";\n arrowLeft = \"50%\";\n break;\n case \"bottom\":\n top += height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(225deg)`;\n arrowLeft = \"50%\";\n break;\n case \"left\":\n left -= width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = ` rotate(-45deg)`;\n arrowLeft = \"100%\";\n arrowTop = \"50%\";\n break;\n case \"right\":\n left += width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = `rotate(135deg)`;\n arrowTop = \"50%\";\n\n break;\n }\n switch (args[1]) {\n case \"top\":\n top = triggerBounding.top;\n arrowTop = triggerBounding.height / 2 + \"px\";\n break;\n case \"bottom\":\n top = triggerBounding.top - height + triggerBounding.height;\n arrowTop = height - triggerBounding.height / 2 + \"px\";\n break;\n case \"left\":\n left = triggerBounding.left;\n arrowLeft = triggerBounding.width / 2 + \"px\";\n break;\n case \"right\":\n left = triggerBounding.left - width + triggerBounding.width;\n arrowLeft = width - triggerBounding.width / 2 + \"px\";\n break;\n }\n\n return { top, left, transform, arrowLeft, arrowTop };\n}\n","export default {\n popupContent: {\n tooltip: {\n position: \"absolute\",\n zIndex: \"2\",\n width: \"200px\",\n background: `rgb(255, 255, 255)`,\n border: `1px solid rgb(187, 187, 187)`,\n boxShadow: `rgba(0, 0, 0, 0.2) 0px 1px 3px`,\n padding: \"5px\"\n },\n modal: {\n position: \"relative\",\n background: `rgb(255, 255, 255)`,\n width: \"50%\",\n margin: \"auto\",\n border: `1px solid rgb(187, 187, 187)`,\n padding: \"5px\"\n }\n },\n popupArrow: {\n height: \"10px\",\n width: \"10px\",\n position: \"absolute\",\n background: \"rgb(255, 255, 255)\",\n transform: \"rotate(45deg)\",\n margin: \"-5px\",\n zIndex: \"-1\",\n boxShadow: \"rgba(0, 0, 0, 0.2) 1px 1px 1px\"\n },\n overlay: {\n tooltip: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\"\n },\n modal: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n background: `rgba(0, 0, 0,0.5)`,\n display: \"flex\",\n zIndex: \"999\"\n }\n }\n};\n","import React from \"react\";\nimport calculatePosition from \"./Utils\";\n\nimport styles from \"./popup.css.js\";\n\nexport default class Popup extends React.Component {\n static defaultProps = {\n children: () => Your Content Here !!,\n onOpen: () => {},\n onClose: () => {},\n closeOnDocumentClick: false,\n defaultOpen: false,\n on: [\"click\"],\n contentStyle: {},\n arrowStyle: {},\n overlayStyle: {},\n className: \"\",\n position: \"bottom center\",\n modal: false,\n arrow: true,\n offset: 0,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100\n };\n state = {\n isOpen: this.props.defaultOpen\n };\n\n constructor(props) {\n super(props);\n this.setTriggerRef = r => (this.TriggerEl = r);\n this.setContentRef = r => (this.ContentEl = r);\n this.setArrowRef = r => (this.ArrowEl = r);\n this.setHelperRef = r => (this.HelperEl = r);\n this.timeOut = 0;\n }\n\n componentDidMount() {\n if (this.props.defaultOpen) this.setPosition();\n }\n componentWillUnmount() {\n clearTimeout(this.timeOut);\n }\n\n togglePopup = () => {\n this.setState(\n prevState => ({\n isOpen: !prevState.isOpen\n }),\n () => this.state.isOpen && this.setPosition()\n );\n };\n openPopup = () => {\n if (this.state.isOpen) return;\n this.setState({ isOpen: true }, () => {\n this.setPosition();\n this.props.onOpen();\n });\n };\n closePopup = () => {\n if (!this.state.isOpen) return;\n this.setState({ isOpen: false }, this.props.onClose());\n };\n onMouseEnter = () => {\n clearTimeout(this.timeOut);\n const { mouseEnterDelay } = this.props;\n this.timeOut = setTimeout(() => this.openPopup(), mouseEnterDelay);\n };\n onMouseLeave = () => {\n clearTimeout(this.timeOut);\n const { mouseLeaveDelay } = this.props;\n this.timeOut = setTimeout(() => this.closePopup(), mouseLeaveDelay);\n };\n\n setPosition = () => {\n const { modal, arrow, position, offset } = this.props;\n if (modal) return;\n const helper = this.HelperEl.getBoundingClientRect();\n const trigger = this.TriggerEl.getBoundingClientRect();\n const content = this.ContentEl.getBoundingClientRect();\n const cords = calculatePosition(trigger, content, position, arrow, offset);\n this.ContentEl.style.top = cords.top - helper.top + \"px\";\n this.ContentEl.style.left = cords.left - helper.left + \"px\";\n if (arrow) {\n this.ArrowEl.style[\"transform\"] = cords.transform;\n this.ArrowEl.style[\"-ms-transform\"] = cords.transform;\n this.ArrowEl.style[\"-webkit-transform\"] = cords.transform;\n this.ArrowEl.style.top = cords.arrowTop;\n this.ArrowEl.style.left = cords.arrowLeft;\n }\n if (\n this.TriggerEl.style.position == \"static\" ||\n this.TriggerEl.style.position == \"\"\n )\n this.TriggerEl.style.position = \"relative\";\n };\n\n addWarperAction = () => {\n const { contentStyle, className, modal, on } = this.props;\n const popupContentStyle = modal\n ? styles.popupContent.modal\n : styles.popupContent.tooltip;\n\n const childrenElementProps = {\n className: `popup-content ${className}`,\n style: Object.assign({}, popupContentStyle, contentStyle),\n ref: this.setContentRef,\n onClick: e => {\n e.stopPropagation();\n }\n };\n if (!modal && on.includes(\"hover\")) {\n childrenElementProps.onMouseEnter = this.onMouseEnter;\n childrenElementProps.onMouseLeave = this.onMouseLeave;\n }\n return childrenElementProps;\n };\n renderTrigger = () => {\n const triggerProps = { key: \"T\" };\n const { on, trigger } = this.props;\n triggerProps.ref = this.setTriggerRef;\n const onAsArray = Array.isArray(on) ? on : [on];\n for (let i = 0, len = onAsArray.length; i < len; i++) {\n switch (onAsArray[i]) {\n case \"click\":\n triggerProps.onClick = this.togglePopup;\n break;\n case \"hover\":\n triggerProps.onMouseEnter = this.onMouseEnter;\n triggerProps.onMouseLeave = this.onMouseLeave;\n case \"focus\":\n triggerProps.onFocus = this.onMouseEnter;\n break;\n }\n }\n\n if (typeof trigger === \"function\")\n return React.cloneElement(trigger(this.state.isOpen), triggerProps);\n\n return React.cloneElement(trigger, triggerProps);\n };\n\n renderContent = () => {\n const { arrow, modal, arrowStyle } = this.props;\n return (\n
\n {arrow &&\n !modal && (\n \n )}\n {typeof this.props.children === \"function\"\n ? this.props.children(this.closePopup, this.state.isOpen)\n : this.props.children}\n
\n );\n };\n\n render() {\n const { modal, overlayStyle } = this.props;\n const ovStyle = modal ? styles.overlay.modal : styles.overlay.tooltip;\n return [\n ,\n this.state.isOpen && (\n \n {modal && this.renderContent()}\n
\n ),\n this.state.isOpen && !modal && this.renderContent(),\n this.renderTrigger()\n ];\n }\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n const PropTypes = require(\"prop-types\");\n\n Popup.propTypes = {\n arrowStyle: PropTypes.object,\n contentStyle: PropTypes.object,\n overlayStyle: PropTypes.object,\n className: PropTypes.string,\n modal: PropTypes.bool,\n closeOnDocumentClick: PropTypes.bool,\n offset: PropTypes.number,\n mouseEnterDelay: PropTypes.number,\n mouseLeaveDelay: PropTypes.number,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n trigger: PropTypes.oneOfType([PropTypes.func, PropTypes.element])\n .isRequired,\n on: PropTypes.oneOfType([\n PropTypes.oneOf([\"hover\", \"click\", \"focus\"]),\n PropTypes.arrayOf(PropTypes.oneOf([\"hover\", \"click\", \"focus\"]))\n ]),\n children: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.element,\n PropTypes.string\n ]).isRequired,\n position: PropTypes.oneOf([\n \"top left\",\n \"top center\",\n \"top right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\",\n \"right top\",\n \"right center\",\n \"right bottom\",\n \"left top\",\n \"left center\",\n \"left bottom\"\n ])\n };\n}\n"],"names":["calculatePosition","triggerBounding","ContentBounding","position","arrow","offset","margin","totalMargin","args","split","CenterTop","top","height","CenterLeft","left","width","transform","arrowTop","arrowLeft","Popup","props","state","defaultOpen","togglePopup","setState","prevState","isOpen","setPosition","openPopup","onOpen","closePopup","onClose","onMouseEnter","timeOut","mouseEnterDelay","setTimeout","onMouseLeave","mouseLeaveDelay","modal","helper","HelperEl","getBoundingClientRect","trigger","TriggerEl","content","ContentEl","cords","style","ArrowEl","addWarperAction","contentStyle","className","on","popupContentStyle","styles","popupContent","tooltip","childrenElementProps","Object","assign","setContentRef","stopPropagation","includes","renderTrigger","triggerProps","key","ref","setTriggerRef","onAsArray","Array","isArray","i","len","length","onClick","onFocus","React","cloneElement","renderContent","arrowStyle","setArrowRef","popupArrow","children","r","setHelperRef","overlayStyle","ovStyle","overlay","closeOnDocumentClick","undefined","Component","defaultProps","process","env","NODE_ENV","PropTypes","require","propTypes","object","string","bool","number","func","oneOfType","element","isRequired","oneOf","arrayOf"],"mappings":"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"} \ No newline at end of file diff --git a/lib/reactjs-popup.js b/lib/reactjs-popup.js index f5e422d..98bd38b 100644 --- a/lib/reactjs-popup.js +++ b/lib/reactjs-popup.js @@ -216,9 +216,9 @@ var Popup = function (_React$Component) { _this.ContentEl.style.top = cords.top - helper.top + "px"; _this.ContentEl.style.left = cords.left - helper.left + "px"; if (arrow) { - _this.ArrowEl.style['transform'] = cords.transform; - _this.ArrowEl.style['-ms-transform'] = cords.transform; - _this.ArrowEl.style['-webkit-transform'] = cords.transform; + _this.ArrowEl.style["transform"] = cords.transform; + _this.ArrowEl.style["-ms-transform"] = cords.transform; + _this.ArrowEl.style["-webkit-transform"] = cords.transform; _this.ArrowEl.style.top = cords.arrowTop; _this.ArrowEl.style.left = cords.arrowLeft; } @@ -242,7 +242,7 @@ var Popup = function (_React$Component) { e.stopPropagation(); } }; - if (!modal && on === "hover") { + if (!modal && on.includes("hover")) { childrenElementProps.onMouseEnter = _this.onMouseEnter; childrenElementProps.onMouseLeave = _this.onMouseLeave; } @@ -251,28 +251,36 @@ var Popup = function (_React$Component) { _this.renderTrigger = function () { var triggerProps = { key: "T" }; - var on = _this.props.on; + var _this$props3 = _this.props, + on = _this$props3.on, + trigger = _this$props3.trigger; triggerProps.ref = _this.setTriggerRef; - switch (on) { - case "click": - triggerProps.onClick = _this.togglePopup; - break; - case "hover": - triggerProps.onMouseEnter = _this.onMouseEnter; - triggerProps.onMouseLeave = _this.onMouseLeave; - case "focus": - triggerProps.onFocus = _this.onMouseEnter; - break; + var onAsArray = Array.isArray(on) ? on : [on]; + for (var i = 0, len = onAsArray.length; i < len; i++) { + switch (onAsArray[i]) { + case "click": + triggerProps.onClick = _this.togglePopup; + break; + case "hover": + triggerProps.onMouseEnter = _this.onMouseEnter; + triggerProps.onMouseLeave = _this.onMouseLeave; + case "focus": + triggerProps.onFocus = _this.onMouseEnter; + break; + } } - return React.cloneElement(_this.props.trigger, triggerProps); + + if (typeof trigger === "function") return React.cloneElement(trigger(_this.state.isOpen), triggerProps); + + return React.cloneElement(trigger, triggerProps); }; _this.renderContent = function () { - var _this$props3 = _this.props, - arrow = _this$props3.arrow, - modal = _this$props3.modal, - arrowStyle = _this$props3.arrowStyle; + var _this$props4 = _this.props, + arrow = _this$props4.arrow, + modal = _this$props4.modal, + arrowStyle = _this$props4.arrowStyle; return React.createElement( "div", @@ -351,7 +359,7 @@ Popup.defaultProps = { onClose: function onClose() {}, closeOnDocumentClick: false, defaultOpen: false, - on: "click", + on: ["click"], contentStyle: {}, arrowStyle: {}, overlayStyle: {}, @@ -378,8 +386,8 @@ Popup.defaultProps = { mouseLeaveDelay: PropTypes.number, onOpen: PropTypes.func, onClose: PropTypes.func, - trigger: PropTypes.element.isRequired, - on: PropTypes.oneOf(["hover", "click", "focus"]), + trigger: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).isRequired, + on: PropTypes.oneOfType([PropTypes.oneOf(["hover", "click", "focus"]), PropTypes.arrayOf(PropTypes.oneOf(["hover", "click", "focus"]))]), children: PropTypes.oneOfType([PropTypes.func, PropTypes.element, PropTypes.string]).isRequired, position: PropTypes.oneOf(["top left", "top center", "top right", "bottom left", "bottom center", "bottom right", "right top", "right center", "right bottom", "left top", "left center", "left bottom"]) }; diff --git a/lib/reactjs-popup.js.map b/lib/reactjs-popup.js.map index 9ebd3ca..df75f18 100644 --- a/lib/reactjs-popup.js.map +++ b/lib/reactjs-popup.js.map @@ -1 +1 @@ -{"version":3,"file":"reactjs-popup.js","sources":["../src/Utils.js","../src/popup.css.js","../src/Popup.js"],"sourcesContent":["/* Algo to calculate position \n 1. center position for popup content : the center of the trigger will be the center of the content content\n so the popup content position will be like this :\n top => the y of the center for the trigger element : trigger.top + trigger.height/2\n left => the x of the center for the trigger element : trigger.left + trigger.width/2\n\n 2. translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n we need to handle the first argument in the position: 'left' => that's mean we need to translate the popup content according to the X axis by - content.width/2\n \n 3.translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n the second argument 'top' => translate popup content by + content.height*4/5\n\n*/\n\nexport default function calculatePosition(\n triggerBounding,\n ContentBounding,\n position,\n arrow,\n offset\n) {\n const style = {};\n const margin = arrow ? 8 : 0;\n const totalMargin = margin + offset;\n const args = position.split(\" \");\n // the step N 1 : center the popup content => ok\n const CenterTop = triggerBounding.top + triggerBounding.height / 2;\n const CenterLeft = triggerBounding.left + triggerBounding.width / 2;\n const { height, width } = ContentBounding;\n let top = CenterTop - height / 2;\n let left = CenterLeft - width / 2;\n let transform = \"\";\n let arrowTop = \"0%\";\n let arrowLeft = \"0%\";\n // the step N 2 : => ok\n switch (args[0]) {\n case \"top\":\n top -= height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(45deg)`;\n arrowTop = \"100%\";\n arrowLeft = \"50%\";\n break;\n case \"bottom\":\n top += height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(225deg)`;\n arrowLeft = \"50%\";\n break;\n case \"left\":\n left -= width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = ` rotate(-45deg)`;\n arrowLeft = \"100%\";\n arrowTop = \"50%\";\n break;\n case \"right\":\n left += width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = `rotate(135deg)`;\n arrowTop = \"50%\";\n\n break;\n }\n switch (args[1]) {\n case \"top\":\n top = triggerBounding.top;\n arrowTop = triggerBounding.height / 2 + \"px\";\n break;\n case \"bottom\":\n top = triggerBounding.top - height + triggerBounding.height;\n arrowTop = height - triggerBounding.height / 2 + \"px\";\n break;\n case \"left\":\n left = triggerBounding.left;\n arrowLeft = triggerBounding.width / 2 + \"px\";\n break;\n case \"right\":\n left = triggerBounding.left - width + triggerBounding.width;\n arrowLeft = width - triggerBounding.width / 2 + \"px\";\n break;\n }\n\n return { top, left, transform, arrowLeft, arrowTop };\n}\n","export default {\n popupContent: {\n tooltip: {\n position: \"absolute\",\n zIndex: \"2\",\n width: \"200px\",\n background: `rgb(255, 255, 255)`,\n border: `1px solid rgb(187, 187, 187)`,\n boxShadow: `rgba(0, 0, 0, 0.2) 0px 1px 3px`,\n padding: \"5px\"\n },\n modal: {\n position: \"relative\",\n background: `rgb(255, 255, 255)`,\n width: \"50%\",\n margin: \"auto\",\n border: `1px solid rgb(187, 187, 187)`,\n padding: \"5px\"\n }\n },\n popupArrow: {\n height: \"10px\",\n width: \"10px\",\n position: \"absolute\",\n background: \"rgb(255, 255, 255)\",\n transform: \"rotate(45deg)\",\n margin: \"-5px\",\n zIndex: \"-1\",\n boxShadow: \"rgba(0, 0, 0, 0.2) 1px 1px 1px\"\n },\n overlay: {\n tooltip: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\"\n },\n modal: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n background: `rgba(0, 0, 0,0.5)`,\n display: \"flex\",\n zIndex: \"999\"\n }\n }\n};\n","import React from \"react\";\nimport calculatePosition from \"./Utils\";\n\nimport styles from \"./popup.css.js\";\n\nexport default class Popup extends React.Component {\n static defaultProps = {\n children: () => Your Content Here !!,\n onOpen: () => {},\n onClose: () => {},\n closeOnDocumentClick: false,\n defaultOpen: false,\n on: \"click\",\n contentStyle: {},\n arrowStyle: {},\n overlayStyle: {},\n className: \"\",\n position: \"bottom center\",\n modal: false,\n arrow: true,\n offset: 0,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100\n };\n state = {\n isOpen: this.props.defaultOpen\n };\n\n constructor(props) {\n super(props);\n this.setTriggerRef = r => (this.TriggerEl = r);\n this.setContentRef = r => (this.ContentEl = r);\n this.setArrowRef = r => (this.ArrowEl = r);\n this.setHelperRef = r => (this.HelperEl = r);\n this.timeOut = 0;\n }\n\n componentDidMount() {\n if (this.props.defaultOpen) this.setPosition();\n }\n componentWillUnmount() {\n clearTimeout(this.timeOut);\n }\n\n togglePopup = () => {\n this.setState(\n prevState => ({\n isOpen: !prevState.isOpen\n }),\n () => this.state.isOpen && this.setPosition()\n );\n };\n openPopup = () => {\n if (this.state.isOpen) return;\n this.setState({ isOpen: true }, () => {\n this.setPosition();\n this.props.onOpen();\n });\n };\n closePopup = () => {\n if (!this.state.isOpen) return;\n this.setState({ isOpen: false }, this.props.onClose());\n };\n onMouseEnter = () => {\n clearTimeout(this.timeOut);\n const { mouseEnterDelay } = this.props;\n this.timeOut = setTimeout(() => this.openPopup(), mouseEnterDelay);\n };\n onMouseLeave = () => {\n clearTimeout(this.timeOut);\n const { mouseLeaveDelay } = this.props;\n this.timeOut = setTimeout(() => this.closePopup(), mouseLeaveDelay);\n };\n\n setPosition = () => {\n const { modal, arrow, position, offset } = this.props;\n if (modal) return;\n const helper = this.HelperEl.getBoundingClientRect();\n const trigger = this.TriggerEl.getBoundingClientRect();\n const content = this.ContentEl.getBoundingClientRect();\n const cords = calculatePosition(trigger, content, position, arrow, offset);\n this.ContentEl.style.top = cords.top - helper.top + \"px\";\n this.ContentEl.style.left = cords.left - helper.left + \"px\";\n if (arrow) {\n this.ArrowEl.style['transform']= cords.transform;\n this.ArrowEl.style['-ms-transform']= cords.transform;\n this.ArrowEl.style['-webkit-transform']= cords.transform;\n this.ArrowEl.style.top = cords.arrowTop;\n this.ArrowEl.style.left = cords.arrowLeft;\n }\n if (\n this.TriggerEl.style.position == \"static\" ||\n this.TriggerEl.style.position == \"\"\n )\n this.TriggerEl.style.position = \"relative\";\n };\n\n addWarperAction = () => {\n const { contentStyle, className, modal, on } = this.props;\n const popupContentStyle = modal\n ? styles.popupContent.modal\n : styles.popupContent.tooltip;\n\n const childrenElementProps = {\n className: `popup-content ${className}`,\n style: Object.assign({}, popupContentStyle, contentStyle),\n ref: this.setContentRef,\n onClick: e => {\n e.stopPropagation();\n }\n };\n if (!modal && on === \"hover\") {\n childrenElementProps.onMouseEnter = this.onMouseEnter;\n childrenElementProps.onMouseLeave = this.onMouseLeave;\n }\n return childrenElementProps;\n };\n renderTrigger = () => {\n const triggerProps = { key: \"T\" };\n const { on } = this.props;\n triggerProps.ref = this.setTriggerRef;\n switch (on) {\n case \"click\":\n triggerProps.onClick = this.togglePopup;\n break;\n case \"hover\":\n triggerProps.onMouseEnter = this.onMouseEnter;\n triggerProps.onMouseLeave = this.onMouseLeave;\n case \"focus\":\n triggerProps.onFocus = this.onMouseEnter;\n break;\n }\n return React.cloneElement(this.props.trigger, triggerProps);\n };\n\n renderContent = () => {\n const { arrow, modal, arrowStyle } = this.props;\n return (\n
\n {arrow &&\n !modal && (\n \n )}\n {typeof this.props.children === \"function\"\n ? this.props.children(this.closePopup, this.state.isOpen)\n : this.props.children}\n
\n );\n };\n\n render() {\n const { modal, overlayStyle } = this.props;\n const ovStyle = modal ? styles.overlay.modal : styles.overlay.tooltip;\n return [\n ,\n this.state.isOpen && (\n \n {modal && this.renderContent()}\n
\n ),\n this.state.isOpen && !modal && this.renderContent(),\n this.renderTrigger()\n ];\n }\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n const PropTypes = require(\"prop-types\");\n\n Popup.propTypes = {\n arrowStyle: PropTypes.object,\n contentStyle: PropTypes.object,\n overlayStyle: PropTypes.object,\n className: PropTypes.string,\n modal: PropTypes.bool,\n closeOnDocumentClick: PropTypes.bool,\n offset: PropTypes.number,\n mouseEnterDelay: PropTypes.number,\n mouseLeaveDelay: PropTypes.number,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n trigger: PropTypes.element.isRequired,\n on: PropTypes.oneOf([\"hover\", \"click\", \"focus\"]),\n children: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.element,\n PropTypes.string\n ]).isRequired,\n position: PropTypes.oneOf([\n \"top left\",\n \"top center\",\n \"top right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\",\n \"right top\",\n \"right center\",\n \"right bottom\",\n \"left top\",\n \"left center\",\n \"left bottom\"\n ])\n };\n}\n"],"names":["calculatePosition","triggerBounding","ContentBounding","position","arrow","offset","margin","totalMargin","args","split","CenterTop","top","height","CenterLeft","left","width","transform","arrowTop","arrowLeft","Popup","props","state","defaultOpen","togglePopup","setState","prevState","isOpen","setPosition","openPopup","onOpen","closePopup","onClose","onMouseEnter","timeOut","mouseEnterDelay","setTimeout","onMouseLeave","mouseLeaveDelay","modal","helper","HelperEl","getBoundingClientRect","trigger","TriggerEl","content","ContentEl","cords","style","ArrowEl","addWarperAction","contentStyle","className","on","popupContentStyle","styles","popupContent","tooltip","childrenElementProps","Object","assign","setContentRef","stopPropagation","renderTrigger","triggerProps","key","ref","setTriggerRef","onClick","onFocus","React","cloneElement","renderContent","arrowStyle","setArrowRef","popupArrow","children","r","setHelperRef","overlayStyle","ovStyle","overlay","closeOnDocumentClick","undefined","Component","defaultProps","PropTypes","require","propTypes","object","string","bool","number","func","element","isRequired","oneOf","oneOfType"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"reactjs-popup.js","sources":["../src/Utils.js","../src/popup.css.js","../src/Popup.js"],"sourcesContent":["/* Algo to calculate position \n 1. center position for popup content : the center of the trigger will be the center of the content content\n so the popup content position will be like this :\n top => the y of the center for the trigger element : trigger.top + trigger.height/2\n left => the x of the center for the trigger element : trigger.left + trigger.width/2\n\n 2. translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n we need to handle the first argument in the position: 'left' => that's mean we need to translate the popup content according to the X axis by - content.width/2\n \n 3.translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n the second argument 'top' => translate popup content by + content.height*4/5\n\n*/\n\nexport default function calculatePosition(\n triggerBounding,\n ContentBounding,\n position,\n arrow,\n offset\n) {\n const style = {};\n const margin = arrow ? 8 : 0;\n const totalMargin = margin + offset;\n const args = position.split(\" \");\n // the step N 1 : center the popup content => ok\n const CenterTop = triggerBounding.top + triggerBounding.height / 2;\n const CenterLeft = triggerBounding.left + triggerBounding.width / 2;\n const { height, width } = ContentBounding;\n let top = CenterTop - height / 2;\n let left = CenterLeft - width / 2;\n let transform = \"\";\n let arrowTop = \"0%\";\n let arrowLeft = \"0%\";\n // the step N 2 : => ok\n switch (args[0]) {\n case \"top\":\n top -= height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(45deg)`;\n arrowTop = \"100%\";\n arrowLeft = \"50%\";\n break;\n case \"bottom\":\n top += height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(225deg)`;\n arrowLeft = \"50%\";\n break;\n case \"left\":\n left -= width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = ` rotate(-45deg)`;\n arrowLeft = \"100%\";\n arrowTop = \"50%\";\n break;\n case \"right\":\n left += width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = `rotate(135deg)`;\n arrowTop = \"50%\";\n\n break;\n }\n switch (args[1]) {\n case \"top\":\n top = triggerBounding.top;\n arrowTop = triggerBounding.height / 2 + \"px\";\n break;\n case \"bottom\":\n top = triggerBounding.top - height + triggerBounding.height;\n arrowTop = height - triggerBounding.height / 2 + \"px\";\n break;\n case \"left\":\n left = triggerBounding.left;\n arrowLeft = triggerBounding.width / 2 + \"px\";\n break;\n case \"right\":\n left = triggerBounding.left - width + triggerBounding.width;\n arrowLeft = width - triggerBounding.width / 2 + \"px\";\n break;\n }\n\n return { top, left, transform, arrowLeft, arrowTop };\n}\n","export default {\n popupContent: {\n tooltip: {\n position: \"absolute\",\n zIndex: \"2\",\n width: \"200px\",\n background: `rgb(255, 255, 255)`,\n border: `1px solid rgb(187, 187, 187)`,\n boxShadow: `rgba(0, 0, 0, 0.2) 0px 1px 3px`,\n padding: \"5px\"\n },\n modal: {\n position: \"relative\",\n background: `rgb(255, 255, 255)`,\n width: \"50%\",\n margin: \"auto\",\n border: `1px solid rgb(187, 187, 187)`,\n padding: \"5px\"\n }\n },\n popupArrow: {\n height: \"10px\",\n width: \"10px\",\n position: \"absolute\",\n background: \"rgb(255, 255, 255)\",\n transform: \"rotate(45deg)\",\n margin: \"-5px\",\n zIndex: \"-1\",\n boxShadow: \"rgba(0, 0, 0, 0.2) 1px 1px 1px\"\n },\n overlay: {\n tooltip: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\"\n },\n modal: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n background: `rgba(0, 0, 0,0.5)`,\n display: \"flex\",\n zIndex: \"999\"\n }\n }\n};\n","import React from \"react\";\nimport calculatePosition from \"./Utils\";\n\nimport styles from \"./popup.css.js\";\n\nexport default class Popup extends React.Component {\n static defaultProps = {\n children: () => Your Content Here !!,\n onOpen: () => {},\n onClose: () => {},\n closeOnDocumentClick: false,\n defaultOpen: false,\n on: [\"click\"],\n contentStyle: {},\n arrowStyle: {},\n overlayStyle: {},\n className: \"\",\n position: \"bottom center\",\n modal: false,\n arrow: true,\n offset: 0,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100\n };\n state = {\n isOpen: this.props.defaultOpen\n };\n\n constructor(props) {\n super(props);\n this.setTriggerRef = r => (this.TriggerEl = r);\n this.setContentRef = r => (this.ContentEl = r);\n this.setArrowRef = r => (this.ArrowEl = r);\n this.setHelperRef = r => (this.HelperEl = r);\n this.timeOut = 0;\n }\n\n componentDidMount() {\n if (this.props.defaultOpen) this.setPosition();\n }\n componentWillUnmount() {\n clearTimeout(this.timeOut);\n }\n\n togglePopup = () => {\n this.setState(\n prevState => ({\n isOpen: !prevState.isOpen\n }),\n () => this.state.isOpen && this.setPosition()\n );\n };\n openPopup = () => {\n if (this.state.isOpen) return;\n this.setState({ isOpen: true }, () => {\n this.setPosition();\n this.props.onOpen();\n });\n };\n closePopup = () => {\n if (!this.state.isOpen) return;\n this.setState({ isOpen: false }, this.props.onClose());\n };\n onMouseEnter = () => {\n clearTimeout(this.timeOut);\n const { mouseEnterDelay } = this.props;\n this.timeOut = setTimeout(() => this.openPopup(), mouseEnterDelay);\n };\n onMouseLeave = () => {\n clearTimeout(this.timeOut);\n const { mouseLeaveDelay } = this.props;\n this.timeOut = setTimeout(() => this.closePopup(), mouseLeaveDelay);\n };\n\n setPosition = () => {\n const { modal, arrow, position, offset } = this.props;\n if (modal) return;\n const helper = this.HelperEl.getBoundingClientRect();\n const trigger = this.TriggerEl.getBoundingClientRect();\n const content = this.ContentEl.getBoundingClientRect();\n const cords = calculatePosition(trigger, content, position, arrow, offset);\n this.ContentEl.style.top = cords.top - helper.top + \"px\";\n this.ContentEl.style.left = cords.left - helper.left + \"px\";\n if (arrow) {\n this.ArrowEl.style[\"transform\"] = cords.transform;\n this.ArrowEl.style[\"-ms-transform\"] = cords.transform;\n this.ArrowEl.style[\"-webkit-transform\"] = cords.transform;\n this.ArrowEl.style.top = cords.arrowTop;\n this.ArrowEl.style.left = cords.arrowLeft;\n }\n if (\n this.TriggerEl.style.position == \"static\" ||\n this.TriggerEl.style.position == \"\"\n )\n this.TriggerEl.style.position = \"relative\";\n };\n\n addWarperAction = () => {\n const { contentStyle, className, modal, on } = this.props;\n const popupContentStyle = modal\n ? styles.popupContent.modal\n : styles.popupContent.tooltip;\n\n const childrenElementProps = {\n className: `popup-content ${className}`,\n style: Object.assign({}, popupContentStyle, contentStyle),\n ref: this.setContentRef,\n onClick: e => {\n e.stopPropagation();\n }\n };\n if (!modal && on.includes(\"hover\")) {\n childrenElementProps.onMouseEnter = this.onMouseEnter;\n childrenElementProps.onMouseLeave = this.onMouseLeave;\n }\n return childrenElementProps;\n };\n renderTrigger = () => {\n const triggerProps = { key: \"T\" };\n const { on, trigger } = this.props;\n triggerProps.ref = this.setTriggerRef;\n const onAsArray = Array.isArray(on) ? on : [on];\n for (let i = 0, len = onAsArray.length; i < len; i++) {\n switch (onAsArray[i]) {\n case \"click\":\n triggerProps.onClick = this.togglePopup;\n break;\n case \"hover\":\n triggerProps.onMouseEnter = this.onMouseEnter;\n triggerProps.onMouseLeave = this.onMouseLeave;\n case \"focus\":\n triggerProps.onFocus = this.onMouseEnter;\n break;\n }\n }\n\n if (typeof trigger === \"function\")\n return React.cloneElement(trigger(this.state.isOpen), triggerProps);\n\n return React.cloneElement(trigger, triggerProps);\n };\n\n renderContent = () => {\n const { arrow, modal, arrowStyle } = this.props;\n return (\n
\n {arrow &&\n !modal && (\n \n )}\n {typeof this.props.children === \"function\"\n ? this.props.children(this.closePopup, this.state.isOpen)\n : this.props.children}\n
\n );\n };\n\n render() {\n const { modal, overlayStyle } = this.props;\n const ovStyle = modal ? styles.overlay.modal : styles.overlay.tooltip;\n return [\n ,\n this.state.isOpen && (\n \n {modal && this.renderContent()}\n
\n ),\n this.state.isOpen && !modal && this.renderContent(),\n this.renderTrigger()\n ];\n }\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n const PropTypes = require(\"prop-types\");\n\n Popup.propTypes = {\n arrowStyle: PropTypes.object,\n contentStyle: PropTypes.object,\n overlayStyle: PropTypes.object,\n className: PropTypes.string,\n modal: PropTypes.bool,\n closeOnDocumentClick: PropTypes.bool,\n offset: PropTypes.number,\n mouseEnterDelay: PropTypes.number,\n mouseLeaveDelay: PropTypes.number,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n trigger: PropTypes.oneOfType([PropTypes.func, PropTypes.element])\n .isRequired,\n on: PropTypes.oneOfType([\n PropTypes.oneOf([\"hover\", \"click\", \"focus\"]),\n PropTypes.arrayOf(PropTypes.oneOf([\"hover\", \"click\", \"focus\"]))\n ]),\n children: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.element,\n PropTypes.string\n ]).isRequired,\n position: PropTypes.oneOf([\n \"top left\",\n \"top center\",\n \"top right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\",\n \"right top\",\n \"right center\",\n \"right bottom\",\n \"left top\",\n \"left center\",\n \"left bottom\"\n ])\n };\n}\n"],"names":["calculatePosition","triggerBounding","ContentBounding","position","arrow","offset","margin","totalMargin","args","split","CenterTop","top","height","CenterLeft","left","width","transform","arrowTop","arrowLeft","Popup","props","state","defaultOpen","togglePopup","setState","prevState","isOpen","setPosition","openPopup","onOpen","closePopup","onClose","onMouseEnter","timeOut","mouseEnterDelay","setTimeout","onMouseLeave","mouseLeaveDelay","modal","helper","HelperEl","getBoundingClientRect","trigger","TriggerEl","content","ContentEl","cords","style","ArrowEl","addWarperAction","contentStyle","className","on","popupContentStyle","styles","popupContent","tooltip","childrenElementProps","Object","assign","setContentRef","stopPropagation","includes","renderTrigger","triggerProps","key","ref","setTriggerRef","onAsArray","Array","isArray","i","len","length","onClick","onFocus","React","cloneElement","renderContent","arrowStyle","setArrowRef","popupArrow","children","r","setHelperRef","overlayStyle","ovStyle","overlay","closeOnDocumentClick","undefined","Component","defaultProps","PropTypes","require","propTypes","object","string","bool","number","func","oneOfType","element","isRequired","oneOf","arrayOf"],"mappings":"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"} \ No newline at end of file diff --git a/lib/reactjs-popup.min.js b/lib/reactjs-popup.min.js index 69c4de6..9dd32f5 100644 --- a/lib/reactjs-popup.min.js +++ b/lib/reactjs-popup.min.js @@ -1 +1 @@ -!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):e["reactjs-popup"]=t(e.React)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t={popupContent:{tooltip:{position:"absolute",zIndex:"2",width:"200px",background:"rgb(255, 255, 255)",border:"1px solid rgb(187, 187, 187)",boxShadow:"rgba(0, 0, 0, 0.2) 0px 1px 3px",padding:"5px"},modal:{position:"relative",background:"rgb(255, 255, 255)",width:"50%",margin:"auto",border:"1px solid rgb(187, 187, 187)",padding:"5px"}},popupArrow:{height:"10px",width:"10px",position:"absolute",background:"rgb(255, 255, 255)",transform:"rotate(45deg)",margin:"-5px",zIndex:"-1",boxShadow:"rgba(0, 0, 0, 0.2) 1px 1px 1px"},overlay:{tooltip:{position:"fixed",top:"0",bottom:"0",left:"0",right:"0"},modal:{position:"fixed",top:"0",bottom:"0",left:"0",right:"0",background:"rgba(0, 0, 0,0.5)",display:"flex",zIndex:"999"}}},o=Object.assign||function(e){for(var t=1;tlHr0W&L=i|tU7;;n@W_((c%)L6n7SZP#*qf7Dxmh} zP-Z>7KXcq|?62Ayd+rCJ>w8|xyYUd~5r#>A8B|1Gia6obG=1})br$#eBtYG$Lc>3f?E{CZQBVSR*#F6l% zFJu`sI0F?1Vf*aSz041JVQAsD>tnv?5}w5iY2*i~xzY#P%%k4GrMME6bfO zAnCG!m*-WayPDr*c#xOddtSJGy*8#V4yl;_HL`w-7M@(zPKbqe@co4`{AkogLk-{W zultcntvAK45f#xCoxJou#c@ni8lIFt-mE;$&w(>P1wHFs#fDl_&xg&nBJZdFzPUp& zBz}4)D(Moeao)Lh8LYSjCtqWR=sp#{pHqW^0o=HUxL5;5AC+5e{SHXQ0mW4#;le~D z3W5+>>T;R|_oX+?0&2G6CzJ_9l~1~oo`vHHfRD)O6l}Ytd>be8*aT9^6!aR@IDyL_ ze(5*`qpArxyPv@;{+V;DFDQ?%zs6Lg*e4Q3{-s0dgQaH1aO21r zRSirdgD6C2j~bNrg7WTJ3l`LBu)jmS1EL!pvfdM1?(L{0i98i3iuWm)e3AYX$ABg+ z?PtL0{DxJGLieB4R+tnNg8>B*8u6HW4S&~ndZF(CLe0)K&B65o_Fl{jHhas!NvGU% z_DBn`Q|Rzr!mu1Ys}d+{f@?6pewV_U;<5~H#QJDRpCD!t9R~SPQ>5sC0~fyU85L392afposHw7ruZ#i>DxZY3 z*P0SzdEkZ5VjFiVL)J!`r+I~@>qriZ_&_T=yjU**Qf_Exm^BQ+GKScLoBZD4J?>M6 zHEHElh4Y<+t-~vz*6doKLX#ZA4$Z4)dLn&4m9%7onoViE2(ouG$}DOV6ol^O8Z>8W zG-eg^c&4YZ!&DgEy-xvUa1v1G1R+e0XiRQ7Bk2WBZdn1F9lSKTA2$8Tp#LCQPIKgn z5%yikpK#mSH2O(;iZ^D6uO`=bgp>HK&3)#jp21mPf@GMYK}D#^bhvh%lPe*BDQ=2} z>Y5ygojJWF+l8Ms`{tK(=hr!iGzOjUYV7monYXm>RNqs#)ZBo;$Vu{&W~udD1*hh` zMWUhmi8JW6tB^r44p}ZOstUv1S0k7B5}>lzJ+%^1uiK*#nxLW>>YVsD=V_iU&v&hd zf~Q;%l)ePe^JcA8EQO|N5rGf?aiN7ZGMVV&9)dn|At;y6=GTUcA@CZvV!&>Sfr?Ei z0CSHm$cqr{{)xM2#|;I}A)CnTO}TG3mgg+b2XM8Ye*~EQZQTz!j;OJuO}%@(8K3vV zGVOt*e9*u;L8YrBbt2Xe!`t{AS7sY3%P_n(IktC~lX{c44d1&PWGr4#l{w?er6KH! zyjOlhxGptW&EiIa{J}6uj_k*_^HeXB4H@$zaDr&JgcLX%vOTKs@6$X3mSm2lGsLHa zrX`9uZOG!2#EpS$rCF`_O=!AFV!Nuysi&m-JL4fd9w{pLTB>NMeNom{rD*XCL(GGU z0^P;Id_S_K&mfsYz#U)qzIzWI3#K9X31xJ7+eb!D-SCJ>4U+t9od}gr4OFR_y2kxS zFwB&OlUQn@|BY>|!@H8wDj_Z-Tb7?Y@Y65@{rkZy#}s2P8VTA%L{S1w9_je1U!Olh z&ZPpk?`-S~V5S4hRCNZbN=w-OgygPqa0k_B+)My(mT8GrY$C~q9gh{g^8qP`~+B;SQ(&(COktRcg0h1!&7IN2s zDI?#}l%%OH)kacS7Q}6F_>uG{0HT^gK`93Pxpq_=3DShoJvc(i8C@l>5IMc1u;yd@ zF;?(em-ee}p8?6>X@P8%rS!twvvzs`?sL&dcOdqGY!!1NTH^@mZh`bi+VEr?Qm5zK zSTZT-Wobx=U{9$Ji6!KXN{@qyWX6mS32nD9&s^C9k-XJZu2;R(4Ixo7 zoJ9eWg|PsVUFbWGNLot&iS>LwUoqOoEV`}cxK`EWFt#fs{Vqfo|5|2SkLqd>a?LwV zqb=d-DZ-hHYH}FwufKq*C}({~)h|U_O%t77{QVL1LcRV-M~3g*av8;rRGRoAdi6PtQ_1ffv-4a#izil_ zF9q~NfJ%FL?Umwy6(+s=-s<8UpHRm8m6RUL=%&k8n9KZ+W=sy0>+7$reurLzwcy#*olk zfq_y5bTBqUu+d5VhYtmIghyAEt(Ejj8SN}bSGkpAZ!*<&Y8gV4D6nx^OQ-y<-_W0B z8Z=51DHl`dc8XtBeMeY*M}Be=y@vY2`22E7Hr$xyo~)Uyh2;qk6+0zu-fibfB_&nt zhf-3@*{ovzLLP*m<}c>Yy3;+Fdhk4*fP~(nFa~v&!|oQ0+>N_`Yp~vzkd`oaxlvUJ zj%f&xI`Yi|t@+E_R3jBAyd``)s_-mivik?2Z8xM&sNn)+RVQ#rlakLR5zF1HI7mg9 z)-@F~$GV=(7Bs7QUW$$9k8I%eueD2WSs;@>{WT3%?HNi@I)t`dvse_iXl*LA1b2>mK zl({@mMODcJsmPh%6;~=ecW$&$z#;EM6C-ee4x|Dw6dsN^&O_5hWou8bC|Wl;lodMfXqyLqwW5+qJ;K=;hg|?K5>ry7T zW2AT0AxnDUaKq%RA@1-&ADx#^Ip9FV!SHoxTPHUamzT*EjW+oK)sQ?kUo{qJnr%tV zaa2e#TEq=#T!P`C5%y_UXBuX0z8{96NTCaWu#4hE>VxWYcLIzd>@?wWvrBY#s*GPw zNa`#Ep$snJumpJfI|{?oaO)01(GehcEO!=0y>l&;aiE8cI_$r`Dv=qgZR>H~%>N{t zlyLazGtU%Ezat!UCYHVqxOgG*L!=G1T_4S0#uRhY<;zSfy5``?_ z1Lu)w5?82#)$)`=6Vs^aCKYb8kP2ZPlD|p%Ea4ro5J^>tqTo8rmb0@jh?6;Bd@`@P z@aK+X77oGLPhP`~MLxDO#*}@hYmU4q6i$N$LL=_hG;$AP|Q(z~x0QEewmFG?*8-3-} z>61uXQbLkU98A6D7<8VM&jq9qA}BS*n$1Qn6YHGSvj~RJyRs5C=~ybfGtJ*xQY@$- zj~@4~Q^Eo8H|iKTj(a3hi6YDpn)_SX3T$k_1D4%#kF~C0`Dm941&oc? z&zG!n$xy9@jyK?me5=(qwaTAh1LWHQoD_P(<;PIreqsAJ-Q@r_lRp5>@>lM6+kc|S zd&Mef?mOdD`CBSN!wy%hZnX6#T{nuBD*UF9xz`w^yGyEkt2 37>a*Tyjtb%P7Dh*R1P_+^}Vdiba=mU7nVJMAS>26s)hig}hb}M!8(YOzT(H23ww^w5_lHn0|grGgqPY1@pQnDPf^`cpf3*D#ZiMKRPj z|M`&9u~0^OAi z92tB8m6w0J9VzlKo!4zIC}Oz|BHMZxwE(@&{{0|J1b54tiWm6Uf8X zYQbY5#(fZ`_Y__ig$o+!Xq=Zmo~s-(5!LTdsGKwn779|Rtxj-Y@ISr08yv6|(8 zl4(+kHswPSTS7^N`mkq&{bSRbwxDN(L8>OpT2T2*>D2g~{#v$z)*h%*_q4#{*o|m0 zcORn91^uqZm&To{IS9PvHpz<}rSf2;S|0s6RygZ~6`$B*FIIv^oBZO8TD+nei~R%* z>xF)?O7B?Q&hC&>`3sFNRtVBm{>u8|u$}(AqVp6gmW0DUaFS0{Ko%?tMDSPywbK=P zfGdRst(9wFtgU%0tzuFbq+iCl4;D%q;$P?ubWbl>;}P=6gQWY-;6k!*IxB6MeBggZ zwX3>wfwqJ>in)lk>gge4tZ}h~eS(6@^!L5de>p7~BKp(Uxr9OURr|edHrA?W39X!Q z{*;Go0Lp}fY%G41iCkx72)$jG-*MMAH%38#B_rr4BR*jkOoPl>s|bf@ycPy_TQP*p zU`NbhV?2b+aX!Hky1;F>OmM=Ye!7Y{hObE07wSZhYhMC=mD2UwivC_co29BBp2q6*(Q;dG#acDO-xz(0d< z_th1&abfnjrc9uC5z3h3$%f+efX3~_2kcM-+yxcB8VCRVCM|H+O;1|!5q#_6686ag z2dKV}3fllAtABDVVNGZB3{6UB#9W$^tL=!YyvE`+vH}-3Y>uwX#o}E6s<>Qq&=a-M zH|}t4Vg{TFTW#MOo_(p$vXk0gNW@nohjnwZ_*%-DAs!icvSwA2ts&we} zlY3?ZlG-XUg`FB|pVKKp3e0#gB!RcU(&Wwtcmtj;Ma=&zkFlpLMbdx63jBo)Jc?KV zDwNE1o4SBofUcI$nlTROlCDAl>z0tU8lsL3PIHaKrniJx8Vy#NoGiJ_qj+7cX1gC} zb?T~kt5wa;-Gg`7yoZ1K2=96&pfP7WUH*KP6_Z$FCduHGxDm3<*I?BlCgiFs&s9|G zGE5{XIm{U{3(`1XRq4c7s#e`90-fb{>Gvm1vJW32%DRE|0bxGAw%~`js;@#c_}jR8 z0_@Y3Y0bZaytwDn822F?SEq%wlhteV39EIdM$xHOY&PTT1EYFD3wgErEoQ>pRpnk5 zLog$dThpsp&>zYRJKfH(2Rwp3>=~IXg@x6YSk^FC#Q=E~yLQUw>aLVJXcf$qp=yx@ z!nz6UOufGrGOLlb!u~!AyW2>7hS{7Ua6c|9_C7uq6$G!aOb6<+y#||U1*ad&X{3DF zAA6E$$C?8~pHSMmA!@Cvwm1x!G_H9M^g!3z2prF)!tsl|NX)NBJr9_<72MUTdIr63 z4XUZ*MLYO`e`OQ-5wH=hCJZ9h_Utg4v}~?EJ?I0=;A0c%`Tlt!Dkrxqq(U5-Zug$% z@!4g#3|~ivwntE{UfH-@!=^H9ads0qX^WK#QU_cN$jkL84En!;wM)r{h_B7%s5jGZ6mL0u~`uyIO3eX zH5yMrsZ_Hc-#YeyI5t@Z*o|kV2_BLD_FxOzp|t?M!O7D#OxX>Gwtwsr>@U}GsOu74 z-#uY-2>slsplwfhHWJ%39135Y18sn?4QyM4h7TI&vW8hkd@7GgaQ1mg*oNB61ycFO z36#{0lh-nb)!;Y}%*C8O|J{#O&$hT@>GPsE&Y{n_%YZ8f$){_6=R45l{e2_YcbaN# z`I46we)XThm3J1kB&ojTWYR6>Dip=i09B&Ok}ZWwl>1bKi&rlR2)N3XfMqQU5`lH4 zc)#@6jR(xdbC#RZn}llFE+g32v6`DSYM5irYS zOPskc7nMf9)t6y1gh_F4L*yuSkyAxSR!eEAWqq${g127M(|w z%}rXXq~B=|>HcNfRBzc?!14j+HUgHS!C$z5-&J362wxZlrROFYke&QcGX-90A0L@c z=E5_#u@zdk-8#Iv8eF`ABfBv?_yK#m0&Ln}#xuCXijRVaH^Bb|1AVWBmcLe z%54*ne}#Ps3g;?oi-{+HMkP5LQ*D*9W_~A~xh49xr`V@`ILSJJB{O++5y4?uLu9B9 ziB|y^Uyb9)E_eOFL|o7yMfDDNfHVpPFJWkmPAS!u(Nt4Xa|@)rc1;T~XRh`rYi{k6 zg0v2}^=ekCT4iHfF`Yc2w3}&j(}cRnz9vQ4!_^RvOxYHeSyxtifiGMbpp#w$VyI6G zXs&N-GacNABI(|T>s}?@ao2tTwY&$Y|Em zb{|r&?_L=C_+dtt6ib~mos|yq3H9k2nU`MgVBR7$drh6gu6FKu4P}1r>a`PaDrcLV z*H-bx#(S&qLC1SL|H#LSub^Fj_Rc!MQ*z4w^p%ERx?=bR^4wPP=G?Zs_N%TEo(3@a69ty_>&gy9$2~=1qE%;e=m7{hze8K+u1hF(q&Puy;fvo^2mel8j+ zU$M);_-`y~Q}^X3z=*UJzPB*IDrDEr`B^&zsaelWB)j+3K_6y6SrH>##D?xGw_X5x zCfmlRq~Y&Z2}b^hULQ94cS74}^o+nnrgi-;Jbj{FDP(uxKz9yerLP)aUMLi((e25L zm=YI&ijRN^8%9p~8YhID9uYG^Z4{VG=;u;aD4Snvd?9%FODR9kAIep|s4e6h#2C^k z-nQ58y$wB$YVDQ$ACtb9kGV8(2&;z#7RhA}vq1K%&mQX|{ec(b%|FKZJc^8KgO`a6 z8e}{=UHEYGw(E`P9=!e-o2Gw1cIwI*uOVgTEm!+~7XA0_x`Gg{h0oHWH{0lm-2>1x zWq*mpBXx-<{gu=N-|_Ns2YVWpwW9aF7EE=KUU*PHp%q?(=f_GPXAwmW(dTzy7Ekxq}QB3!!L4G?8P)k^h-HBKDaG?VvcyR?!K)-O0 z>n`7qLlC7Xr3b|zX`juUkoZd2+cf%3!oUvM5jAeqmYGTe2ot4284fCua_9ke}*d)fYO~0s)N(- zp(TXrTxe-Q*>HY>b_+QrS|s;HC?8(#AM*QnULAvF3bsn-Vb8=GD8RU~f)^>a*md`@ zAHc9j98Q8c!g?d}V}Oy)9J=Jt02c1cJr z$#9Ry@-Y=7o*?9hBj`UoE^0A-yJjxvu|6ibjrNt|Fpp0=Q&Ny27T9w;a&&pWAo^JD zJXgv!gP4-2idn?KF;g0LlG|@qV~vGvq~Q|aD-3T|)!${pa3s z!&oVfovkusRhEPsv90FMN)7%PF}>e=sZ^$0}ZoM6(}GA&o)!FO`=c1Z5vl}WqkIV9JethwL(u(Bz zbC3_X-&yF=5z+16N1hZ9vlsu}1NXMyQxSp~WQ#+P4URxIxq{gLHwjAne@`S|W&V%n zv3ZUFHu>BrWQ!w^?f)*Hc9W6MT4qg84AAMbdD1KNy)j__*_5@z)F7VO%1HtUwj;|rQVV+9; z-Q-`yJIF3Z!KwO#eYYkT-d!-asGloMbXyVFI%6te-k^o9MTSrck@)EnW9Six- zCNp4(d=nGNsmF(r79`n#onxgJJK&%0NDL}MEar%uiXx>@J+SAPL3N^}!I>l!8qHl! zSO@Sg=PaO(Hw)*05DTarfjjB#PLqRl#}ky;J&rR@Y4Ri4H_R6i{BypGD6LMnvdRt8 z#qQZ?haKF*9Gj+#9^T5OB<$@UG>ASG)n$$?H>Z`BRDOp@90Q`tVRtf@hn2Br5wpO$ z%%%pe__H#ZYuiOUm3*0#k;Y|C8@$S#i^|HJe=U_YU3X3HO}Srfl}PVp-ff#QN+8Bq zE04w3)53^38DSy8X*=F?*q9BWI<1o`tLQUe%=siaZ;B|`r$rN$v_38-oR*8*t&&tr zl!>1#Q;LVR)5vpQUpDEXP4i)znxt3324A)}C2rQM+zIC+z7N($4cDRcY3 za498iV5lIs77< zolkTR=^{~wq%2~F6)^)$LOsG1d0Y=`{{qnCc+cN;LUg72<*7O%2mw+vk?am!db=12 zc08#y+Mn~+xoUPq(Q5V|K(UNhE2|b}ouS%ak+F>RzZ%UTkD<}|xvZpMSZ7#jf@yc+ zL7yWO!P2D?wUSJT(gV1OqQIAO5#oMA|8j!L}9Il5to=^uM zQ7Q_eVN7FfSt_`oPyxA?f_R9|q(%i5h%;@X!5hj` zODOq7X`8|@1)@pODqJh_tvUe5L@X615N!QsL_6k!ka3PWqOvMTH^S#uvNTAG92?i~ zIzwcLz$QPfxcB6tdj=4T2f~dSU>G?>8_y1D5Ende^~Rs#FmL@)6{HTN4d5bK3W4NT zD#(#p;LejhSz9Oh_|q`#R zg*+ga!mO<72`UJy>q@g#5jQ?r;%4xcejUOYNrou5Y*Pr>F3qZ~N;W8r!sTuhENw_P z27jFc0;SD+Ry*|siJP*g#=}J<6&I(F{Fmr~LyIF>isdh2u7W>#t;$*)4I-o+E1z0S zt2+{mvpoq5mu&huVccQAAtuG$B62Z8d)9rMltW%!9Ez^&^bxzIwd0_n=73BI!{M|OwB z%d)LGU%zihd6#@h;!Vu$B`oBv`A9=PwtLw}$}!yed9QE0Qp00Eb;{!-TIrq`?!2z> zsLcEtW0hoQ-?>?I)>~IAT*GueH9@ZS?7ESYv1JV{_UR!QqG#A7=6TE=7J3i&_CDo( zc_%;fSVi4d=gwE|ts#?yABR`>$&w{%^2ewHfLWaG%MeNvU|byJYs(%t{K^lzL%Ei3di!#2kE7PAaec`B~#(Y&2pU7o++ACd3#cj`lniR&SoZY;{`Zj=j40{ zy%dSO*4+8-Q|SaOk?HWCZ3NcUk97ppf4Ae1^4E>IuyW7sF07pEWImw0>$H6-_22r% z3vfh7hnG0kF%s{oRDOKouMox#m9*mr{Y;By`3ffAA7(9@jaajyq7Z;~=xmjifEr!T z(K4Q5$1+HAmh|={71yG*_npT3+=kQTFZoF$tE$$PPbK!0&XAt2^iHE3&52lAaQmh{ z&glA*w^R*3xKQ-_##F)r58*UmAsOdT81sVUmP?Z9x+-n40W~`3WBS$p1E$g9daqR`IV{z2|988fa7pL&?|*Q<&wXaxO~?Gxnzrv?OWRC)2q zMwPz62>~?ZSPX4<`D0F)0^(1ozKMua9kXHFm&zP5zAo2(UK*-wST}}fMO&JYiK15Q z!bL?rBP|R(YG$zb5gxh+P=*1Cv7N?Ipj!=0MRyuqKj*812%P9FW1-0>H*!L0 z*hXX7hSv-;9^+bx>AIxWa{FkJEuE!HYW_^>XRyHIgU5A5v#VA`J|bbP>OvzpMFD}jM?WNUmxSiVNQx<`sVREKf}S~~ zM{84*Ig|BgbxH%+TOB)fsh6#>v2K}7-ocHJb$V&R;JTg=BA0oxmV=UPCa`50oTtv2sXTxIjJh2L?0z8l(X5A8c-^wLwx9 z=w9S2P0o~ zCadEZ+z%r$Z*2Lq4_9<8j(U4DqV@K{^BPadhWdv5^fS+Qs5UX`r>)+>NaNJJ)jEeP zz4B97kDDd7bI<5W`^87N(%XecJl@;IN5DVNQF;2vQ^H<;!n5}8iWaz|@(TXcvolU@ z{w@Ey@UOYw)&A?84syMFVH~hNaqPu!|J0L{(|pRGKEDQO=jc+;!{5v7uekxj?e_7+ zKE;t+bk7Uv?%?%~4x`F(AnFql61Kb{8nbm&wqs?wG#>YF0l?`xE6*uzjN|0CUQ1HG z;Xrp*nq5$fy?xzKK))k6E!2EQp^iPr?V;v3|;cldpk@tzWdPp z)h&vP$CUE&p?w0n*_pw|f3$23a@M?_Kcq4Jp)fqvl-hjfnN(MuV)IrdhT|z@y|qNn zJ9mO=0GaTbm-QentlTifqE}E5PMo*vkKO7{>u&3Hew}C1s=NQA|KsmHNXEMOk-ynL zCWlKO5qTB+!Y9p*mrKEOMAMG{{_n{eUjR-5E;rnh;lq!$8$bG5eE;F3&EPl8*&*8xWhxcERUz^T%7^|^=#SWY1 z+ikvZ{SSZoX1)vF4719sXMbd0e_3B`>Yjure-9tcqoGHCSKHork=#ii^O$M2BH*i* zsrpPNXjBfz;#2Kg<3-4vcixh|DIbcK4fS-^58~jULz}vjG6l@$@c7OAqi;N4Nxi4~ z4xe{`#Y}H?Cy)2NE&8b!!fys?b$4BmumXV2D6sp$fCHk`L&3TaDzWW#!QNQcqr+A` z?=v~oJlREYY4cq}CG5H4~`uK%C+jn#7Smw`zy%vMD*Bi=(>~4?}3uesY}K2e>%_+UXa# z$lBtJw*7~uKPG(iTZi?U*1XZHA}4z78uAI^+&(1Pr>C|@lt-xW+bLr1n?nMwb^t>i z6lPKpXx7^giFN%(z|E%NB*FJ) zTWK8{cO!j>!wnJUepP8vsPKTi5c1(F2s4Zje5BH4k5cq{57W?k$q9Kk-Rs%2!ECR4 z0qWk}0b&pM?uPB2CKIrK)-x+ZvY*tuKZ|JK;Ho;{+2htbASqNxWI8$xrs?II^d{(J zcm~H6b7Z5&whPD+dJkV5LK;EF zOSBXB)9ybxHXT#3B<+#JZAC7HS=2P1ApJX0>&T;AJH1Us5SqxjU#~N# z5@n7z-HHE<-Uk7VHClPl;o6gOwT2ayRzBIN`S&9@OWbOe1gYJuJhAD2a z)&xSpn+q1%1u_*PkY4h)C-WlW!dXi5Ii;GfYF2?06I`U4FyM&=I_ZX9ex)xpCUX&U z$O|}%66M%nB3+W3nrAWnNVw-`DkUq&Y^P5^HORKJq97_g7ZY-_V8ueLeoP&Qz1{4p z!PH1z6UZIcbGh5+A_DvD7+J$g#GM;2AknqlA28tw;k1L|FQ$O2fDVy4Ku8_49*kp{ zlL%$=yE&<0BM3(s%>k$(ga%itbgEbSV$F-8HAj!bhLpb-s9c)Cu?8EtcvH`w1F=_z zV{s(g9Rsuc^zRcTKWB56&5;2l6h^6Cx4c?p1qAD+=Tdm&dpA9+SxglpK)^NBf0wxTg zdo`oO{4%+MFQ2Q9uhQaad(a_~^PjGF%N4k4c8kN@&9PV`*35xWHoPK8ch-g4wm_}2 z@bNrK@F|p&;0-HDRm2!FD$dNTeHJSW9Hwj|hj9%8P$9cfm%pbJrY}4+Br*Fvsb(?+ zrZeHT7}-9?9!3YO2$m$FsU@l#x)Em1y1zhAKvLrwF~LMeIrc{ek9+)nUlgOvc{Bj* zN=+ewLnNFyRcaH!8jGBmwG_csW7Z^x zBwb-D-A!Qy{9Qb&)=e!e594%nD-t!`8dIq_lp=sO|GINIEa#b2=QT3L#4H1TF;bSt?nGSl{ges$$g>QnP@k<5te0g=;N8ffkgT0aPGc+`tOpqkHoh9)(yHE} zqj%HEy$&D54_)jRt)g<}(a}s0o-Bp6i6#j@fA3E`7LdF@66>n8F$R-Jt;L6%@r-JP z<-<9_;pB33ia5!HIQ;1$ZW&!e;-ul&80k4Jl#E{NGTE@gSP{Fng+|}=`HWMyfqgY^{Q6z7 z=exgXC;7bk5+lEwK0m>czmKwh4|^js`A!CJL!;zJ zBtqYC5^}hCrYY))-$Volqp+UN7v5g-!w1K#P(tIdE<_@$8!|(J4 zumv2AJn9mz$!}3nG$4Nn5mhkwG5(;&HSm0bRV3k~=Bv;|dqUPZ*$)I@K4PYPOudC% zK9GY7q)T-tOWs~HNds9d3KMAVG65xx*gW%d10dDEau4$#B>2bQiKjiw2H`tGwIuNJ z*a}VIWqzXLy+<5c`bM{luaMx$9qz5dc$sMK&T6fsK!~58i5VBhl6|a~5Jb0cXCSmi zoXWv#4MUrX(+mn*(A;zR3>5Ccj?ZYTXEt^127yUM_~s6z zC{hv)f7S{suvVNfFxP}yIWW-`{2C~XDkGrdllI{Yx&qM8^~A#{q=4>vQjeE;8s+?} z$%ktH!zw8H6{r|l)}ZQRk{P3m)w9`xF}qDTx}F#@x|vNy`c!$$EOJ+f7%@8EsSi+8 z`4%g^7cwr4ImlcaU(S|A$Oj+8krKG<3j}9sJHYkO?Jj!YGM&uc7oezNt26@tz0K9po0giW#}A!8<5OgLGK(M3!AK zPJE~15Gs#`R(Nj9(_cY>*ywrgnpdjZ)RPEoier6Zd2qHw>@KJd>wyK)C|sY@2Vq-N zBtl_HtA=nAsW9w~S44V5Mlx$__LW#2asCP2Lz*~8SF?rXJu?&8R`you`JNO>|{@+irdujdjqY;yK0zX?OUbFiT6C!T3 zGl&HQaUwc-)z?8=|BsX_tq0*VS*^9jv`{Ab>i89`R zc8Bx6dJ>13ZtE@5Mk5VKUz?pvAhPNMf)F4z6N%nnbsjXs|AisLjbgiC*HtOVK1H!# zUzFUAk&Lx+P0Y@pQ~ z`Kfuj8Roo05gb310X6kotnA4J7ZocYR#1~F7}$Kh6kTP-pEZjBmoz&58`?b_K$R7% zp@8rvtzW3h{vnXO2fnpM8dF^opdI0JDO>2LLrjhD@tY+yKw_0y(EiP0=SEf}fSS8! z`=fOl(=Tj{E|ABp7rn3Koeebc?hwD7=u1)?Yu-n&CLr_sz9T$qt+N+ki1m}m? zihM%RmgQN)psix^}%glpgyzgTOl;V z3_fd^Y1&HizHbMNr7A)=kqG$&lQ#7sKOM-DmLhzX6`&jK5~c`EuA=Vame}$ z2e^r=DH~J(t}a!%IGVG1@o;HAcU7KW=Ii_M2>3G_l89?;YZVKrxH8OupZ!)ADut{* zP!x=2m-6zveVC-p%F z%nHT0OX+S!n}&NztKka0tG+O%S;6jWsT=H(uW0*UaPC3RKb-5b*Y*$Ra(`(5cbpq( zhYViH8cEcFIk0QuPBp*lVM+U?JxKf!Gb9V0f|rZ%V{5~#taw48AC5G)g=WZf=Iws^ zgy4|OtzUrRb*(|B-({dE7UL7V~3=UXR8_UT{rmCh@GdT-v zF}0B8TR}=@seMs+iPTDAAQ@k(vZ*k%SUGM|&n#`SybUQx{bQv$M>DgS(K5VH)L$Ni zUW!D1bH+k&pHu?22o3AUE<$Vg%_c%>>#b{_a{s8guu|~&7OZ?UYc`-2!-i`$sb=tvG_oaD}Y7gG8vP3VCGaH7@oxgts0|O%Y95`A_L~x|sSB>D6}666)cUl${NyNAmZy zrVr^z{qTb`MR!DeEes&(cs&k+Q5LnyaC=UPF1e+f>NXQpt5YVme+O7vnaHc+(7Ge~ zvn_!BjGtn`h)5xML%Em$%7q&c^esew1}6J`50lPLbFmejfRCcv-#g!B(!}}OTzi4QsncNG8Gr0O_~LOZuEow= zQqsraqQ?2U1X``gQ%e>!_Ft6LxcZ5Mt4Bk-740P~EUUgw)`bP-Irr+z@1>D++5cGEzMI5HfJ& z#O@?|cb!TkqJ3w*>!5BSd@~0riC2y_(9id2D-$W_X-yTRMQ9^UDR!{F+BU&c=S9w!M8%=)ubyRmcDO=!fv5K@7>P{=;T_o3AT> zutAM)@pg_SclIltU%v5WquzP<*zJC|pXqule@{c-N6a57KW|TG(WK43{G;<5f7xDk zM}Icg{INgnjel*g`eMJ^{+Hl%uQb-@?fJLO|7r98nDM^{Z!1~4T&rEliif?CB1|iGj?AuzKNlNji)=!LNIhQWfb0K;yLOE&#={UHOsW!65?Q*ZLif?Q)bJ7+TjsFN?va#-*|Q;YR7CE zfbFpWU^<0lCb03AV?a9kXME^-n5;Uj-iDfN{6`DS*e0?HGggwdI6LnC$Pt*S@nCLx z+~cC1QFFmpWE$UCW%O7CR|h$^-33tTnquT=h?Y`W=#I6PQhDJgRhH_w#Z4c(i=Msl zlLwmH*uWg-zXcZq==|)Aft@k1GX{3Xz|I)h83Q|GU}p^MjDejourmgB#=y=P*ck&m zV_;_t?Eb z2}*8{*T@y9k*??VEpC)0vg}KLcnZ5En3Y+qKKeA|2c7 zis=A&aE%`ryM7PblmsjQwMKna@#PxHUo*oItS^P4I{h~(zgJD4|sE9K!F{V zLDUDx&>?40j479=pmQ}!{MhQj8WNghmT}z>SVk@4{4VX*!hS!zMAFcdjOK>8Y+3t| zs7niYTCKl9=yYR@VdRfvURX;Ly6tm=KdRdYss!{zOmQZ zn@z`V9d7To_V(TYCs> zqqW;uf!A8Sz24q`<5)}W{Y`|qw6$y3?Csj_e!Fq7UfZ>|4|cb=_FB+<6Toh^HaEMs2x8wYC7tu7$-IcJ}L)7A9ePHTYj+zrD4IWHh!m_jlpd0V;R* zW!2a1y_RFwcH4W%kfq(N4aY)uLX9l~0`)dq3<|Q^)_Mer;QPT|O9Hf;t=c-k+QZ67 cq9|N66Ri1}pZS^J-{$ZC1Bx|vO8`s)0Lz+0>Hq)$ diff --git a/lib/reactjsPopup.browser.js b/lib/reactjsPopup.browser.js index ee12cbf..b2d3270 100644 --- a/lib/reactjsPopup.browser.js +++ b/lib/reactjsPopup.browser.js @@ -214,9 +214,9 @@ var Popup = function (_React$Component) { _this.ContentEl.style.top = cords.top - helper.top + "px"; _this.ContentEl.style.left = cords.left - helper.left + "px"; if (arrow) { - _this.ArrowEl.style['transform'] = cords.transform; - _this.ArrowEl.style['-ms-transform'] = cords.transform; - _this.ArrowEl.style['-webkit-transform'] = cords.transform; + _this.ArrowEl.style["transform"] = cords.transform; + _this.ArrowEl.style["-ms-transform"] = cords.transform; + _this.ArrowEl.style["-webkit-transform"] = cords.transform; _this.ArrowEl.style.top = cords.arrowTop; _this.ArrowEl.style.left = cords.arrowLeft; } @@ -240,7 +240,7 @@ var Popup = function (_React$Component) { e.stopPropagation(); } }; - if (!modal && on === "hover") { + if (!modal && on.includes("hover")) { childrenElementProps.onMouseEnter = _this.onMouseEnter; childrenElementProps.onMouseLeave = _this.onMouseLeave; } @@ -249,28 +249,36 @@ var Popup = function (_React$Component) { _this.renderTrigger = function () { var triggerProps = { key: "T" }; - var on = _this.props.on; + var _this$props3 = _this.props, + on = _this$props3.on, + trigger = _this$props3.trigger; triggerProps.ref = _this.setTriggerRef; - switch (on) { - case "click": - triggerProps.onClick = _this.togglePopup; - break; - case "hover": - triggerProps.onMouseEnter = _this.onMouseEnter; - triggerProps.onMouseLeave = _this.onMouseLeave; - case "focus": - triggerProps.onFocus = _this.onMouseEnter; - break; + var onAsArray = Array.isArray(on) ? on : [on]; + for (var i = 0, len = onAsArray.length; i < len; i++) { + switch (onAsArray[i]) { + case "click": + triggerProps.onClick = _this.togglePopup; + break; + case "hover": + triggerProps.onMouseEnter = _this.onMouseEnter; + triggerProps.onMouseLeave = _this.onMouseLeave; + case "focus": + triggerProps.onFocus = _this.onMouseEnter; + break; + } } - return React.cloneElement(_this.props.trigger, triggerProps); + + if (typeof trigger === "function") return React.cloneElement(trigger(_this.state.isOpen), triggerProps); + + return React.cloneElement(trigger, triggerProps); }; _this.renderContent = function () { - var _this$props3 = _this.props, - arrow = _this$props3.arrow, - modal = _this$props3.modal, - arrowStyle = _this$props3.arrowStyle; + var _this$props4 = _this.props, + arrow = _this$props4.arrow, + modal = _this$props4.modal, + arrowStyle = _this$props4.arrowStyle; return React.createElement( "div", @@ -349,7 +357,7 @@ Popup.defaultProps = { onClose: function onClose() {}, closeOnDocumentClick: false, defaultOpen: false, - on: "click", + on: ["click"], contentStyle: {}, arrowStyle: {}, overlayStyle: {}, diff --git a/lib/reactjsPopup.browser.js.map b/lib/reactjsPopup.browser.js.map index 9adb9d0..63b9926 100644 --- a/lib/reactjsPopup.browser.js.map +++ b/lib/reactjsPopup.browser.js.map @@ -1 +1 @@ -{"version":3,"file":"reactjsPopup.browser.js","sources":["../src/Utils.js","../src/popup.css.js","../src/Popup.js"],"sourcesContent":["/* Algo to calculate position \n 1. center position for popup content : the center of the trigger will be the center of the content content\n so the popup content position will be like this :\n top => the y of the center for the trigger element : trigger.top + trigger.height/2\n left => the x of the center for the trigger element : trigger.left + trigger.width/2\n\n 2. translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n we need to handle the first argument in the position: 'left' => that's mean we need to translate the popup content according to the X axis by - content.width/2\n \n 3.translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n the second argument 'top' => translate popup content by + content.height*4/5\n\n*/\n\nexport default function calculatePosition(\n triggerBounding,\n ContentBounding,\n position,\n arrow,\n offset\n) {\n const style = {};\n const margin = arrow ? 8 : 0;\n const totalMargin = margin + offset;\n const args = position.split(\" \");\n // the step N 1 : center the popup content => ok\n const CenterTop = triggerBounding.top + triggerBounding.height / 2;\n const CenterLeft = triggerBounding.left + triggerBounding.width / 2;\n const { height, width } = ContentBounding;\n let top = CenterTop - height / 2;\n let left = CenterLeft - width / 2;\n let transform = \"\";\n let arrowTop = \"0%\";\n let arrowLeft = \"0%\";\n // the step N 2 : => ok\n switch (args[0]) {\n case \"top\":\n top -= height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(45deg)`;\n arrowTop = \"100%\";\n arrowLeft = \"50%\";\n break;\n case \"bottom\":\n top += height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(225deg)`;\n arrowLeft = \"50%\";\n break;\n case \"left\":\n left -= width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = ` rotate(-45deg)`;\n arrowLeft = \"100%\";\n arrowTop = \"50%\";\n break;\n case \"right\":\n left += width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = `rotate(135deg)`;\n arrowTop = \"50%\";\n\n break;\n }\n switch (args[1]) {\n case \"top\":\n top = triggerBounding.top;\n arrowTop = triggerBounding.height / 2 + \"px\";\n break;\n case \"bottom\":\n top = triggerBounding.top - height + triggerBounding.height;\n arrowTop = height - triggerBounding.height / 2 + \"px\";\n break;\n case \"left\":\n left = triggerBounding.left;\n arrowLeft = triggerBounding.width / 2 + \"px\";\n break;\n case \"right\":\n left = triggerBounding.left - width + triggerBounding.width;\n arrowLeft = width - triggerBounding.width / 2 + \"px\";\n break;\n }\n\n return { top, left, transform, arrowLeft, arrowTop };\n}\n","export default {\n popupContent: {\n tooltip: {\n position: \"absolute\",\n zIndex: \"2\",\n width: \"200px\",\n background: `rgb(255, 255, 255)`,\n border: `1px solid rgb(187, 187, 187)`,\n boxShadow: `rgba(0, 0, 0, 0.2) 0px 1px 3px`,\n padding: \"5px\"\n },\n modal: {\n position: \"relative\",\n background: `rgb(255, 255, 255)`,\n width: \"50%\",\n margin: \"auto\",\n border: `1px solid rgb(187, 187, 187)`,\n padding: \"5px\"\n }\n },\n popupArrow: {\n height: \"10px\",\n width: \"10px\",\n position: \"absolute\",\n background: \"rgb(255, 255, 255)\",\n transform: \"rotate(45deg)\",\n margin: \"-5px\",\n zIndex: \"-1\",\n boxShadow: \"rgba(0, 0, 0, 0.2) 1px 1px 1px\"\n },\n overlay: {\n tooltip: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\"\n },\n modal: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n background: `rgba(0, 0, 0,0.5)`,\n display: \"flex\",\n zIndex: \"999\"\n }\n }\n};\n","import React from \"react\";\nimport calculatePosition from \"./Utils\";\n\nimport styles from \"./popup.css.js\";\n\nexport default class Popup extends React.Component {\n static defaultProps = {\n children: () => Your Content Here !!,\n onOpen: () => {},\n onClose: () => {},\n closeOnDocumentClick: false,\n defaultOpen: false,\n on: \"click\",\n contentStyle: {},\n arrowStyle: {},\n overlayStyle: {},\n className: \"\",\n position: \"bottom center\",\n modal: false,\n arrow: true,\n offset: 0,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100\n };\n state = {\n isOpen: this.props.defaultOpen\n };\n\n constructor(props) {\n super(props);\n this.setTriggerRef = r => (this.TriggerEl = r);\n this.setContentRef = r => (this.ContentEl = r);\n this.setArrowRef = r => (this.ArrowEl = r);\n this.setHelperRef = r => (this.HelperEl = r);\n this.timeOut = 0;\n }\n\n componentDidMount() {\n if (this.props.defaultOpen) this.setPosition();\n }\n componentWillUnmount() {\n clearTimeout(this.timeOut);\n }\n\n togglePopup = () => {\n this.setState(\n prevState => ({\n isOpen: !prevState.isOpen\n }),\n () => this.state.isOpen && this.setPosition()\n );\n };\n openPopup = () => {\n if (this.state.isOpen) return;\n this.setState({ isOpen: true }, () => {\n this.setPosition();\n this.props.onOpen();\n });\n };\n closePopup = () => {\n if (!this.state.isOpen) return;\n this.setState({ isOpen: false }, this.props.onClose());\n };\n onMouseEnter = () => {\n clearTimeout(this.timeOut);\n const { mouseEnterDelay } = this.props;\n this.timeOut = setTimeout(() => this.openPopup(), mouseEnterDelay);\n };\n onMouseLeave = () => {\n clearTimeout(this.timeOut);\n const { mouseLeaveDelay } = this.props;\n this.timeOut = setTimeout(() => this.closePopup(), mouseLeaveDelay);\n };\n\n setPosition = () => {\n const { modal, arrow, position, offset } = this.props;\n if (modal) return;\n const helper = this.HelperEl.getBoundingClientRect();\n const trigger = this.TriggerEl.getBoundingClientRect();\n const content = this.ContentEl.getBoundingClientRect();\n const cords = calculatePosition(trigger, content, position, arrow, offset);\n this.ContentEl.style.top = cords.top - helper.top + \"px\";\n this.ContentEl.style.left = cords.left - helper.left + \"px\";\n if (arrow) {\n this.ArrowEl.style['transform']= cords.transform;\n this.ArrowEl.style['-ms-transform']= cords.transform;\n this.ArrowEl.style['-webkit-transform']= cords.transform;\n this.ArrowEl.style.top = cords.arrowTop;\n this.ArrowEl.style.left = cords.arrowLeft;\n }\n if (\n this.TriggerEl.style.position == \"static\" ||\n this.TriggerEl.style.position == \"\"\n )\n this.TriggerEl.style.position = \"relative\";\n };\n\n addWarperAction = () => {\n const { contentStyle, className, modal, on } = this.props;\n const popupContentStyle = modal\n ? styles.popupContent.modal\n : styles.popupContent.tooltip;\n\n const childrenElementProps = {\n className: `popup-content ${className}`,\n style: Object.assign({}, popupContentStyle, contentStyle),\n ref: this.setContentRef,\n onClick: e => {\n e.stopPropagation();\n }\n };\n if (!modal && on === \"hover\") {\n childrenElementProps.onMouseEnter = this.onMouseEnter;\n childrenElementProps.onMouseLeave = this.onMouseLeave;\n }\n return childrenElementProps;\n };\n renderTrigger = () => {\n const triggerProps = { key: \"T\" };\n const { on } = this.props;\n triggerProps.ref = this.setTriggerRef;\n switch (on) {\n case \"click\":\n triggerProps.onClick = this.togglePopup;\n break;\n case \"hover\":\n triggerProps.onMouseEnter = this.onMouseEnter;\n triggerProps.onMouseLeave = this.onMouseLeave;\n case \"focus\":\n triggerProps.onFocus = this.onMouseEnter;\n break;\n }\n return React.cloneElement(this.props.trigger, triggerProps);\n };\n\n renderContent = () => {\n const { arrow, modal, arrowStyle } = this.props;\n return (\n
\n {arrow &&\n !modal && (\n \n )}\n {typeof this.props.children === \"function\"\n ? this.props.children(this.closePopup, this.state.isOpen)\n : this.props.children}\n
\n );\n };\n\n render() {\n const { modal, overlayStyle } = this.props;\n const ovStyle = modal ? styles.overlay.modal : styles.overlay.tooltip;\n return [\n ,\n this.state.isOpen && (\n \n {modal && this.renderContent()}\n
\n ),\n this.state.isOpen && !modal && this.renderContent(),\n this.renderTrigger()\n ];\n }\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n const PropTypes = require(\"prop-types\");\n\n Popup.propTypes = {\n arrowStyle: PropTypes.object,\n contentStyle: PropTypes.object,\n overlayStyle: PropTypes.object,\n className: PropTypes.string,\n modal: PropTypes.bool,\n closeOnDocumentClick: PropTypes.bool,\n offset: PropTypes.number,\n mouseEnterDelay: PropTypes.number,\n mouseLeaveDelay: PropTypes.number,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n trigger: PropTypes.element.isRequired,\n on: PropTypes.oneOf([\"hover\", \"click\", \"focus\"]),\n children: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.element,\n PropTypes.string\n ]).isRequired,\n position: PropTypes.oneOf([\n \"top left\",\n \"top center\",\n \"top right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\",\n \"right top\",\n \"right center\",\n \"right bottom\",\n \"left top\",\n \"left center\",\n \"left bottom\"\n ])\n };\n}\n"],"names":["calculatePosition","triggerBounding","ContentBounding","position","arrow","offset","margin","totalMargin","args","split","CenterTop","top","height","CenterLeft","left","width","transform","arrowTop","arrowLeft","Popup","props","state","defaultOpen","togglePopup","setState","prevState","isOpen","setPosition","openPopup","onOpen","closePopup","onClose","onMouseEnter","timeOut","mouseEnterDelay","setTimeout","onMouseLeave","mouseLeaveDelay","modal","helper","HelperEl","getBoundingClientRect","trigger","TriggerEl","content","ContentEl","cords","style","ArrowEl","addWarperAction","contentStyle","className","on","popupContentStyle","styles","popupContent","tooltip","childrenElementProps","Object","assign","setContentRef","stopPropagation","renderTrigger","triggerProps","key","ref","setTriggerRef","onClick","onFocus","React","cloneElement","renderContent","arrowStyle","setArrowRef","popupArrow","children","r","setHelperRef","overlayStyle","ovStyle","overlay","closeOnDocumentClick","undefined","Component","defaultProps"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"reactjsPopup.browser.js","sources":["../src/Utils.js","../src/popup.css.js","../src/Popup.js"],"sourcesContent":["/* Algo to calculate position \n 1. center position for popup content : the center of the trigger will be the center of the content content\n so the popup content position will be like this :\n top => the y of the center for the trigger element : trigger.top + trigger.height/2\n left => the x of the center for the trigger element : trigger.left + trigger.width/2\n\n 2. translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n we need to handle the first argument in the position: 'left' => that's mean we need to translate the popup content according to the X axis by - content.width/2\n \n 3.translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n the second argument 'top' => translate popup content by + content.height*4/5\n\n*/\n\nexport default function calculatePosition(\n triggerBounding,\n ContentBounding,\n position,\n arrow,\n offset\n) {\n const style = {};\n const margin = arrow ? 8 : 0;\n const totalMargin = margin + offset;\n const args = position.split(\" \");\n // the step N 1 : center the popup content => ok\n const CenterTop = triggerBounding.top + triggerBounding.height / 2;\n const CenterLeft = triggerBounding.left + triggerBounding.width / 2;\n const { height, width } = ContentBounding;\n let top = CenterTop - height / 2;\n let left = CenterLeft - width / 2;\n let transform = \"\";\n let arrowTop = \"0%\";\n let arrowLeft = \"0%\";\n // the step N 2 : => ok\n switch (args[0]) {\n case \"top\":\n top -= height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(45deg)`;\n arrowTop = \"100%\";\n arrowLeft = \"50%\";\n break;\n case \"bottom\":\n top += height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(225deg)`;\n arrowLeft = \"50%\";\n break;\n case \"left\":\n left -= width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = ` rotate(-45deg)`;\n arrowLeft = \"100%\";\n arrowTop = \"50%\";\n break;\n case \"right\":\n left += width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = `rotate(135deg)`;\n arrowTop = \"50%\";\n\n break;\n }\n switch (args[1]) {\n case \"top\":\n top = triggerBounding.top;\n arrowTop = triggerBounding.height / 2 + \"px\";\n break;\n case \"bottom\":\n top = triggerBounding.top - height + triggerBounding.height;\n arrowTop = height - triggerBounding.height / 2 + \"px\";\n break;\n case \"left\":\n left = triggerBounding.left;\n arrowLeft = triggerBounding.width / 2 + \"px\";\n break;\n case \"right\":\n left = triggerBounding.left - width + triggerBounding.width;\n arrowLeft = width - triggerBounding.width / 2 + \"px\";\n break;\n }\n\n return { top, left, transform, arrowLeft, arrowTop };\n}\n","export default {\n popupContent: {\n tooltip: {\n position: \"absolute\",\n zIndex: \"2\",\n width: \"200px\",\n background: `rgb(255, 255, 255)`,\n border: `1px solid rgb(187, 187, 187)`,\n boxShadow: `rgba(0, 0, 0, 0.2) 0px 1px 3px`,\n padding: \"5px\"\n },\n modal: {\n position: \"relative\",\n background: `rgb(255, 255, 255)`,\n width: \"50%\",\n margin: \"auto\",\n border: `1px solid rgb(187, 187, 187)`,\n padding: \"5px\"\n }\n },\n popupArrow: {\n height: \"10px\",\n width: \"10px\",\n position: \"absolute\",\n background: \"rgb(255, 255, 255)\",\n transform: \"rotate(45deg)\",\n margin: \"-5px\",\n zIndex: \"-1\",\n boxShadow: \"rgba(0, 0, 0, 0.2) 1px 1px 1px\"\n },\n overlay: {\n tooltip: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\"\n },\n modal: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n background: `rgba(0, 0, 0,0.5)`,\n display: \"flex\",\n zIndex: \"999\"\n }\n }\n};\n","import React from \"react\";\nimport calculatePosition from \"./Utils\";\n\nimport styles from \"./popup.css.js\";\n\nexport default class Popup extends React.Component {\n static defaultProps = {\n children: () => Your Content Here !!,\n onOpen: () => {},\n onClose: () => {},\n closeOnDocumentClick: false,\n defaultOpen: false,\n on: [\"click\"],\n contentStyle: {},\n arrowStyle: {},\n overlayStyle: {},\n className: \"\",\n position: \"bottom center\",\n modal: false,\n arrow: true,\n offset: 0,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100\n };\n state = {\n isOpen: this.props.defaultOpen\n };\n\n constructor(props) {\n super(props);\n this.setTriggerRef = r => (this.TriggerEl = r);\n this.setContentRef = r => (this.ContentEl = r);\n this.setArrowRef = r => (this.ArrowEl = r);\n this.setHelperRef = r => (this.HelperEl = r);\n this.timeOut = 0;\n }\n\n componentDidMount() {\n if (this.props.defaultOpen) this.setPosition();\n }\n componentWillUnmount() {\n clearTimeout(this.timeOut);\n }\n\n togglePopup = () => {\n this.setState(\n prevState => ({\n isOpen: !prevState.isOpen\n }),\n () => this.state.isOpen && this.setPosition()\n );\n };\n openPopup = () => {\n if (this.state.isOpen) return;\n this.setState({ isOpen: true }, () => {\n this.setPosition();\n this.props.onOpen();\n });\n };\n closePopup = () => {\n if (!this.state.isOpen) return;\n this.setState({ isOpen: false }, this.props.onClose());\n };\n onMouseEnter = () => {\n clearTimeout(this.timeOut);\n const { mouseEnterDelay } = this.props;\n this.timeOut = setTimeout(() => this.openPopup(), mouseEnterDelay);\n };\n onMouseLeave = () => {\n clearTimeout(this.timeOut);\n const { mouseLeaveDelay } = this.props;\n this.timeOut = setTimeout(() => this.closePopup(), mouseLeaveDelay);\n };\n\n setPosition = () => {\n const { modal, arrow, position, offset } = this.props;\n if (modal) return;\n const helper = this.HelperEl.getBoundingClientRect();\n const trigger = this.TriggerEl.getBoundingClientRect();\n const content = this.ContentEl.getBoundingClientRect();\n const cords = calculatePosition(trigger, content, position, arrow, offset);\n this.ContentEl.style.top = cords.top - helper.top + \"px\";\n this.ContentEl.style.left = cords.left - helper.left + \"px\";\n if (arrow) {\n this.ArrowEl.style[\"transform\"] = cords.transform;\n this.ArrowEl.style[\"-ms-transform\"] = cords.transform;\n this.ArrowEl.style[\"-webkit-transform\"] = cords.transform;\n this.ArrowEl.style.top = cords.arrowTop;\n this.ArrowEl.style.left = cords.arrowLeft;\n }\n if (\n this.TriggerEl.style.position == \"static\" ||\n this.TriggerEl.style.position == \"\"\n )\n this.TriggerEl.style.position = \"relative\";\n };\n\n addWarperAction = () => {\n const { contentStyle, className, modal, on } = this.props;\n const popupContentStyle = modal\n ? styles.popupContent.modal\n : styles.popupContent.tooltip;\n\n const childrenElementProps = {\n className: `popup-content ${className}`,\n style: Object.assign({}, popupContentStyle, contentStyle),\n ref: this.setContentRef,\n onClick: e => {\n e.stopPropagation();\n }\n };\n if (!modal && on.includes(\"hover\")) {\n childrenElementProps.onMouseEnter = this.onMouseEnter;\n childrenElementProps.onMouseLeave = this.onMouseLeave;\n }\n return childrenElementProps;\n };\n renderTrigger = () => {\n const triggerProps = { key: \"T\" };\n const { on, trigger } = this.props;\n triggerProps.ref = this.setTriggerRef;\n const onAsArray = Array.isArray(on) ? on : [on];\n for (let i = 0, len = onAsArray.length; i < len; i++) {\n switch (onAsArray[i]) {\n case \"click\":\n triggerProps.onClick = this.togglePopup;\n break;\n case \"hover\":\n triggerProps.onMouseEnter = this.onMouseEnter;\n triggerProps.onMouseLeave = this.onMouseLeave;\n case \"focus\":\n triggerProps.onFocus = this.onMouseEnter;\n break;\n }\n }\n\n if (typeof trigger === \"function\")\n return React.cloneElement(trigger(this.state.isOpen), triggerProps);\n\n return React.cloneElement(trigger, triggerProps);\n };\n\n renderContent = () => {\n const { arrow, modal, arrowStyle } = this.props;\n return (\n
\n {arrow &&\n !modal && (\n \n )}\n {typeof this.props.children === \"function\"\n ? this.props.children(this.closePopup, this.state.isOpen)\n : this.props.children}\n
\n );\n };\n\n render() {\n const { modal, overlayStyle } = this.props;\n const ovStyle = modal ? styles.overlay.modal : styles.overlay.tooltip;\n return [\n ,\n this.state.isOpen && (\n \n {modal && this.renderContent()}\n
\n ),\n this.state.isOpen && !modal && this.renderContent(),\n this.renderTrigger()\n ];\n }\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n const PropTypes = require(\"prop-types\");\n\n Popup.propTypes = {\n arrowStyle: PropTypes.object,\n contentStyle: PropTypes.object,\n overlayStyle: PropTypes.object,\n className: PropTypes.string,\n modal: PropTypes.bool,\n closeOnDocumentClick: PropTypes.bool,\n offset: PropTypes.number,\n mouseEnterDelay: PropTypes.number,\n mouseLeaveDelay: PropTypes.number,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n trigger: PropTypes.oneOfType([PropTypes.func, PropTypes.element])\n .isRequired,\n on: PropTypes.oneOfType([\n PropTypes.oneOf([\"hover\", \"click\", \"focus\"]),\n PropTypes.arrayOf(PropTypes.oneOf([\"hover\", \"click\", \"focus\"]))\n ]),\n children: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.element,\n PropTypes.string\n ]).isRequired,\n position: PropTypes.oneOf([\n \"top left\",\n \"top center\",\n \"top right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\",\n \"right top\",\n \"right center\",\n \"right bottom\",\n \"left top\",\n \"left center\",\n \"left bottom\"\n ])\n };\n}\n"],"names":["calculatePosition","triggerBounding","ContentBounding","position","arrow","offset","margin","totalMargin","args","split","CenterTop","top","height","CenterLeft","left","width","transform","arrowTop","arrowLeft","Popup","props","state","defaultOpen","togglePopup","setState","prevState","isOpen","setPosition","openPopup","onOpen","closePopup","onClose","onMouseEnter","timeOut","mouseEnterDelay","setTimeout","onMouseLeave","mouseLeaveDelay","modal","helper","HelperEl","getBoundingClientRect","trigger","TriggerEl","content","ContentEl","cords","style","ArrowEl","addWarperAction","contentStyle","className","on","popupContentStyle","styles","popupContent","tooltip","childrenElementProps","Object","assign","setContentRef","stopPropagation","includes","renderTrigger","triggerProps","key","ref","setTriggerRef","onAsArray","Array","isArray","i","len","length","onClick","onFocus","React","cloneElement","renderContent","arrowStyle","setArrowRef","popupArrow","children","r","setHelperRef","overlayStyle","ovStyle","overlay","closeOnDocumentClick","undefined","Component","defaultProps"],"mappings":"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"} \ No newline at end of file diff --git a/lib/reactjsPopup.es.js b/lib/reactjsPopup.es.js index 58493dd..82c0caf 100644 --- a/lib/reactjsPopup.es.js +++ b/lib/reactjsPopup.es.js @@ -280,9 +280,9 @@ var Popup = function (_React$Component) { _this.ContentEl.style.top = cords.top - helper.top + "px"; _this.ContentEl.style.left = cords.left - helper.left + "px"; if (arrow) { - _this.ArrowEl.style['transform'] = cords.transform; - _this.ArrowEl.style['-ms-transform'] = cords.transform; - _this.ArrowEl.style['-webkit-transform'] = cords.transform; + _this.ArrowEl.style["transform"] = cords.transform; + _this.ArrowEl.style["-ms-transform"] = cords.transform; + _this.ArrowEl.style["-webkit-transform"] = cords.transform; _this.ArrowEl.style.top = cords.arrowTop; _this.ArrowEl.style.left = cords.arrowLeft; } @@ -306,7 +306,7 @@ var Popup = function (_React$Component) { e.stopPropagation(); } }; - if (!modal && on === "hover") { + if (!modal && on.includes("hover")) { childrenElementProps.onMouseEnter = _this.onMouseEnter; childrenElementProps.onMouseLeave = _this.onMouseLeave; } @@ -315,28 +315,36 @@ var Popup = function (_React$Component) { _this.renderTrigger = function () { var triggerProps = { key: "T" }; - var on = _this.props.on; + var _this$props3 = _this.props, + on = _this$props3.on, + trigger = _this$props3.trigger; triggerProps.ref = _this.setTriggerRef; - switch (on) { - case "click": - triggerProps.onClick = _this.togglePopup; - break; - case "hover": - triggerProps.onMouseEnter = _this.onMouseEnter; - triggerProps.onMouseLeave = _this.onMouseLeave; - case "focus": - triggerProps.onFocus = _this.onMouseEnter; - break; + var onAsArray = Array.isArray(on) ? on : [on]; + for (var i = 0, len = onAsArray.length; i < len; i++) { + switch (onAsArray[i]) { + case "click": + triggerProps.onClick = _this.togglePopup; + break; + case "hover": + triggerProps.onMouseEnter = _this.onMouseEnter; + triggerProps.onMouseLeave = _this.onMouseLeave; + case "focus": + triggerProps.onFocus = _this.onMouseEnter; + break; + } } - return React.cloneElement(_this.props.trigger, triggerProps); + + if (typeof trigger === "function") return React.cloneElement(trigger(_this.state.isOpen), triggerProps); + + return React.cloneElement(trigger, triggerProps); }; _this.renderContent = function () { - var _this$props3 = _this.props, - arrow = _this$props3.arrow, - modal = _this$props3.modal, - arrowStyle = _this$props3.arrowStyle; + var _this$props4 = _this.props, + arrow = _this$props4.arrow, + modal = _this$props4.modal, + arrowStyle = _this$props4.arrowStyle; return React.createElement( "div", @@ -414,7 +422,7 @@ Popup.defaultProps = { onClose: function onClose() {}, closeOnDocumentClick: false, defaultOpen: false, - on: "click", + on: ["click"], contentStyle: {}, arrowStyle: {}, overlayStyle: {}, @@ -441,8 +449,8 @@ if (process.env.NODE_ENV !== "production") { mouseLeaveDelay: PropTypes.number, onOpen: PropTypes.func, onClose: PropTypes.func, - trigger: PropTypes.element.isRequired, - on: PropTypes.oneOf(["hover", "click", "focus"]), + trigger: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).isRequired, + on: PropTypes.oneOfType([PropTypes.oneOf(["hover", "click", "focus"]), PropTypes.arrayOf(PropTypes.oneOf(["hover", "click", "focus"]))]), children: PropTypes.oneOfType([PropTypes.func, PropTypes.element, PropTypes.string]).isRequired, position: PropTypes.oneOf(["top left", "top center", "top right", "bottom left", "bottom center", "bottom right", "right top", "right center", "right bottom", "left top", "left center", "left bottom"]) }; diff --git a/lib/reactjsPopup.es.js.map b/lib/reactjsPopup.es.js.map index ffa0cb6..0aece65 100644 --- a/lib/reactjsPopup.es.js.map +++ b/lib/reactjsPopup.es.js.map @@ -1 +1 @@ -{"version":3,"file":"reactjsPopup.es.js","sources":["../src/Utils.js","../src/popup.css.js","../src/Popup.js"],"sourcesContent":["/* Algo to calculate position \n 1. center position for popup content : the center of the trigger will be the center of the content content\n so the popup content position will be like this :\n top => the y of the center for the trigger element : trigger.top + trigger.height/2\n left => the x of the center for the trigger element : trigger.left + trigger.width/2\n\n 2. translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n we need to handle the first argument in the position: 'left' => that's mean we need to translate the popup content according to the X axis by - content.width/2\n \n 3.translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n the second argument 'top' => translate popup content by + content.height*4/5\n\n*/\n\nexport default function calculatePosition(\n triggerBounding,\n ContentBounding,\n position,\n arrow,\n offset\n) {\n const style = {};\n const margin = arrow ? 8 : 0;\n const totalMargin = margin + offset;\n const args = position.split(\" \");\n // the step N 1 : center the popup content => ok\n const CenterTop = triggerBounding.top + triggerBounding.height / 2;\n const CenterLeft = triggerBounding.left + triggerBounding.width / 2;\n const { height, width } = ContentBounding;\n let top = CenterTop - height / 2;\n let left = CenterLeft - width / 2;\n let transform = \"\";\n let arrowTop = \"0%\";\n let arrowLeft = \"0%\";\n // the step N 2 : => ok\n switch (args[0]) {\n case \"top\":\n top -= height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(45deg)`;\n arrowTop = \"100%\";\n arrowLeft = \"50%\";\n break;\n case \"bottom\":\n top += height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(225deg)`;\n arrowLeft = \"50%\";\n break;\n case \"left\":\n left -= width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = ` rotate(-45deg)`;\n arrowLeft = \"100%\";\n arrowTop = \"50%\";\n break;\n case \"right\":\n left += width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = `rotate(135deg)`;\n arrowTop = \"50%\";\n\n break;\n }\n switch (args[1]) {\n case \"top\":\n top = triggerBounding.top;\n arrowTop = triggerBounding.height / 2 + \"px\";\n break;\n case \"bottom\":\n top = triggerBounding.top - height + triggerBounding.height;\n arrowTop = height - triggerBounding.height / 2 + \"px\";\n break;\n case \"left\":\n left = triggerBounding.left;\n arrowLeft = triggerBounding.width / 2 + \"px\";\n break;\n case \"right\":\n left = triggerBounding.left - width + triggerBounding.width;\n arrowLeft = width - triggerBounding.width / 2 + \"px\";\n break;\n }\n\n return { top, left, transform, arrowLeft, arrowTop };\n}\n","export default {\n popupContent: {\n tooltip: {\n position: \"absolute\",\n zIndex: \"2\",\n width: \"200px\",\n background: `rgb(255, 255, 255)`,\n border: `1px solid rgb(187, 187, 187)`,\n boxShadow: `rgba(0, 0, 0, 0.2) 0px 1px 3px`,\n padding: \"5px\"\n },\n modal: {\n position: \"relative\",\n background: `rgb(255, 255, 255)`,\n width: \"50%\",\n margin: \"auto\",\n border: `1px solid rgb(187, 187, 187)`,\n padding: \"5px\"\n }\n },\n popupArrow: {\n height: \"10px\",\n width: \"10px\",\n position: \"absolute\",\n background: \"rgb(255, 255, 255)\",\n transform: \"rotate(45deg)\",\n margin: \"-5px\",\n zIndex: \"-1\",\n boxShadow: \"rgba(0, 0, 0, 0.2) 1px 1px 1px\"\n },\n overlay: {\n tooltip: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\"\n },\n modal: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n background: `rgba(0, 0, 0,0.5)`,\n display: \"flex\",\n zIndex: \"999\"\n }\n }\n};\n","import React from \"react\";\nimport calculatePosition from \"./Utils\";\n\nimport styles from \"./popup.css.js\";\n\nexport default class Popup extends React.Component {\n static defaultProps = {\n children: () => Your Content Here !!,\n onOpen: () => {},\n onClose: () => {},\n closeOnDocumentClick: false,\n defaultOpen: false,\n on: \"click\",\n contentStyle: {},\n arrowStyle: {},\n overlayStyle: {},\n className: \"\",\n position: \"bottom center\",\n modal: false,\n arrow: true,\n offset: 0,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100\n };\n state = {\n isOpen: this.props.defaultOpen\n };\n\n constructor(props) {\n super(props);\n this.setTriggerRef = r => (this.TriggerEl = r);\n this.setContentRef = r => (this.ContentEl = r);\n this.setArrowRef = r => (this.ArrowEl = r);\n this.setHelperRef = r => (this.HelperEl = r);\n this.timeOut = 0;\n }\n\n componentDidMount() {\n if (this.props.defaultOpen) this.setPosition();\n }\n componentWillUnmount() {\n clearTimeout(this.timeOut);\n }\n\n togglePopup = () => {\n this.setState(\n prevState => ({\n isOpen: !prevState.isOpen\n }),\n () => this.state.isOpen && this.setPosition()\n );\n };\n openPopup = () => {\n if (this.state.isOpen) return;\n this.setState({ isOpen: true }, () => {\n this.setPosition();\n this.props.onOpen();\n });\n };\n closePopup = () => {\n if (!this.state.isOpen) return;\n this.setState({ isOpen: false }, this.props.onClose());\n };\n onMouseEnter = () => {\n clearTimeout(this.timeOut);\n const { mouseEnterDelay } = this.props;\n this.timeOut = setTimeout(() => this.openPopup(), mouseEnterDelay);\n };\n onMouseLeave = () => {\n clearTimeout(this.timeOut);\n const { mouseLeaveDelay } = this.props;\n this.timeOut = setTimeout(() => this.closePopup(), mouseLeaveDelay);\n };\n\n setPosition = () => {\n const { modal, arrow, position, offset } = this.props;\n if (modal) return;\n const helper = this.HelperEl.getBoundingClientRect();\n const trigger = this.TriggerEl.getBoundingClientRect();\n const content = this.ContentEl.getBoundingClientRect();\n const cords = calculatePosition(trigger, content, position, arrow, offset);\n this.ContentEl.style.top = cords.top - helper.top + \"px\";\n this.ContentEl.style.left = cords.left - helper.left + \"px\";\n if (arrow) {\n this.ArrowEl.style['transform']= cords.transform;\n this.ArrowEl.style['-ms-transform']= cords.transform;\n this.ArrowEl.style['-webkit-transform']= cords.transform;\n this.ArrowEl.style.top = cords.arrowTop;\n this.ArrowEl.style.left = cords.arrowLeft;\n }\n if (\n this.TriggerEl.style.position == \"static\" ||\n this.TriggerEl.style.position == \"\"\n )\n this.TriggerEl.style.position = \"relative\";\n };\n\n addWarperAction = () => {\n const { contentStyle, className, modal, on } = this.props;\n const popupContentStyle = modal\n ? styles.popupContent.modal\n : styles.popupContent.tooltip;\n\n const childrenElementProps = {\n className: `popup-content ${className}`,\n style: Object.assign({}, popupContentStyle, contentStyle),\n ref: this.setContentRef,\n onClick: e => {\n e.stopPropagation();\n }\n };\n if (!modal && on === \"hover\") {\n childrenElementProps.onMouseEnter = this.onMouseEnter;\n childrenElementProps.onMouseLeave = this.onMouseLeave;\n }\n return childrenElementProps;\n };\n renderTrigger = () => {\n const triggerProps = { key: \"T\" };\n const { on } = this.props;\n triggerProps.ref = this.setTriggerRef;\n switch (on) {\n case \"click\":\n triggerProps.onClick = this.togglePopup;\n break;\n case \"hover\":\n triggerProps.onMouseEnter = this.onMouseEnter;\n triggerProps.onMouseLeave = this.onMouseLeave;\n case \"focus\":\n triggerProps.onFocus = this.onMouseEnter;\n break;\n }\n return React.cloneElement(this.props.trigger, triggerProps);\n };\n\n renderContent = () => {\n const { arrow, modal, arrowStyle } = this.props;\n return (\n
\n {arrow &&\n !modal && (\n \n )}\n {typeof this.props.children === \"function\"\n ? this.props.children(this.closePopup, this.state.isOpen)\n : this.props.children}\n
\n );\n };\n\n render() {\n const { modal, overlayStyle } = this.props;\n const ovStyle = modal ? styles.overlay.modal : styles.overlay.tooltip;\n return [\n ,\n this.state.isOpen && (\n \n {modal && this.renderContent()}\n
\n ),\n this.state.isOpen && !modal && this.renderContent(),\n this.renderTrigger()\n ];\n }\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n const PropTypes = require(\"prop-types\");\n\n Popup.propTypes = {\n arrowStyle: PropTypes.object,\n contentStyle: PropTypes.object,\n overlayStyle: PropTypes.object,\n className: PropTypes.string,\n modal: PropTypes.bool,\n closeOnDocumentClick: PropTypes.bool,\n offset: PropTypes.number,\n mouseEnterDelay: PropTypes.number,\n mouseLeaveDelay: PropTypes.number,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n trigger: PropTypes.element.isRequired,\n on: PropTypes.oneOf([\"hover\", \"click\", \"focus\"]),\n children: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.element,\n PropTypes.string\n ]).isRequired,\n position: PropTypes.oneOf([\n \"top left\",\n \"top center\",\n \"top right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\",\n \"right top\",\n \"right center\",\n \"right bottom\",\n \"left top\",\n \"left center\",\n \"left bottom\"\n ])\n };\n}\n"],"names":["calculatePosition","triggerBounding","ContentBounding","position","arrow","offset","margin","totalMargin","args","split","CenterTop","top","height","CenterLeft","left","width","transform","arrowTop","arrowLeft","Popup","props","state","defaultOpen","togglePopup","setState","prevState","isOpen","setPosition","openPopup","onOpen","closePopup","onClose","onMouseEnter","timeOut","mouseEnterDelay","setTimeout","onMouseLeave","mouseLeaveDelay","modal","helper","HelperEl","getBoundingClientRect","trigger","TriggerEl","content","ContentEl","cords","style","ArrowEl","addWarperAction","contentStyle","className","on","popupContentStyle","styles","popupContent","tooltip","childrenElementProps","Object","assign","setContentRef","stopPropagation","renderTrigger","triggerProps","key","ref","setTriggerRef","onClick","onFocus","React","cloneElement","renderContent","arrowStyle","setArrowRef","popupArrow","children","r","setHelperRef","overlayStyle","ovStyle","overlay","closeOnDocumentClick","undefined","Component","defaultProps","process","env","NODE_ENV","PropTypes","require","propTypes","object","string","bool","number","func","element","isRequired","oneOf","oneOfType"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"reactjsPopup.es.js","sources":["../src/Utils.js","../src/popup.css.js","../src/Popup.js"],"sourcesContent":["/* Algo to calculate position \n 1. center position for popup content : the center of the trigger will be the center of the content content\n so the popup content position will be like this :\n top => the y of the center for the trigger element : trigger.top + trigger.height/2\n left => the x of the center for the trigger element : trigger.left + trigger.width/2\n\n 2. translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n we need to handle the first argument in the position: 'left' => that's mean we need to translate the popup content according to the X axis by - content.width/2\n \n 3.translate position according to the first position attribute passed in the function argument \n for example :\n position = 'left top'\n the second argument 'top' => translate popup content by + content.height*4/5\n\n*/\n\nexport default function calculatePosition(\n triggerBounding,\n ContentBounding,\n position,\n arrow,\n offset\n) {\n const style = {};\n const margin = arrow ? 8 : 0;\n const totalMargin = margin + offset;\n const args = position.split(\" \");\n // the step N 1 : center the popup content => ok\n const CenterTop = triggerBounding.top + triggerBounding.height / 2;\n const CenterLeft = triggerBounding.left + triggerBounding.width / 2;\n const { height, width } = ContentBounding;\n let top = CenterTop - height / 2;\n let left = CenterLeft - width / 2;\n let transform = \"\";\n let arrowTop = \"0%\";\n let arrowLeft = \"0%\";\n // the step N 2 : => ok\n switch (args[0]) {\n case \"top\":\n top -= height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(45deg)`;\n arrowTop = \"100%\";\n arrowLeft = \"50%\";\n break;\n case \"bottom\":\n top += height / 2 + triggerBounding.height / 2 + totalMargin;\n transform = `rotate(225deg)`;\n arrowLeft = \"50%\";\n break;\n case \"left\":\n left -= width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = ` rotate(-45deg)`;\n arrowLeft = \"100%\";\n arrowTop = \"50%\";\n break;\n case \"right\":\n left += width / 2 + triggerBounding.width / 2 + totalMargin;\n transform = `rotate(135deg)`;\n arrowTop = \"50%\";\n\n break;\n }\n switch (args[1]) {\n case \"top\":\n top = triggerBounding.top;\n arrowTop = triggerBounding.height / 2 + \"px\";\n break;\n case \"bottom\":\n top = triggerBounding.top - height + triggerBounding.height;\n arrowTop = height - triggerBounding.height / 2 + \"px\";\n break;\n case \"left\":\n left = triggerBounding.left;\n arrowLeft = triggerBounding.width / 2 + \"px\";\n break;\n case \"right\":\n left = triggerBounding.left - width + triggerBounding.width;\n arrowLeft = width - triggerBounding.width / 2 + \"px\";\n break;\n }\n\n return { top, left, transform, arrowLeft, arrowTop };\n}\n","export default {\n popupContent: {\n tooltip: {\n position: \"absolute\",\n zIndex: \"2\",\n width: \"200px\",\n background: `rgb(255, 255, 255)`,\n border: `1px solid rgb(187, 187, 187)`,\n boxShadow: `rgba(0, 0, 0, 0.2) 0px 1px 3px`,\n padding: \"5px\"\n },\n modal: {\n position: \"relative\",\n background: `rgb(255, 255, 255)`,\n width: \"50%\",\n margin: \"auto\",\n border: `1px solid rgb(187, 187, 187)`,\n padding: \"5px\"\n }\n },\n popupArrow: {\n height: \"10px\",\n width: \"10px\",\n position: \"absolute\",\n background: \"rgb(255, 255, 255)\",\n transform: \"rotate(45deg)\",\n margin: \"-5px\",\n zIndex: \"-1\",\n boxShadow: \"rgba(0, 0, 0, 0.2) 1px 1px 1px\"\n },\n overlay: {\n tooltip: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\"\n },\n modal: {\n position: \"fixed\",\n top: \"0\",\n bottom: \"0\",\n left: \"0\",\n right: \"0\",\n background: `rgba(0, 0, 0,0.5)`,\n display: \"flex\",\n zIndex: \"999\"\n }\n }\n};\n","import React from \"react\";\nimport calculatePosition from \"./Utils\";\n\nimport styles from \"./popup.css.js\";\n\nexport default class Popup extends React.Component {\n static defaultProps = {\n children: () => Your Content Here !!,\n onOpen: () => {},\n onClose: () => {},\n closeOnDocumentClick: false,\n defaultOpen: false,\n on: [\"click\"],\n contentStyle: {},\n arrowStyle: {},\n overlayStyle: {},\n className: \"\",\n position: \"bottom center\",\n modal: false,\n arrow: true,\n offset: 0,\n mouseEnterDelay: 100,\n mouseLeaveDelay: 100\n };\n state = {\n isOpen: this.props.defaultOpen\n };\n\n constructor(props) {\n super(props);\n this.setTriggerRef = r => (this.TriggerEl = r);\n this.setContentRef = r => (this.ContentEl = r);\n this.setArrowRef = r => (this.ArrowEl = r);\n this.setHelperRef = r => (this.HelperEl = r);\n this.timeOut = 0;\n }\n\n componentDidMount() {\n if (this.props.defaultOpen) this.setPosition();\n }\n componentWillUnmount() {\n clearTimeout(this.timeOut);\n }\n\n togglePopup = () => {\n this.setState(\n prevState => ({\n isOpen: !prevState.isOpen\n }),\n () => this.state.isOpen && this.setPosition()\n );\n };\n openPopup = () => {\n if (this.state.isOpen) return;\n this.setState({ isOpen: true }, () => {\n this.setPosition();\n this.props.onOpen();\n });\n };\n closePopup = () => {\n if (!this.state.isOpen) return;\n this.setState({ isOpen: false }, this.props.onClose());\n };\n onMouseEnter = () => {\n clearTimeout(this.timeOut);\n const { mouseEnterDelay } = this.props;\n this.timeOut = setTimeout(() => this.openPopup(), mouseEnterDelay);\n };\n onMouseLeave = () => {\n clearTimeout(this.timeOut);\n const { mouseLeaveDelay } = this.props;\n this.timeOut = setTimeout(() => this.closePopup(), mouseLeaveDelay);\n };\n\n setPosition = () => {\n const { modal, arrow, position, offset } = this.props;\n if (modal) return;\n const helper = this.HelperEl.getBoundingClientRect();\n const trigger = this.TriggerEl.getBoundingClientRect();\n const content = this.ContentEl.getBoundingClientRect();\n const cords = calculatePosition(trigger, content, position, arrow, offset);\n this.ContentEl.style.top = cords.top - helper.top + \"px\";\n this.ContentEl.style.left = cords.left - helper.left + \"px\";\n if (arrow) {\n this.ArrowEl.style[\"transform\"] = cords.transform;\n this.ArrowEl.style[\"-ms-transform\"] = cords.transform;\n this.ArrowEl.style[\"-webkit-transform\"] = cords.transform;\n this.ArrowEl.style.top = cords.arrowTop;\n this.ArrowEl.style.left = cords.arrowLeft;\n }\n if (\n this.TriggerEl.style.position == \"static\" ||\n this.TriggerEl.style.position == \"\"\n )\n this.TriggerEl.style.position = \"relative\";\n };\n\n addWarperAction = () => {\n const { contentStyle, className, modal, on } = this.props;\n const popupContentStyle = modal\n ? styles.popupContent.modal\n : styles.popupContent.tooltip;\n\n const childrenElementProps = {\n className: `popup-content ${className}`,\n style: Object.assign({}, popupContentStyle, contentStyle),\n ref: this.setContentRef,\n onClick: e => {\n e.stopPropagation();\n }\n };\n if (!modal && on.includes(\"hover\")) {\n childrenElementProps.onMouseEnter = this.onMouseEnter;\n childrenElementProps.onMouseLeave = this.onMouseLeave;\n }\n return childrenElementProps;\n };\n renderTrigger = () => {\n const triggerProps = { key: \"T\" };\n const { on, trigger } = this.props;\n triggerProps.ref = this.setTriggerRef;\n const onAsArray = Array.isArray(on) ? on : [on];\n for (let i = 0, len = onAsArray.length; i < len; i++) {\n switch (onAsArray[i]) {\n case \"click\":\n triggerProps.onClick = this.togglePopup;\n break;\n case \"hover\":\n triggerProps.onMouseEnter = this.onMouseEnter;\n triggerProps.onMouseLeave = this.onMouseLeave;\n case \"focus\":\n triggerProps.onFocus = this.onMouseEnter;\n break;\n }\n }\n\n if (typeof trigger === \"function\")\n return React.cloneElement(trigger(this.state.isOpen), triggerProps);\n\n return React.cloneElement(trigger, triggerProps);\n };\n\n renderContent = () => {\n const { arrow, modal, arrowStyle } = this.props;\n return (\n
\n {arrow &&\n !modal && (\n \n )}\n {typeof this.props.children === \"function\"\n ? this.props.children(this.closePopup, this.state.isOpen)\n : this.props.children}\n
\n );\n };\n\n render() {\n const { modal, overlayStyle } = this.props;\n const ovStyle = modal ? styles.overlay.modal : styles.overlay.tooltip;\n return [\n ,\n this.state.isOpen && (\n \n {modal && this.renderContent()}\n
\n ),\n this.state.isOpen && !modal && this.renderContent(),\n this.renderTrigger()\n ];\n }\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n const PropTypes = require(\"prop-types\");\n\n Popup.propTypes = {\n arrowStyle: PropTypes.object,\n contentStyle: PropTypes.object,\n overlayStyle: PropTypes.object,\n className: PropTypes.string,\n modal: PropTypes.bool,\n closeOnDocumentClick: PropTypes.bool,\n offset: PropTypes.number,\n mouseEnterDelay: PropTypes.number,\n mouseLeaveDelay: PropTypes.number,\n onOpen: PropTypes.func,\n onClose: PropTypes.func,\n trigger: PropTypes.oneOfType([PropTypes.func, PropTypes.element])\n .isRequired,\n on: PropTypes.oneOfType([\n PropTypes.oneOf([\"hover\", \"click\", \"focus\"]),\n PropTypes.arrayOf(PropTypes.oneOf([\"hover\", \"click\", \"focus\"]))\n ]),\n children: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.element,\n PropTypes.string\n ]).isRequired,\n position: PropTypes.oneOf([\n \"top left\",\n \"top center\",\n \"top right\",\n \"bottom left\",\n \"bottom center\",\n \"bottom right\",\n \"right top\",\n \"right center\",\n \"right bottom\",\n \"left top\",\n \"left center\",\n \"left bottom\"\n ])\n };\n}\n"],"names":["calculatePosition","triggerBounding","ContentBounding","position","arrow","offset","margin","totalMargin","args","split","CenterTop","top","height","CenterLeft","left","width","transform","arrowTop","arrowLeft","Popup","props","state","defaultOpen","togglePopup","setState","prevState","isOpen","setPosition","openPopup","onOpen","closePopup","onClose","onMouseEnter","timeOut","mouseEnterDelay","setTimeout","onMouseLeave","mouseLeaveDelay","modal","helper","HelperEl","getBoundingClientRect","trigger","TriggerEl","content","ContentEl","cords","style","ArrowEl","addWarperAction","contentStyle","className","on","popupContentStyle","styles","popupContent","tooltip","childrenElementProps","Object","assign","setContentRef","stopPropagation","includes","renderTrigger","triggerProps","key","ref","setTriggerRef","onAsArray","Array","isArray","i","len","length","onClick","onFocus","React","cloneElement","renderContent","arrowStyle","setArrowRef","popupArrow","children","r","setHelperRef","overlayStyle","ovStyle","overlay","closeOnDocumentClick","undefined","Component","defaultProps","process","env","NODE_ENV","PropTypes","require","propTypes","object","string","bool","number","func","oneOfType","element","isRequired","oneOf","arrayOf"],"mappings":"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"} \ No newline at end of file diff --git a/package.json b/package.json index 9a73d8c..8025dc3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "reactjs-popup", - "version": "1.0.1", + "version": "1.0.2", "description": "React Popup Component", "main": "reactjsPopup.es.js", "module": "reactjsPopup.es.js", @@ -31,6 +31,7 @@ "babel-preset-env": "^1.6.1", "babel-preset-react": "^6.24.1", "cross-env": "^5.1.1", + "del": "^3.0.0", "enzyme": "^3.2.0", "enzyme-adapter-react-16": "^1.1.1", "enzyme-to-json": "^3.3.0",