imbric-theme 0.5.2 → 0.5.4

package/layout/DynamicTable/DynamicTable.js

@@ -7,8 +7,9 @@ import DynamicSelect from '../../molecules/DynamicSelect'
 import DatePicker from '../../molecules/DatePicker'
 import Label from '../../atoms/Label'
 import Icon from '../../atoms/Icon'
+import Button from '../../atoms/Button'
 import { Horizontal, Vertical } from '../../layout/Spacer/components'
-import LoadingError from '../../molecules/LoadingError'
+// import LoadingError from '../../molecules/LoadingError'
 // import ColumnTable from '../../molecules/ColumnTable'
 // import RowTable from '../../molecules/RowTable'
 // import FooterTable from '../../molecules/FooterTable'
@@ -16,7 +17,7 @@ import LoadingError from '../../molecules/LoadingError'
 // import useStateDate from '../../hook/useStateDate';
 
 
-export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns, isLayoutDate, isViewRange, isViewAddColumn, isViewDownloadDoc, handleAddColumn, handleSelectRange, handleDownloadExcel, handleDefaultValue, labelDinamicSelect, placeholderDinamicSelect, isLoadingDinamicSelect, labelSinceDateRange, labelTillDateRange }) => {
+export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns, isLayoutDate, isViewRange, isViewAddColumn, isViewBtn, isViewDownloadDoc, typeBtn, titleBtn, handleBtn, handleAddColumn, handleSelectRange, handleDownloadExcel, handleDefaultValue, labelDinamicSelect, placeholderDinamicSelect, isLoadingDinamicSelect, labelSinceDateRange, labelTillDateRange }) => {
 
   const [tableData, setTableData] = useState(optionsData);
   const [columnsData, setColumnsData] = useState(opColumns);
@@ -120,7 +121,26 @@ export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns,
 
           </div>
         ) : null}
+
         <Horizontal size="md" />
+
+        {isViewBtn ? (
+          <div className={getStyles('opFunctionBox3')}>
+
+            <Button
+              type={typeBtn}
+              isInline={true}
+              onClick={handleBtn}
+            >
+              {titleBtn}
+            </Button>
+
+            <Horizontal size="md" />
+
+          </div>
+        ) : null}
+
+
         {isViewDownloadDoc ? (
           <div className={getStyles('opFunctionBox3')}>
             <Icon
@@ -158,6 +178,7 @@ DynamicTable.propTypes = {
   isViewRange: PropTypes.bool,
   isViewAddColumn: PropTypes.bool,
   isViewDownloadDoc: PropTypes.bool,
+  isViewBtn: PropTypes.bool,
   onChangeInput: PropTypes.func,
   handleAddColumn: PropTypes.func,
   isError: PropTypes.string,
@@ -168,6 +189,9 @@ DynamicTable.propTypes = {
   placeholderDinamicSelect: PropTypes.string,
   labelSinceDateRange: PropTypes.string,
   labelTillDateRange: PropTypes.string,
+  typeBtn: PropTypes.string,
+  titleBtn: PropTypes.string,
+  handleBtn: PropTypes.func,
 }
 
 DynamicTable.defaultProps = {
@@ -176,6 +200,7 @@ DynamicTable.defaultProps = {
   isViewRange: true,
   isViewAddColumn: true,
   isViewDownloadDoc: true,
+  isViewBtn: false,
   isLayoutDate: 'Calendar',
   handleSelectRange: () => { },
   handleDownloadExcel: () => { },
@@ -183,6 +208,9 @@ DynamicTable.defaultProps = {
   placeholderDinamicSelect: 'Seleccionar columnas',
   labelSinceDateRange: 'Desde',
   labelTillDateRange: 'Hasta',
+  typeBtn: 'primary',
+  titleBtn: '',
+  handleBtn: () => { },
 }
 
 export default withStyles(styles)(DynamicTable)

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, languageSwitchLink }) => {
+export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkLogout, linkLegal, linkInfo, linkProfile, defaultValueLanguage, optionsSelectLanguage, handleChangeLanguage, languageSwitchLink }) => {
 
 
   const router = useRouter();
@@ -77,7 +77,7 @@ export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkL
             {/* <div className={getStyles('navbar__item')}>Legal</div>
           <div className={getStyles('navbar__item')}>User Guide</div> */}
 
-            {options.map((item, index) => (
+            {/* {options.map((item, index) => (
               <Icon
                 key={index}
                 size='lg'
@@ -86,7 +86,36 @@ export const Navbar = ({ getStyles, viewTabsNav, viewOptionsNav, children, linkL
                 background='transparent'
                 onClick={(e) => handleClick(e, item.href)}
               />
-            ))}
+            ))} */}
+
+
+
+
+            <Icon
+              size='lg'
+              name='legal'
+              color='highlight'
+              background='transparent'
+              onClick={linkLegal}
+            />
+
+            <Icon
+              size='lg'
+              name='info'
+              color='highlight'
+              background='transparent'
+              onClick={linkInfo}
+            />
+
+            <Icon
+              size='lg'
+              name='profile'
+              color='highlight'
+              background='transparent'
+              onClick={linkProfile}
+            />
+
+
 
             {/* <DynamicSelect
               isClearable={false}
@@ -145,6 +174,9 @@ Navbar.propTypes = {
   viewTabsNav: PropTypes.bool,
   viewOptionsNav: PropTypes.bool,
   linkLogout: PropTypes.func,
+  linkLegal: PropTypes.func,
+  linkInfo: PropTypes.func,
+  linkProfile: PropTypes.func,
   handleChange: PropTypes.func,
   languageSwitchLink: PropTypes.any.isRequired,
 }

package/molecules/Dropdown/Dropdown.js

@@ -47,7 +47,7 @@ Dropdown.propTypes = {
       value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     })
   ).isRequired,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.any]),
   id: PropTypes.string,
   isInline: PropTypes.bool,
 }

package/package.json

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