imbric-theme 0.7.4 → 0.7.6

package/molecules/FooterTable/FooterTable.js

@@ -7,7 +7,7 @@ import withStyles from '../../hocs/withStyles'
 import DynamicSelect from '../../molecules/DynamicSelect'
 
 
-export const FooterTable = ({ getStyles, range, setPage, setDataPage, page, slice, placeholderDinamicSelect, handleResultsForPage }) => {
+export const FooterTable = ({ getStyles, range, setPage, setDataPage, page, slice, placeholderDinamicSelect, handleResultsForPage, defaultValueSelect }) => {
   useEffect(() => {
     if (slice.length < 1 && page !== 1) {
       setPage(page - 1);
@@ -22,32 +22,32 @@ export const FooterTable = ({ getStyles, range, setPage, setDataPage, page, slic
         {range.map((el, index) => (
 
 
-            <button
-              key={'footer' + index}
-              className={`${styles.button} ${page === el ? styles.activeButton : styles.inactiveButton
-                }`}
-              onClick={() => { setPage(el); setDataPage(el) }}
+          <button
+            key={'footer' + index}
+            className={`${styles.button} ${page === el ? styles.activeButton : styles.inactiveButton
+              }`}
+            onClick={() => { setPage(el); setDataPage(el) }}
 
-              onChange={item => { handleSelectRange(item); onChangeRange(item); }}
+            onChange={item => { handleSelectRange(item); onChangeRange(item); }}
+
+          >
+            {el}
+          </button>
 
-            >
-              {el}
-            </button>
 
 
-          
 
         ))}
       </div>
 
       <DynamicSelect
-              isInline
-              onChange={handleResultsForPage}
-              optionsSelect={options.opResultsForPage}
-              placeholder={placeholderDinamicSelect}
-              isClearable={false}
-              defaultValue= { {value: 10, label: '10'} }
-            />
+        isInline
+        onChange={handleResultsForPage}
+        optionsSelect={options.opResultsForPage}
+        placeholder={placeholderDinamicSelect}
+        isClearable={false}
+        defaultValue={defaultValueSelect}
+      />
 
     </div>
 
@@ -60,7 +60,8 @@ FooterTable.propTypes = {
   getStyles: PropTypes.func.isRequired,
   setDataPage: PropTypes.func,
   placeholderDinamicSelect: PropTypes.string,
-  handleResultsForPage: PropTypes.func
+  handleResultsForPage: PropTypes.func,
+  defaultValueSelect: PropTypes.any
   // type: PropTypes.oneOf(options.types),
 }
 
@@ -68,7 +69,8 @@ FooterTable.defaultProps = {
   getStyles: () => { },
   setDataPage: () => { },
   handleResultsForPage: () => { },
-  placeholderDinamicSelect: 'resultados por pagina'
+  placeholderDinamicSelect: 'resultados por pagina',
+  defaultValueSelect: { value: 10, label: '10' }
 }
 
 export default withStyles(styles)(FooterTable)

package/molecules/FooterTable/constants.js

@@ -1,9 +1,9 @@
 export const options =
 {
     opResultsForPage: [
-        { value: 5, label: '5' },
-        { value: 10, label: '10' },
-        { value: 20, label: '20' },
-        { value: 50, label: '50' },
+        { id: 'pagOps1', value: 5, label: '5' },
+        { id: 'pagOps2', value: 10, label: '10' },
+        { id: 'pagOps3', value: 20, label: '20' },
+        { id: 'pagOps4', value: 50, label: '50' },
     ]
 }

package/package.json

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