@qlean/york-web - npm Package Compare versions

Comparing version 0.3.6-beta-11 to 0.3.6-beta-12

lib/components/FloatingControls/Connections/index.js

@@ -117,3 +117,4 @@ "use strict";
       messengers = _ref8.messengers,
-      connectionsTitle = _ref8.connectionsTitle;
+      connectionsTitle = _ref8.connectionsTitle,
+      extraConnections = _ref8.extraConnections;
   return _react.default.createElement(_react.Fragment, null, _react.default.createElement(StyledOverlay, {
@@ -123,3 +124,4 @@ onClick: onClose,
   }), _react.default.createElement(StyledConnections, {
-    isVisible: isVisible
+    isVisible: isVisible,
+    name: "connections"
   }, _react.default.createElement(_ui.Separator, {
@@ -130,3 +132,4 @@ width: 6
   }), _react.default.createElement(StyledCloseIcon, {
-    onClick: onClose
+    onClick: onClose,
+    name: "close"
   }), _react.default.createElement(_ui.Text, {
@@ -136,2 +139,8 @@ preset: "h4"
     height: 4
+  }), extraConnections && extraConnections.length > 0 && extraConnections.map(function (Connection) {
+    return _react.default.createElement(_react.Fragment, {
+      key: Connection.name
+    }, _react.default.createElement(Connection, null), _react.default.createElement(_ui.Separator, {
+      height: 2
+    }));
   }), _react.default.createElement(_Messengers.default, {
@@ -157,3 +166,4 @@ location: location,
   messengers: _propTypes2.messengersShape,
-  connectionsTitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired
+  connectionsTitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  extraConnections: _propTypes.default.arrayOf(_propTypes.default.func)
 };

lib/components/FloatingControls/ConnectionsToggler/index.js

@@ -10,2 +10,4 @@ "use strict";
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -113,5 +115,7 @@
       var isConnectionsVisible = this.state.isConnectionsVisible;
+      var extraConnections = this.props.extraConnections;
       return _react.default.createElement(_react.Fragment, null, _react.default.createElement(StyledIconWrapper, {
         justifyContent: "center",
         alignItems: "center",
+        name: "connectionsToggler",
         onClick: this.onThrottledToggleVisibility
@@ -123,3 +127,4 @@ }, _react.default.createElement(MessengersIcon, {
         onClose: this.onCloseVisibility,
-        isVisible: isConnectionsVisible
+        isVisible: isConnectionsVisible,
+        extraConnections: extraConnections
       })));
@@ -132,3 +137,7 @@ }
 
+_defineProperty(ConnectionsToggler, "propTypes", {
+  extraConnections: _propTypes.default.arrayOf(_propTypes.default.func)
+});
+
 var _default = ConnectionsToggler;
 exports.default = _default;

lib/components/FloatingControls/index.js

@@ -60,3 +60,4 @@ "use strict";
       buttonTitle = _ref3.buttonTitle,
-      connectionsTitle = _ref3.connectionsTitle;
+      connectionsTitle = _ref3.connectionsTitle,
+      extraConnections = _ref3.extraConnections;
   return _react.default.createElement(StyledFloatingControlsWrapper, null, _react.default.createElement(StyledButtonWrapper, {
@@ -77,3 +78,4 @@ isVisible: isVisible
     messengers: messengers,
-    connectionsTitle: connectionsTitle
+    connectionsTitle: connectionsTitle,
+    extraConnections: extraConnections
   })));
@@ -91,3 +93,4 @@ }
   buttonTitle: _propTypes.default.string.isRequired,
-  connectionsTitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired
+  connectionsTitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  extraConnections: _propTypes.default.arrayOf(_propTypes.default.func)
 };

lib/components/Messengers/index.js

@@ -147,3 +147,3 @@ "use strict";
     return _react.default.createElement(StyledMessenger, {
-      name: "messengerButton",
+      name: "messengerButton.".concat(messenger.code),
       "data-url": location.pathname,
@@ -150,0 +150,0 @@ "data-name": "footer-".concat(messenger.code),

lib/components/Navigation/Header/HeaderLogo.js

@@ -55,3 +55,4 @@ "use strict";
   return _react.default.createElement("a", {
-    href: "/?noredirect=true"
+    href: "/?noredirect=true",
+    name: "logo"
   }, _react.default.createElement(StyledLogo, _extends({
@@ -58,0 +59,0 @@ color: color,

lib/components/Navigation/index.js

@@ -97,3 +97,4 @@ "use strict";
         justifyContentMobile: "flex-start",
-        flexDirectionMobile: "column"
+        flexDirectionMobile: "column",
+        name: "headerNavigation"
       }, _react.default.createElement(_Header.default, {
@@ -100,0 +101,0 @@ preset: preset,

lib/components/Navigation/Menu/index.js

@@ -140,2 +140,3 @@ "use strict";
         href: link.href,
+        name: link.name,
         onClick: link.onClick,
@@ -148,2 +149,3 @@ isAuthButton: link.isAuthButton
         href: link.href,
+        name: link.name,
         onClick: link.onClick,
@@ -150,0 +152,0 @@ isAuthButton: link.isAuthButton,

lib/components/Navigation/Menu/MenuItem.js

@@ -52,7 +52,9 @@ "use strict";
       isAuthButton = _ref2.isAuthButton,
-      rest = _objectWithoutProperties(_ref2, ["LinkComponent", "href", "onClick", "color", "hoverColor", "children", "isAuthButton"]);
+      name = _ref2.name,
+      rest = _objectWithoutProperties(_ref2, ["LinkComponent", "href", "onClick", "color", "hoverColor", "children", "isAuthButton", "name"]);
 
   if (LinkComponent) {
     return _react.default.createElement(LinkComponent, {
-      to: href
+      to: href,
+      name: name
     }, _react.default.createElement(StyledText, _extends({
@@ -91,2 +93,3 @@ preset: "link",
   href: _propTypes.default.string,
+  name: _propTypes.default.string,
   onClick: _propTypes.default.func,
@@ -93,0 +96,0 @@ color: _propTypes.default.oneOf(Object.keys(_yorkCore.colors)).isRequired,

package.json

 {
   "name": "@qlean/york-web",
-  "version": "0.3.6-beta-11",
+  "version": "0.3.6-beta-12",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/components/FloatingControls/Connections/index.js

@@ -81,2 +81,3 @@ import React, { Fragment } from 'react';
   connectionsTitle,
+  extraConnections,
 }) {
@@ -86,7 +87,7 @@ return (
       <StyledOverlay onClick={onClose} isVisible={isVisible}/>
-      <StyledConnections isVisible={isVisible}>
+      <StyledConnections isVisible={isVisible} name="connections">
         <Separator width={6}/>
         <StyledConnectionsContent>
           <Separator height={6}/>
-          <StyledCloseIcon onClick={onClose}/>
+          <StyledCloseIcon onClick={onClose} name="close"/>
           <Text preset="h4">
@@ -96,2 +97,11 @@ {connectionsTitle}
           <Separator height={4}/>
+          {
+            extraConnections && extraConnections.length > 0 &&
+            extraConnections.map(Connection => (
+              <Fragment key={Connection.name}>
+                <Connection/>
+                <Separator height={2}/>
+              </Fragment>
+            ))
+          }
           <Messengers
@@ -122,2 +132,3 @@ location={location}
   ]).isRequired,
+  extraConnections: PropTypes.arrayOf(PropTypes.func),
 };

src/components/FloatingControls/ConnectionsToggler/index.js

 import React, { Component, Fragment } from 'react';
+import PropTypes from 'prop-types';
 import styled from 'styled-components';
@@ -31,2 +32,6 @@ import throttle from 'lodash.throttle';
 class ConnectionsToggler extends Component {
+  static propTypes = {
+    extraConnections: PropTypes.arrayOf(PropTypes.func),
+  }
+
   state = {
@@ -48,2 +53,4 @@ isConnectionsVisible: false,
     const { isConnectionsVisible } = this.state;
+    const { extraConnections } = this.props;
+
     return (
@@ -54,2 +61,3 @@ <Fragment>
           alignItems="center"
+          name="connectionsToggler"
           onClick={this.onThrottledToggleVisibility}
@@ -63,2 +71,3 @@ >
           isVisible={isConnectionsVisible}
+          extraConnections={extraConnections}
         />
@@ -65,0 +74,0 @@ </Fragment>

src/components/FloatingControls/index.js

@@ -54,2 +54,3 @@ import React, { Fragment } from 'react';
   connectionsTitle,
+  extraConnections,
 }) {
@@ -78,2 +79,3 @@ return (
             connectionsTitle={connectionsTitle}
+            extraConnections={extraConnections}
           />
@@ -99,2 +101,3 @@ </Fragment>
   ]).isRequired,
+  extraConnections: PropTypes.arrayOf(PropTypes.func),
 };

src/components/Messengers/index.js

@@ -128,3 +128,3 @@ import React from 'react';
         <StyledMessenger
-          name="messengerButton"
+          name={`messengerButton.${messenger.code}`}
           data-url={location.pathname}
@@ -131,0 +131,0 @@ data-name={`footer-${messenger.code}`}

src/components/Navigation/Header/HeaderLogo.js

@@ -20,3 +20,3 @@ import React from 'react';
 const HeaderLogo = ({ color, colorMobile, ...rest }) => (
-  <a href="/?noredirect=true">
+  <a href="/?noredirect=true" name="logo">
     <StyledLogo
@@ -23,0 +23,0 @@ color={color}

src/components/Navigation/index.js

@@ -42,2 +42,3 @@ import React, { Component } from 'react';
         flexDirectionMobile="column"
+        name="headerNavigation"
       >
@@ -44,0 +45,0 @@ <Header

src/components/Navigation/Menu/index.js

@@ -132,2 +132,3 @@ import React, { Fragment } from 'react';
                     href={link.href}
+                    name={link.name}
                     onClick={link.onClick}
@@ -145,2 +146,3 @@ isAuthButton={link.isAuthButton}
               href={link.href}
+              name={link.name}
               onClick={link.onClick}
@@ -147,0 +149,0 @@ isAuthButton={link.isAuthButton}

src/components/Navigation/Menu/MenuItem.js

@@ -41,7 +41,7 @@ import React from 'react';
 const MenuItem = ({
-  LinkComponent, href, onClick, color, hoverColor, children, isAuthButton, ...rest
+  LinkComponent, href, onClick, color, hoverColor, children, isAuthButton, name, ...rest
 }) => {
   if (LinkComponent) {
     return (
-      <LinkComponent to={href}>
+      <LinkComponent to={href} name={name}>
         <StyledText preset="link" color={color} hoverColor={hoverColor} {...rest}>
@@ -86,2 +86,3 @@ {children}
   href: PropTypes.string,
+  name: PropTypes.string,
   onClick: PropTypes.func,
@@ -88,0 +89,0 @@ color: PropTypes.oneOf(Object.keys(colors)).isRequired,

No alert changes

Improved metrics

Total package byte prevSize

205769

increased by1.05%

Lines of code

4016

increased by1.31%

No dependency changes