imbric-theme 0.5.0 → 0.5.1

package/atoms/LinkItem/LinkItem.js

@@ -5,15 +5,15 @@ import Link from 'next/link'
 import styles from './LinkItem.module.css'
 import { options } from './constants'
 import withStyles from '../../hocs/withStyles'
-import Paragraph from '../Paragraph'
+// import Paragraph from '../Paragraph'
 
 export const LinkItem = ({ children, size, color, getStyles, isHref }) => {
   return (
     <Link href={isHref} passHref>
       <a target="_blank" className={getStyles('link', ['color'])}>
-        <Paragraph size={size} color={color} weight="semibold" isInline>
+        {/* <Paragraph size={size} color={color} weight="semibold" isInline> */}
           {children}
-        </Paragraph>
+        {/* </Paragraph> */}
       </a>
     </Link>
   )

package/layout/Navbar/Navbar.js

@@ -11,7 +11,7 @@ import Tabs from '../../molecules/Tabs/Tabs'
 import Icon from '../../atoms/Icon'
 import { options } from './constants'
 
-export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkLogout, defaultValueLanguage, optionsSelectLanguage, handleChangeLanguage }) => {
+export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkLogout, defaultValueLanguage, optionsSelectLanguage, handleChangeLanguage, languageSwitchLink }) => {
 
 
   const router = useRouter();
@@ -36,7 +36,6 @@ export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkL
           color="base"
           size="xs"
           weight="light"
-          isInline
         >
           {children}
         </Heading>
@@ -89,7 +88,7 @@ export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkL
               />
             ))}
 
-            <DynamicSelect
+            {/* <DynamicSelect
               isClearable={false}
               // defaultValue={{
               //   label: 'ES',
@@ -108,7 +107,9 @@ export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkL
               //     value: 'en'
               //   }
               // ]}
-            />
+            /> */}
+
+            {languageSwitchLink}
 
             <Icon
               size='lg'
@@ -118,6 +119,8 @@ export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkL
               onClick={linkLogout}
             />
 
+
+
           </div>
 
         ) : null}
@@ -143,6 +146,7 @@ Navbar.propTypes = {
   viewOptionsNav: PropTypes.bool,
   linkLogout: PropTypes.func,
   handleChange: PropTypes.func,
+  languageSwitchLink: PropTypes.any.isRequired,
 }
 
 Navbar.defaultProps = {

package/layout/Sidebar/Sidebar.js

@@ -60,7 +60,7 @@ export const Sidebar = ({ getStyles, menuCollapseView, options }) => {
                     {options.map((item, index) => (
                       item.view ?
                         <ItemMenu
-                          key={index}
+                          key={'sidebarItem' + index}
                           icon={item.icon}
                           subMenu={item.viewSubMenu}
                           itemSubmenu={item.submenu}

package/molecules/DynamicSelect/DynamicSelect.js

@@ -91,7 +91,7 @@ export const DynamicSelect = ({ getStyles, optionsSelect, defaultValue, placehol
 
 DynamicSelect.propTypes = {
   getStyles: PropTypes.func.isRequired,
-  defaultValue: PropTypes.object,
+  defaultValue: PropTypes.any,
   placeholder: PropTypes.string,
   isMulti: PropTypes.bool,
   isClearable: PropTypes.bool,

package/molecules/FooterTable/FooterTable.js

@@ -21,9 +21,9 @@ export const FooterTable = ({ getStyles, range, setPage, setDataPage, page, slic
       <div className={styles.tableFooter}>
         {range.map((el, index) => (
 
-          <>
+
             <button
-              key={index}
+              key={'footer' + index}
               className={`${styles.button} ${page === el ? styles.activeButton : styles.inactiveButton
                 }`}
               onClick={() => { setPage(el); setDataPage(el) }}
@@ -35,7 +35,7 @@ export const FooterTable = ({ getStyles, range, setPage, setDataPage, page, slic
             </button>
 
 
-          </>
+          
 
         ))}
       </div>

package/molecules/InputAutocomplete/InputAutocomplete.js

@@ -91,7 +91,7 @@ export const InputAutocomplete = ({
         <Horizontal size="xs" />
 
         <Input
-          autocomplete={'off'}
+          autoComplete={'off'}
           id={idOnInput}
           type='text'
           name={idOnInput}
@@ -108,7 +108,7 @@ export const InputAutocomplete = ({
       :
 
       <Input
-        autocomplete={'off'}
+        autoComplete={'off'}
         id={idOnInput}
         type='text'
         name={idOnInput}
@@ -172,7 +172,7 @@ InputAutocomplete.propTypes = {
   getStyles: PropTypes.func.isRequired,
   placeholderOnInput: PropTypes.string,
   idOnInput: PropTypes.string,
-  suggestedAddresses: PropTypes.object,
+  suggestedAddresses: PropTypes.array,
   handleOnInputChange: PropTypes.func,
   handleOnFocus: PropTypes.func,
   handleOnBlur: PropTypes.func,

package/molecules/RowTable/RowTable.js

@@ -102,7 +102,7 @@ export const RowTable = ({
                           {/* <Check id={item[itemTd.accessor]} isChecked={item.isSelected} /> */}
 
                           <Toggle
-                            id={item[itemTd.accessor]}
+                            id={'idToggle' + item.id}
                             checked={item.isSelected}
                             label=""
                             onChangeCheckbox={(e) => { handleClickCheckbox(e, item) }}

package/package.json

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