web: Components: Simplified Link: one tag instead of two now.

web/ASC.Web.Components/src/components/link/index.js

@@ -3,23 +3,6 @@ import styled, { css } from "styled-components";
 import PropTypes from "prop-types";
 import { Text } from "../text";
 
-// eslint-disable-next-line no-unused-vars
-const SimpleLink = ({ rel, isBold, fontSize, isTextOverflow, isHovered, isSemitransparent, type, color, title, containerWidth, ...props }) => <a {...props} />;
-
-SimpleLink.propTypes = {
-  color: PropTypes.string,
-  fontSize: PropTypes.number,
-  isBold: PropTypes.bool,
-  isHovered: PropTypes.bool,
-  isSemitransparent: PropTypes.bool,
-  isTextOverflow: PropTypes.bool,
-  rel: PropTypes.string,
-  title: PropTypes.string,
-  type: PropTypes.oneOf(["action", "page"]),
-  containerWidth: PropTypes.string
-};
-
-
 const colorCss = css`
     color: ${props => props.color};
 `;
@@ -29,7 +12,7 @@ const hoveredCss = css`
   text-decoration: ${props => (props.type === 'page' ? 'underline' : 'underline dashed')};
 `;
 
-const StyledLink = styled(SimpleLink)`
+const StyledLink = styled(Text.Body)`
   text-decoration: none;
   user-select: none;
   cursor: pointer;
@@ -46,30 +29,17 @@ const StyledLink = styled(SimpleLink)`
 `;
 
 // eslint-disable-next-line react/display-name
-const Link = memo(props => {
-  const {
-    isBold,
-    title,
-    fontSize,
-    color,
-    isTextOverflow
-  } = props;
-
-  //console.log("Link render", props);
+const Link = memo(({isTextOverflow, children, ...rest}) => {
+  // console.log("Link render", rest);
 
   return (
-    <StyledLink {...props}>
-      <Text.Body
-        as="span"
-        color={color}
-        fontSize={fontSize}
-        isBold={isBold}
-        title={title}
+      <StyledLink
+        tag="a"
         truncate={isTextOverflow}
+        {...rest}
       >
-        {props.children}
-      </Text.Body>
-    </StyledLink>
+        {children}
+      </StyledLink>
   );
 });
 

web/ASC.Web.Components/src/components/link/link.stories.js

@@ -11,6 +11,7 @@ const type = ['action', 'page'];
 const target = ['_blank', '_self', '_parent', '_top'];
 
 function clickActionLink(e) {
+  console.log("clickActionLink", e);
   action('actionClick')(e);
 }
 
@@ -39,6 +40,7 @@ storiesOf('Components|Link', module)
           isTextOverflow={isTextOverflow}
           isHovered={boolean('isHovered', false)}
           isSemitransparent={boolean('isSemitransparent', false)}
+          data-value="1111"
           {...actionProps}
         >
           {label}