imbric-theme 0.6.4 → 0.6.5

package/atoms/Picture/Picture.js

@@ -1,5 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
+import Link from 'next/link'
 
 import styles from './Picture.module.css'
 import withStyles from '../../hocs/withStyles'
@@ -11,6 +12,7 @@ export const Picture = ({
   height,
   isRounded,
   withBorder,
+  isHref,
 }) => (
   <picture
     className={getStyles('picture', {
@@ -18,7 +20,10 @@ export const Picture = ({
       'with-border': withBorder,
     })}
   >
-    <img src={src} style={{ height, maxWidth: width }} />
+    <Link href={isHref} passHref>
+      <img src={src} style={{ height, maxWidth: width }} />
+    </Link>
+
   </picture>
 )
 
@@ -29,12 +34,14 @@ Picture.propTypes = {
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   isRounded: PropTypes.bool,
   withBorder: PropTypes.bool,
+  isHref: PropTypes.any
 }
 
 Picture.defaultProps = {
   height: 'auto',
   withBorder: false,
-  getStyles: () => {},
+  getStyles: () => { },
+  isHref: ''
 }
 
 export default withStyles(styles)(Picture)

package/layout/Sidebar/Sidebar.js

@@ -11,7 +11,7 @@ import Icon from '../../atoms/Icon'
 import Divider from '../../atoms/Divider'
 import ItemMenu from '../../molecules/ItemMenu/ItemMenu'
 
-export const Sidebar = ({ getStyles, menuCollapseView, options }) => {
+export const Sidebar = ({ getStyles, menuCollapseView, options, isHrefLogo }) => {
 
 
   return (
@@ -30,7 +30,7 @@ export const Sidebar = ({ getStyles, menuCollapseView, options }) => {
 
                 <div className={getStyles('logotext')}>
                   {/* small and big change using menuCollapseView state */}
-                  {menuCollapseView ? <Picture src="/static/logotipoS.svg" width={19}></Picture> : <Picture src="/static/logotipo.svg" width={100}></Picture>}
+                  {menuCollapseView ? <Picture isHref={isHrefLogo} src="./static/logotipoS.svg" width={19}></Picture> : <Picture isHref={isHrefLogo} src="./static/logotipo.svg" width={100}></Picture>}
                 </div>
                 {/* <div className={getStyles('closemenu')}>
 
@@ -69,7 +69,7 @@ export const Sidebar = ({ getStyles, menuCollapseView, options }) => {
                         >
                           {item.text}
                         </ItemMenu>
-                        
+
                         : null
 
                     ))}
@@ -93,6 +93,7 @@ export const Sidebar = ({ getStyles, menuCollapseView, options }) => {
 
 Sidebar.propTypes = {
   getStyles: PropTypes.func.isRequired,
+  isHrefLogo: PropTypes.any
   // options: PropTypes.arrayOf(
   //   PropTypes.shape({
   //     text: PropTypes.string,
@@ -104,6 +105,7 @@ Sidebar.propTypes = {
 Sidebar.defaultProps = {
   getStyles: () => { },
   menuCollapseView: false,
+  isHrefLogo: ''
 }
 
 export default withStyles(styles)(Sidebar)

package/molecules/ColumnTable/ColumnTable.module.css

@@ -1,5 +1,5 @@
 .column-table {
-  padding: 12px 15px;
+  padding: 12px 12px;
   text-align: left;
   color: var(--color-font-base);
   display: table-cell;

package/molecules/RowTable/RowTable.js

@@ -728,7 +728,32 @@ export const RowTable = ({
                                       ?
                                       <td className={getStyles('td')} key={[itemTd.accessor]}>{Number(item[itemTd.accessor]).toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
                                       :
-                                      <td className={getStyles('td')} key={[itemTd.accessor]}>{item[itemTd.accessor]}</td>
+
+                                      <>
+
+                                        <td
+                                          data-tip
+                                          data-for={'td' + [itemTd.accessor] + index}
+                                          onMouseEnter={handleMouseEnter}
+                                          onMouseLeave={handleMouseLeave}
+                                          className={getStyles('td')}
+                                          key={[itemTd.accessor]}
+                                        >
+                                          {item[itemTd.accessor]}
+
+
+                                          {isToolTipMounted ? (
+                                            <ReactTooltip id={'td' + [itemTd.accessor] + index} type='info'>
+                                              <span>{item[itemTd.accessor]}</span>
+                                            </ReactTooltip>
+                                          ) : null}
+
+                                        </td>
+
+                                      </>
+
+
+
 
                   ) : null
               ))}

package/molecules/RowTable/RowTable.module.css

@@ -12,13 +12,16 @@
 }
 
 .td {
-  padding: 15px;
+  padding: 6px 0px 6px 15px;
   text-align: left;
   vertical-align: middle;
   font-weight: 300;
   font-size: 12px;
   color: var(--color-font-base);
   border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  /* white-space: nowrap; */
 }
 
 .tdacction {
@@ -29,6 +32,13 @@
 
 .tdacctionIcons {
   text-align: right;
+  width: max-content;
+  inline-size: max-content;
+  height: max-content;
+  block-size: max-content;
+  display: block;
+  float: right;
+  min-width: 100%
 }
 
 .tr-content:hover {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",