imbric-theme 0.3.8 → 0.3.9

package/atoms/LinkItem/LinkItem.js

@@ -10,7 +10,7 @@ import Paragraph from '../Paragraph'
 export const LinkItem = ({ children, size, color, getStyles, isHref }) => {
   return (
     <Link href={isHref} passHref>
-      <a className={getStyles('link', ['color'])}>
+      <a target="_blank" className={getStyles('link', ['color'])}>
         <Paragraph size={size} color={color} weight="semibold" isInline>
           {children}
         </Paragraph>

package/atoms/Modal/Modal.js

@@ -78,7 +78,7 @@ export const Modal = ({
 						{titleModal}
 					</Heading>
         </div>
-        <Container>{children}</Container>
+        <Container><div className={getStyles('container')}>{children}</div></Container>
       </div>
     </div>
   )

package/atoms/Modal/Modal.module.css

@@ -57,11 +57,19 @@
     max-width: 465px;
     height: auto;
     border-radius: var(--border-radius-sm);
+    /* max-height: 100%;
+    overflow: auto; */
   }
 
   .heading {
     flex-direction: row-reverse;
   }
+
+  .container {
+    max-height: 600px;
+    overflow: auto;
+    min-width: 100%;
+  }
 }
 
 @keyframes fadeInModal {

package/molecules/DynamicSelect/DynamicSelect.js

@@ -89,7 +89,7 @@ export const DynamicSelect = ({ getStyles, optionsSelect, defaultValue, placehol
 
 DynamicSelect.propTypes = {
   getStyles: PropTypes.func.isRequired,
-  defaultValue: PropTypes.string,
+  defaultValue: PropTypes.object,
   placeholder: PropTypes.string,
   isMulti: PropTypes.bool,
   isClearable: PropTypes.bool,
@@ -103,7 +103,6 @@ DynamicSelect.propTypes = {
 
 DynamicSelect.defaultProps = {
   getStyles: () => { },
-  defaultValue: '',
   placeholder: 'seleccionar',
   isMulti: false,
   isClearable: true,

package/molecules/DynamicSelect/DynamicSelect.stories.js

@@ -14,7 +14,7 @@ export default {
   component: DynamicSelect,
   args: {
     optionsSelect: options.optionsSelect,
-    defaultValue: '',
+    defaultValue: options.optionsSelect[0],
     placeholder: 'seleccionar',
     isMulti: false,
     isClearable: true,

package/molecules/RowTable/RowTable.js

@@ -9,7 +9,17 @@ import Moment from 'react-moment'
 import Icon from '../../atoms/Icon'
 import { Horizontal, Vertical } from '../../layout/Spacer/components'
 
-export const RowTable = ({ getStyles, slice, columnsData }) => {
+export const RowTable = ({ getStyles, slice, columnsData, onClickActionEdit, onClickActionSendEmail, onClickActionDelete }) => {
+
+
+
+
+  // const handleEditStaff = (e, item) => {
+  //   console.log(item)
+  //   console.log(e)
+  // }
+
+
   return (
     <div className={getStyles('tbl-content')}>
       <table className={getStyles('table')} cellPadding="0" cellSpacing="0" border="0">
@@ -29,13 +39,21 @@ export const RowTable = ({ getStyles, slice, columnsData }) => {
                         <Icon
                           background="base"
                           name="settings"
-                          onClick={function noRefCheck() { }}
+                          onClick={(e) => { onClickActionEdit(e, item) }}
+                        />
+                        <Horizontal size="xs" />
+                        <Icon
+                          background="base"
+                          name="arrowUp"
+                          // onClick={(e) => onClickEdit(e, item)}
+                          onClick={e => { onClickActionSendEmail(e, item) }}
                         />
                         <Horizontal size="xs" />
                         <Icon
                           background="base"
                           name="trash"
-                          onClick={function noRefCheck() { }}
+                          // onClick={(e) => onClickEdit(e, item)}
+                          onClick={e => { onClickActionDelete(e, item) }}
                         />
                       </td> :
 
@@ -79,10 +97,14 @@ export const RowTable = ({ getStyles, slice, columnsData }) => {
 RowTable.propTypes = {
   getStyles: PropTypes.func.isRequired,
   type: PropTypes.oneOf(options.types),
+  onClickActionEdit: PropTypes.func,
+  onClickActionSendEmail: PropTypes.func,
+  onClickActionDelete: PropTypes.func
 }
 
 RowTable.defaultProps = {
   getStyles: () => { },
+  onClickActionEdit: () => { },
 }
 
 export default withStyles(styles)(RowTable)

package/package.json

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