imbric-theme 0.5.8 → 0.5.9

package/index.js

@@ -58,6 +58,7 @@ export { default as FooterTable } from './molecules/FooterTable'
 export { default as DynamicSelect } from './molecules/DynamicSelect'
 export { default as DatePicker } from './molecules/DynamicSelect'
 export { default as CardDefault } from './molecules/CardDefault'
+export { default as Tabs } from './molecules/Tabs'
 
 
 

package/molecules/Tabs/Tabs.js

@@ -7,7 +7,11 @@ import withStyles from '../../hocs/withStyles'
 
 import Tab from '../../atoms/Tab/Tab'
 
-export const Tabs = ({ getStyles, viewTabs }) => {
+export const handleClick = ({ onClickTab }) => (e, index) => {
+  onClickTab(e, index)
+}
+
+export const Tabs = ({ getStyles, viewTabs, options, onClickTab }) => {
 
   if (viewTabs) {
     return (
@@ -18,12 +22,12 @@ export const Tabs = ({ getStyles, viewTabs }) => {
 
           <ul>
 
-            {options.itemTabs.map((item, index) => (
+            {options.map((item, index) => (
 
               <Tab
                 key={index}
-                activeTab={false}
-                onClick={function noRefCheck() { }}
+                activeTab={item.active}
+                onClick={(e) => onClickTab(e, index) && handleClick({ onClickTab } )}
                 viewTab={item.view}
               >
                 {item.text}
@@ -44,10 +48,12 @@ export const Tabs = ({ getStyles, viewTabs }) => {
 
 Tabs.propTypes = {
   getStyles: PropTypes.func.isRequired,
+  onClickTab: PropTypes.func
 }
 
 Tabs.defaultProps = {
   getStyles: () => { },
+  onClickTab: () => { },
 }
 
-export default withStyles(styles)(Tabs)
+export default withStyles(styles)(Tabs)

package/molecules/Tabs/Tabs.module.css

@@ -9,4 +9,5 @@
   justify-content: center;
   align-items: center;
   margin: 0;
+  padding: 0;
 }

package/molecules/Tabs/constants.js

@@ -4,26 +4,31 @@ export const options = {
             text: "Taxi",
             href: "/taxi",
             view: true,
+            active: false,
         },
         {
             text: "Parking",
             href: "/parking",
             view: true,
+            active: false,
         },
         {
             text: "Sharing",
             href: "/sharing",
             view: true,
+            active: false,
         },
         {
             text: "T. Publico",
             href: "/sharing",
             view: true,
+            active: false,
         },
         {
             text: "Hoja de Km",
             href: "/sharing",
             view: true,
+            active: false,
         },
     ],
-}
+}

package/package.json

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