@woosmap/ui 3.19.0 → 3.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.19.0",
+  "version": "3.23.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Demo/SkeletonDemo.js

@@ -160,13 +160,13 @@ export default class SkeletonDemo extends Component {
     };
 
     render() {
-        const { result, request, response, renderCode, withMap, mainContent } = this.props;
+        const { result, request, response, renderCode, withMap, mainContent, className } = this.props;
         const { copied } = this.state;
         const filters = this.renderHeaderFilters();
         const filters2 = this.renderFooterFilters();
         const tagLine = this.renderHeaderTagline();
         return (
-            <article className="demo">
+            <article className={cl('demo', className)}>
                 <div className="demo__content">
                     <div className="demo__showcase">
                         {(tagLine || filters || filters2) && (
@@ -249,6 +249,7 @@ SkeletonDemo.defaultProps = {
     body: '',
     method: '',
     withMap: false,
+    className: '',
 };
 SkeletonDemo.propTypes = {
     renderCode: PropTypes.func,
@@ -264,4 +265,5 @@ SkeletonDemo.propTypes = {
     body: PropTypes.string,
     method: PropTypes.string,
     response: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+    className: PropTypes.string,
 };

package/src/components/Dropdown/Dropdown.js

@@ -10,13 +10,17 @@ function mapChildrenWithProps(children, childrenRefs, closeCb) {
     if (children) {
         return React.Children.map(children, (child, index) => {
             if (React.isValidElement(child)) {
+                // only add ref to non functional components
                 return React.cloneElement(child, {
                     ...child.props,
                     closeCb,
-                    ref: (elem) => {
-                        // eslint-disable-next-line no-param-reassign
-                        childrenRefs[index] = elem;
-                    },
+                    ref:
+                        !child.type.prototype || (child.type.prototype && child.type.prototype.render)
+                            ? (elem) => {
+                                  // eslint-disable-next-line no-param-reassign
+                                  childrenRefs[index] = elem;
+                              }
+                            : undefined,
                 });
             }
             return child;
@@ -351,7 +355,7 @@ class Dropdown extends Component {
 
         return (
             <div
-                ref={this.clickOutsideRef}
+                ref={openOnMouseEnter ? null : this.clickOutsideRef}
                 className={cl('dropdown', { open }, `dropdown--${size}`, className)}
                 {...rest}
                 onMouseEnter={this.onMouseEnter}

package/src/icons/showcases.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path d="M16.605 64.135A7.847 7.847 0 0 1 8.787 56.3L8.8 13.7a7.825 7.825 0 0 1 11.561-6.868l39.116 21.289a7.822 7.822 0 0 1 0 13.741l-39.13 21.31a7.813 7.813 0 0 1-3.742.963ZM10.787 56.3a5.821 5.821 0 0 0 8.6 5.114l39.131-21.31a5.824 5.824 0 0 0 0-10.229L19.405 8.588A5.825 5.825 0 0 0 10.8 13.7Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path d="M35 65.733a2.754 2.754 0 0 1-2.965-2.714c0-6.377-4.342-11.5-8.939-16.924-4.932-5.821-10.033-11.838-10.033-19.895a21.937 21.937 0 0 1 43.874 0c0 8.054-5.1 14.071-10.033 19.892-4.6 5.424-8.939 10.547-8.939 16.924A2.754 2.754 0 0 1 35 65.733Zm0-59.466A19.959 19.959 0 0 0 15.063 26.2c0 7.319 4.859 13.054 9.559 18.6 4.628 5.46 9.413 11.106 9.413 18.217 0 .645.675.714.965.714.161 0 .965-.034.965-.714 0-7.111 4.785-12.757 9.413-18.217 4.7-5.545 9.559-11.28 9.559-18.6A19.959 19.959 0 0 0 35 6.267Z"/><path d="M29.232 37.683a3.456 3.456 0 0 1-3.442-3.45V18.967a3.446 3.446 0 0 1 5.093-3.026L44.9 23.57a3.445 3.445 0 0 1 0 6.052l-14.019 7.636a3.444 3.444 0 0 1-1.649.425Zm0-20.166a1.427 1.427 0 0 0-.737.208 1.412 1.412 0 0 0-.708 1.242v15.266a1.443 1.443 0 0 0 2.137 1.267l14.024-7.636a1.446 1.446 0 0 0 0-2.54L29.929 17.7a1.446 1.446 0 0 0-.692-.183ZM26.79 34.233Z"/></svg>

package/src/styles/next-website/MerchantDemo.styl

@@ -3,6 +3,8 @@
 		trans()
 		display flex
 		justify-content center
+		align-items center
+		height 100%
 		width 100%
 		zoom .9
 		padding 2rem
@@ -10,7 +12,6 @@
 	&__mobilewrapper
 		trans()
 		position relative
-		height 100%
 		margin 3rem
 	&__mobilecontainer
 		position relative

package/src/styles/next-website/demo.styl

@@ -251,4 +251,6 @@
 			border-bottom .1rem solid rgba($secondary, .1)
 			border-right 0
 		&__map
-			height 32rem
+			height 32rem
+			.demo--merchant &
+				height auto