imbric-theme 0.5.2 → 0.5.3

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/package.json

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