forstok-ui-lib 1.0.7 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Forstok UI Components Library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/link/link.styles.ts

@@ -1,4 +1,3 @@
-import { Link } from 'react-router-dom';
 import styled, { css } from 'styled-components';
 import { multiElipsis } from '../../assets/stylesheets/bases.styles';
 
@@ -145,14 +144,6 @@ const getLinkModifiedStyled = ({ mode, $elipsis, $activated, $shadow, disabled }
   return style;
 }
 
-export const LinkContainer = styled(Link)<{ mode?: string, $elipsis: boolean, $activated: boolean, $shadow: boolean, disabled: boolean }>`
-  &._refHoverLink {
-    padding: 3px 0px 0px 6px;
-    position: relative;
-    top: -3px;
-  }
-  ${getLinkModifiedStyled}
-`
 export const AnchorLinkContainer = styled.a<{ mode?: string, $elipsis: boolean, $activated: boolean, $shadow: boolean, disabled: boolean }>`
   ${getLinkModifiedStyled}
 `

package/src/components/link/link.tsx

@@ -1,7 +1,5 @@
 import type { AnchorHTMLAttributes, ReactNode, MouseEvent, HTMLAttributes } from 'react';
 import { AnchorLinkContainer, ElLinkContainer } from './link.styles';
-import LinkRouteComponent from './link_route';
-import type { Path } from 'react-router-dom';
 
 type TLinkBase = {
   children: ReactNode
@@ -13,25 +11,18 @@ type TLinkBase = {
 } & (
   (AnchorHTMLAttributes<HTMLAnchorElement> & {
     href?: string
-    to?: undefined
-    onClick?: (e: MouseEvent<HTMLAnchorElement>) => void
-  }) | 
-  (AnchorHTMLAttributes<HTMLAnchorElement> & {
-    href?: undefined
-    to: string | Partial<Path>
     onClick?: (e: MouseEvent<HTMLAnchorElement>) => void
   }) | 
   (HTMLAttributes<HTMLSpanElement> & {
     href?: undefined
-    to?: undefined
     onClick?: (e: MouseEvent<HTMLSpanElement>) => void
   })
 );
 
-const LinkComponent = ({ children, mode, $activated=false, href, to, $elipsis=false, $shadow=false, disabled=false, ...props }: TLinkBase) => {
+const LinkComponent = ({ children, mode, $activated=false, href, $elipsis=false, $shadow=false, disabled=false, ...props }: TLinkBase) => {
   const { onClick } = props
   return ( 
-    href ? <AnchorLinkContainer className='_refLink' mode={mode} $activated={$activated ? true : false} $elipsis={$elipsis ? true : false} $shadow={$shadow ? true : false} disabled={disabled ? true : false} href={href} {...props}>{children}</AnchorLinkContainer> : (to ? <LinkRouteComponent to={to} className='_refLink' mode={mode} $activated={$activated && true} $elipsis={$elipsis ? true : false} $shadow={$shadow ? true : false} disabled={disabled ? true : false} {...props}>{children}</LinkRouteComponent> : <ElLinkContainer className='_refLink' mode={mode} $activated={$activated ? true : false} $elipsis={$elipsis ? true : false} $shadow={$shadow ? true : false} disabled={disabled ? true : false} onClick={onClick} {...props}>{children}</ElLinkContainer>)
+    href ? <AnchorLinkContainer className='_refLink' mode={mode} $activated={$activated ? true : false} $elipsis={$elipsis ? true : false} $shadow={$shadow ? true : false} disabled={disabled ? true : false} href={href} {...props}>{children}</AnchorLinkContainer> : <ElLinkContainer className='_refLink' mode={mode} $activated={$activated ? true : false} $elipsis={$elipsis ? true : false} $shadow={$shadow ? true : false} disabled={disabled ? true : false} onClick={onClick} {...props}>{children}</ElLinkContainer>)
   );
 };
 

package/src/components/link/link_route.tsx

@@ -1,22 +0,0 @@
-import type { ReactNode, AnchorHTMLAttributes } from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import type { LinkProps, Path } from 'react-router-dom';
-import { LinkContainer } from './link.styles';
-
-type TLinkBase = {
-  children: ReactNode
-  mode?: string
-  $activated: boolean
-  $elipsis: boolean
-  $shadow: boolean
-  disabled: boolean
-  to: string | Partial<Path>
-};
-
-type TLink = LinkProps & AnchorHTMLAttributes<HTMLAnchorElement> & TLinkBase;
-
-const LinkRouteComponent = ({ children, mode, $activated, $elipsis, to, $shadow, disabled, ...props }: TLink) => {
-  return  <Router><LinkContainer className='_refLink' to={to} mode={mode} $activated={$activated ? true : false} $elipsis={$elipsis ? true : false} $shadow={$shadow ? true : false} disabled={disabled ? true : false} {...props}>{children}</LinkContainer></Router>;
-};
-
-export default LinkRouteComponent;