imbric-theme 0.5.6 → 0.5.8

package/atoms/Checkbox/Checkbox.js

@@ -30,7 +30,7 @@ export const Checkbox = ({
           setChecked(!checked)
           onChange(e)
         }}
-        onclick={handleClick}
+        onClick={handleClick}
       />
       <label htmlFor={name} className={getStyles('checkbox-custom-label')}>
         {label}

package/layout/DynamicTable/DynamicTable.js

@@ -9,23 +9,47 @@ 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 ColumnTable from '../../molecules/ColumnTable'
-// import RowTable from '../../molecules/RowTable'
-// import FooterTable from '../../molecules/FooterTable'
-// import useTable from '../../hook/useTable'
-// import useStateDate from '../../hook/useStateDate';
-
-
-export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns, isLayoutDate, isViewRange, isViewAddColumn, isViewBtn, isViewDownloadDoc, typeBtn, titleBtn, handleBtn, handleAddColumn, handleSelectRange, handleDownloadExcel, handleDefaultValue, labelDinamicSelect, placeholderDinamicSelect, isLoadingDinamicSelect, labelSinceDateRange, labelTillDateRange }) => {
+import ReactTooltip from 'react-tooltip'
+
+export const DynamicTable = ({
+  getStyles,
+  optionsData,
+  opColumns,
+  opAddColumns,
+  isLayoutDate,
+  isViewRange,
+  isViewAddColumn,
+  isViewBtn,
+  isViewDownloadDoc,
+  typeBtn,
+  titleBtn,
+  handleBtn,
+  handleAddColumn,
+  handleSelectRange,
+  handleDownloadExcel,
+  handleDefaultValue,
+  labelDinamicSelect,
+  placeholderDinamicSelect,
+  isLoadingDinamicSelect,
+  labelSinceDateRange,
+  labelTillDateRange,
+  txtTootipFileDownload,
+}) => {
 
   const [tableData, setTableData] = useState(optionsData);
   const [columnsData, setColumnsData] = useState(opColumns);
   const [addColumsData, setAddColumsData] = useState(opAddColumns);
 
-  // const handleSelectRange = (item) => {
-  //   setState([item.selection])
-  // }
+  // STATE TOOLTIP
+  const [isToolTipMounted, setIsToolTipMounted] = useState(false)
+
+  // TOOLTIP
+  const handleMouseEnter = () => {
+    setIsToolTipMounted(true)
+  }
+  const handleMouseLeave = () => {
+    setIsToolTipMounted(false)
+  }
 
   useEffect(() => {
     setColumnsData(opColumns);
@@ -47,44 +71,6 @@ export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns,
     }
   };
 
-  // const handleAddColumn = (event) => {
-
-  //   let listKeyColumnOrder = []
-
-  //   event.forEach(element => {
-  //     listKeyColumnOrder[element.value] = true
-  //   });
-
-  //   for (const itemAddColumns of addColumsData) {
-  //     if (listKeyColumnOrder[itemAddColumns.value]) {
-  //       itemAddColumns.activeView = true
-  //     } else {
-  //       itemAddColumns.activeView = false
-  //     }
-  //   }
-
-  //   for (const itemEvent of addColumsData) {
-
-  //     for (const itemColumns of columnsData) {
-
-  //       if (itemColumns.accessor === itemEvent.value) {
-
-  //         if (itemEvent.activeView) {
-  //           itemColumns.activeView = true
-  //         } else {
-  //           itemColumns.activeView = false
-  //         }
-
-
-  //       }
-  //     }
-
-  //   }
-
-  //   setColumnsData([])
-
-  // }
-
   return (
 
 
@@ -143,12 +129,30 @@ export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns,
 
         {isViewDownloadDoc ? (
           <div className={getStyles('opFunctionBox3')}>
-            <Icon
-              key="fileDownload"
-              background="inverted"
-              name="fileDownload"
-              onClick={handleDownloadExcel}
-            />
+
+
+            <span
+              data-tip
+              data-for='fileDownload'
+              onMouseEnter={handleMouseEnter}
+              onMouseLeave={handleMouseLeave}
+            >
+              <Icon
+                key="fileDownload"
+                background="inverted"
+                name="fileDownload"
+                onClick={handleDownloadExcel}
+              />
+
+            </span>
+
+            {isToolTipMounted ? (
+              <ReactTooltip id='fileDownload' type='error'>
+                <span>{txtTootipFileDownload}</span>
+              </ReactTooltip>
+            ) : null}
+
+
           </div>
         ) : null}
 
@@ -192,6 +196,7 @@ DynamicTable.propTypes = {
   typeBtn: PropTypes.string,
   titleBtn: PropTypes.string,
   handleBtn: PropTypes.func,
+  txtTootipFileDownload: PropTypes.string,
 }
 
 DynamicTable.defaultProps = {
@@ -211,6 +216,7 @@ DynamicTable.defaultProps = {
   typeBtn: 'primary',
   titleBtn: '',
   handleBtn: () => { },
+  txtTootipFileDownload: '',
 }
 
 export default withStyles(styles)(DynamicTable)

package/package.json

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