imbric-theme 0.1.1 → 0.1.3

package/molecules/RowTable/RowTable.js

@@ -0,0 +1,928 @@
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+import ReactTooltip from 'react-tooltip'
+
+import styles from './RowTable.module.css'
+import { options } from './constants'
+import withStyles from '../../hocs/withStyles'
+
+import Moment from 'react-moment'
+import Icon from '../../atoms/Icon'
+import Picture from '../../atoms/Picture'
+import Toggle from '../../atoms/Toggle'
+
+
+import { Horizontal, Vertical } from '../../layout/Spacer/components'
+
+export const RowTable = ({
+  getStyles,
+  slice,
+  columnsData,
+  isClickRow,
+  onClickRow,
+  onClickActionUserView,
+  onClickActionListInvoice,
+  onClickActionListXLS,
+  onClickActionListCSV,
+  onClickActionListPDF,
+  onClickActionEdit,
+  onClickActionSendEmail,
+  onClickActionDelete,
+  onClickActionLink,
+  onClickActionClone,
+  txtTootipIconUserView,
+  txtTootipIconListInvoice,
+  txtTootipIconListListXLS,
+  txtTootipIconListListCSV,
+  txtTootipIconListListPDF,
+  txtTootipIconEdit,
+  txtTootipIconSendEmail,
+  txtTootipIconDelete,
+  txtTootipIconLink,
+  txtTootipIconClone,
+  colorRow,
+}) => {
+
+
+  const [loading, setLoading] = useState(false)
+
+  // const handleEditStaff = (e, item) => {
+  //   console.log(item)
+  //   console.log(e)
+  // }
+
+
+  const handleClickCheckbox = (e, item) => {
+
+
+    for (const iterator of slice) {
+
+      if (iterator.id === item.id) {
+        item.isSelected ? iterator.isSelected = false : iterator.isSelected = true
+
+        iterator.isSelected = item.isSelected
+      }
+
+    }
+
+    setLoading(true)
+
+    hola()
+
+    // return slice
+
+    // console.log(e, item)
+  }
+
+  const hola = () => {
+
+    setTimeout(() => {
+      setLoading(false)
+    }, 100)
+
+
+
+  }
+
+  // STATE TOOLTIP
+  const [isToolTipMounted, setIsToolTipMounted] = useState(false)
+
+  // TOOLTIP
+  const handleMouseEnter = () => {
+    setIsToolTipMounted(true)
+  }
+  const handleMouseLeave = () => {
+    setIsToolTipMounted(false)
+  }
+
+
+
+  return (
+    // <div className={getStyles('tbl-content')}>
+    //   <table className={getStyles('table')} cellPadding="0" cellSpacing="0" border="0">
+
+
+    <tbody>
+      {slice.map((item, index) => (
+
+        <tr style={{ background: item.colorRow }} className={getStyles({ 'tr-content': isClickRow }, 'tr')} onClick={(e) => { onClickRow(e, item) }} key={index}>
+
+          {columnsData.map((itemTd, indexTd) => (
+            itemTd.activeView ?
+              (
+
+
+                itemTd.isBoolean
+
+                  ?
+                  !loading ? (
+                    <td
+                      className={getStyles('td', 'tdacction')}
+                      key={[itemTd.accessor] + (indexTd + index)}
+                    >
+                      {String(item[itemTd.accessor])}
+
+                    </td>
+                  )
+                    : null
+                  :
+
+
+                  itemTd.isCheckbox
+
+                    ?
+                    !loading ? (
+                      <td
+                        className={getStyles('td', 'tdacction')}
+                        key={[itemTd.accessor] + (indexTd + index)}
+                      >
+
+                        {/* <Check id={item[itemTd.accessor]} isChecked={item.isSelected} /> */}
+
+                        <Toggle
+                          id={'idToggle' + item.id}
+                          checked={item.isSelected}
+                          label=""
+                          onChangeCheckbox={(e) => { handleClickCheckbox(e, item) }}
+                        />
+
+                      </td>
+                    )
+                      : null
+                    :
+
+
+                    itemTd.isArrayObject
+
+                      ?
+
+                      <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>
+
+                        {console.log('TD: ' + [itemTd.accessor] + (indexTd + index))}
+
+                        {item[itemTd.accessor].map((itemTdObj, indexAcc, array) => (
+
+                          <>
+
+                            <span className={getStyles('tdlabelAlt')} key={itemTdObj.id + 'label' + (indexAcc + index)}>
+                              {console.log('A: ' + itemTdObj.id + 'label' + (indexAcc + index))}
+
+                              {itemTdObj[itemTd.subAccessorAlt]}
+
+                              {array.length - 1 !== indexAcc ?
+                                <span>, </span> : null}
+                              :&nbsp;
+                            </span>
+
+                            <span key={itemTdObj.id + 'Tdlabel' + (indexAcc + index)}>
+
+                              {console.log('B: ' + itemTdObj.id + 'Tdlabel' + (indexAcc + index))}
+
+                              {itemTdObj[itemTd.subAccessor]}
+
+                              {array.length - 1 !== indexAcc ?
+                                <span>, </span> : null}
+
+                            </span>
+
+                          </>
+
+                        ))}
+
+                      </td>
+
+                      :
+
+
+                      itemTd.isPicture
+
+                        ?
+                        <td className={getStyles('td', 'tdacction')} key={[itemTd.accessor] + (indexTd + index)}>
+                          <Picture
+                            src={item[itemTd.accessor]}
+                            width={50}
+                          />
+                        </td>
+                        :
+
+                        itemTd.subAccessor === 'action'
+
+                          ?
+
+                          <td className={getStyles('td', 'tdacctionIcons')} key={[itemTd.accessor] + (indexTd + index)}>
+
+                            {itemTd.viewUserView ?
+
+                              item.viewUserView === undefined ?
+
+                                <>
+                                  <span
+                                    data-tip
+                                    data-for='userView'
+                                    onMouseEnter={handleMouseEnter}
+                                    onMouseLeave={handleMouseLeave}
+                                  >
+                                    <>
+                                      <Icon
+                                        id="userView"
+                                        background="base"
+                                        name="userView"
+                                        onClick={(e) => { onClickActionUserView(e, item) }}
+                                      />
+                                      <Horizontal size="xs" />
+                                    </>
+
+                                  </span>
+
+                                  {isToolTipMounted ? (
+                                    <ReactTooltip id='userView' type='error'>
+                                      <span>{txtTootipIconUserView}</span>
+                                    </ReactTooltip>
+                                  ) : null}
+                                </>
+
+                                :
+
+                                item.viewUserView ?
+
+                                  <>
+                                    <span
+                                      data-tip
+                                      data-for='userView'
+                                      onMouseEnter={handleMouseEnter}
+                                      onMouseLeave={handleMouseLeave}
+                                    >
+                                      <>
+                                        <Icon
+                                          id="userView"
+                                          background="base"
+                                          name="userView"
+                                          onClick={(e) => { onClickActionUserView(e, item) }}
+                                        />
+                                        <Horizontal size="xs" />
+                                      </>
+
+                                    </span>
+
+                                    {isToolTipMounted ? (
+                                      <ReactTooltip id='userView' type='error'>
+                                        <span>{txtTootipIconUserView}</span>
+                                      </ReactTooltip>
+                                    ) : null}
+                                  </>
+
+                                  : null
+
+                              : null}
+
+
+                            {itemTd.viewListInvoice ?
+
+
+                              item.viewListInvoice === undefined ?
+
+                                <>
+                                  <span
+                                    data-tip
+                                    data-for='listInvoice'
+                                    onMouseEnter={handleMouseEnter}
+                                    onMouseLeave={handleMouseLeave}
+                                  >
+                                    <>
+                                      <Icon
+                                        id={"listInvoice" + (indexTd + index)}
+                                        background="base"
+                                        name="listInvoice"
+                                        onClick={(e) => { onClickActionListInvoice(e, item) }}
+                                      />
+                                      <Horizontal size="xs" />
+                                    </>
+
+                                  </span>
+
+                                  {isToolTipMounted ? (
+                                    <ReactTooltip id='listInvoice' type='error' place='left'>
+                                      <span>{txtTootipIconListInvoice}</span>
+                                    </ReactTooltip>
+                                  ) : null}
+                                </>
+
+                                :
+
+                                item.viewListInvoice ?
+
+                                  <>
+                                    <span
+                                      data-tip
+                                      data-for='listInvoice'
+                                      onMouseEnter={handleMouseEnter}
+                                      onMouseLeave={handleMouseLeave}
+                                    >
+                                      <>
+                                        <Icon
+                                          id={"listInvoice" + (indexTd + index)}
+                                          background="base"
+                                          name="listInvoice"
+                                          onClick={(e) => { onClickActionListInvoice(e, item) }}
+                                        />
+                                        <Horizontal size="xs" />
+                                      </>
+
+                                    </span>
+
+                                    {isToolTipMounted ? (
+                                      <ReactTooltip id='listInvoice' type='error'>
+                                        <span>{txtTootipIconListInvoice}</span>
+                                      </ReactTooltip>
+                                    ) : null}
+                                  </>
+
+                                  : null
+
+                              : null}
+
+                            {itemTd.viewListXLS && item.fileType === 'xls' ?
+
+                              <>
+                                <span
+                                  data-tip
+                                  data-for='listXLS'
+                                  onMouseEnter={handleMouseEnter}
+                                  onMouseLeave={handleMouseLeave}
+                                >
+                                  <>
+                                    <Icon
+                                      id={"listXLS" + (indexTd + index)}
+                                      background="base"
+                                      name="listXLS"
+                                      onClick={(e) => { onClickActionListXLS(e, item) }}
+                                    />
+                                    <Horizontal size="xs" />
+                                  </>
+
+                                </span>
+
+                                {isToolTipMounted ? (
+                                  <ReactTooltip id='listXLS' type='error'>
+                                    <span>{txtTootipIconListListXLS}</span>
+                                  </ReactTooltip>
+                                ) : null}
+                              </>
+
+                              : null}
+
+                            {itemTd.viewListCSV && item.fileType === 'xml' ?
+
+                              <>
+                                <span
+                                  data-tip
+                                  data-for='listCSV'
+                                  onMouseEnter={handleMouseEnter}
+                                  onMouseLeave={handleMouseLeave}
+                                >
+                                  <>
+                                    <Icon
+                                      id={"listCSV" + (indexTd + index)}
+                                      background="base"
+                                      name="listCSV"
+                                      onClick={(e) => { onClickActionListCSV(e, item) }}
+                                    />
+                                    <Horizontal size="xs" />
+                                  </>
+
+                                </span>
+
+                                {isToolTipMounted ? (
+                                  <ReactTooltip id='listCSV' type='error'>
+                                    <span>{txtTootipIconListListCSV}</span>
+                                  </ReactTooltip>
+                                ) : null}
+                              </>
+
+                              : null}
+
+                            {itemTd.viewListPDF && item.fileType === 'pdf' ?
+
+                              <>
+                                <span
+                                  data-tip
+                                  data-for='listPDF'
+                                  onMouseEnter={handleMouseEnter}
+                                  onMouseLeave={handleMouseLeave}
+                                >
+                                  <>
+                                    <Icon
+                                      id={"listPDF" + (indexTd + index)}
+                                      background="base"
+                                      name="listPDF"
+                                      onClick={(e) => { onClickActionListPDF(e, item) }}
+                                    />
+                                    <Horizontal size="xs" />
+                                  </>
+
+                                </span>
+
+                                {isToolTipMounted ? (
+                                  <ReactTooltip id='listPDF' type='error'>
+                                    <span>{txtTootipIconListListPDF}</span>
+                                  </ReactTooltip>
+                                ) : null}
+                              </>
+
+                              : null}
+
+                            {itemTd.viewEdit ?
+
+                              item.viewEdit === undefined ?
+                                <>
+                                  <span
+                                    data-tip
+                                    data-for='edit'
+                                    onMouseEnter={handleMouseEnter}
+                                    onMouseLeave={handleMouseLeave}
+                                  >
+                                    <>
+                                      <Icon
+                                        id={"edit" + (indexTd + index)}
+                                        background="base"
+                                        name="edit"
+                                        onClick={(e) => { onClickActionEdit(e, item) }}
+                                      />
+                                      <Horizontal size="xs" />
+                                    </>
+
+                                  </span>
+
+                                  {isToolTipMounted ? (
+                                    <ReactTooltip id='edit' type='error'>
+                                      <span>{txtTootipIconEdit}</span>
+                                    </ReactTooltip>
+                                  ) : null}
+                                </>
+                                :
+
+                                item.viewEdit ?
+
+                                  <>
+                                    <span
+                                      data-tip
+                                      data-for='edit'
+                                      onMouseEnter={handleMouseEnter}
+                                      onMouseLeave={handleMouseLeave}
+                                    >
+                                      <>
+                                        <Icon
+                                          id={"edit" + (indexTd + index)}
+                                          background="base"
+                                          name="edit"
+                                          onClick={(e) => { onClickActionEdit(e, item) }}
+                                        />
+                                        <Horizontal size="xs" />
+                                      </>
+
+                                    </span>
+
+                                    {isToolTipMounted ? (
+                                      <ReactTooltip id='edit' type='error'>
+                                        <span>{txtTootipIconEdit}</span>
+                                      </ReactTooltip>
+                                    ) : null}
+                                  </>
+
+                                  : null
+
+                              : null}
+
+                            {itemTd.viewEmailSend ?
+
+                              item.viewEmailSend === undefined ?
+
+                                <>
+                                  <span
+                                    data-tip
+                                    data-for='sendEmail'
+                                    onMouseEnter={handleMouseEnter}
+                                    onMouseLeave={handleMouseLeave}
+                                  >
+                                    <>
+                                      <Icon
+                                        background="base"
+                                        name="sendEmail"
+                                        onClick={e => { onClickActionSendEmail(e, item) }}
+                                      />
+                                      <Horizontal size="xs" />
+                                    </>
+
+                                  </span>
+
+                                  {isToolTipMounted ? (
+                                    <ReactTooltip id='sendEmail' type='error'>
+                                      <span>{txtTootipIconSendEmail}</span>
+                                    </ReactTooltip>
+                                  ) : null}
+                                </>
+
+                                :
+
+                                item.viewEmailSend ?
+
+                                  <>
+                                    <span
+                                      data-tip
+                                      data-for='sendEmail'
+                                      onMouseEnter={handleMouseEnter}
+                                      onMouseLeave={handleMouseLeave}
+                                    >
+                                      <>
+                                        <Icon
+                                          background="base"
+                                          name="sendEmail"
+                                          onClick={e => { onClickActionSendEmail(e, item) }}
+                                        />
+                                        <Horizontal size="xs" />
+                                      </>
+
+                                    </span>
+
+                                    {isToolTipMounted ? (
+                                      <ReactTooltip id='sendEmail' type='error'>
+                                        <span>{txtTootipIconSendEmail}</span>
+                                      </ReactTooltip>
+                                    ) : null}
+                                  </>
+
+                                  : null
+
+                              : null}
+
+                            {itemTd.viewTrash ?
+
+                              item.viewTrash === undefined ?
+
+                                <>
+                                  <span
+                                    data-tip
+                                    data-for='trash'
+                                    onMouseEnter={handleMouseEnter}
+                                    onMouseLeave={handleMouseLeave}
+                                  >
+                                    <>
+                                      <Icon
+                                        background="base"
+                                        name="trash"
+                                        onClick={e => { onClickActionDelete(e, item) }}
+                                      />
+                                      <Horizontal size="xs" />
+                                    </>
+
+                                  </span>
+
+                                  {isToolTipMounted ? (
+                                    <ReactTooltip id='trash' type='error'>
+                                      <span>{txtTootipIconDelete}</span>
+                                    </ReactTooltip>
+                                  ) : null}
+                                </>
+
+                                :
+
+                                item.viewTrash ?
+
+                                  <>
+                                    <span
+                                      data-tip
+                                      data-for='trash'
+                                      onMouseEnter={handleMouseEnter}
+                                      onMouseLeave={handleMouseLeave}
+                                    >
+                                      <>
+                                        <Icon
+                                          background="base"
+                                          name="trash"
+                                          onClick={e => { onClickActionDelete(e, item) }}
+                                        />
+                                        <Horizontal size="xs" />
+                                      </>
+
+                                    </span>
+
+                                    {isToolTipMounted ? (
+                                      <ReactTooltip id='trash' type='error'>
+                                        <span>{txtTootipIconDelete}</span>
+                                      </ReactTooltip>
+                                    ) : null}
+                                  </>
+
+                                  : null
+
+                              : null}
+
+
+                            {itemTd.viewLink ?
+
+                              item.viewLink === undefined ?
+
+                                <>
+                                  <span
+                                    data-tip
+                                    data-for='linkUser'
+                                    onMouseEnter={handleMouseEnter}
+                                    onMouseLeave={handleMouseLeave}
+                                  >
+                                    <>
+                                      <Icon
+                                        background="base"
+                                        name="linkUser"
+                                        // onClick={(e) => onClickEdit(e, item)}
+                                        onClick={e => { onClickActionLink(e, item) }}
+                                      />
+                                      <Horizontal size="xs" />
+                                    </>
+
+                                  </span>
+
+                                  {isToolTipMounted ? (
+                                    <ReactTooltip id='linkUser' type='error'>
+                                      <span>{txtTootipIconLink}</span>
+                                    </ReactTooltip>
+                                  ) : null}
+                                </>
+
+                                :
+
+                                item.viewLink ?
+
+                                  <>
+                                    <span
+                                      data-tip
+                                      data-for='linkUser'
+                                      onMouseEnter={handleMouseEnter}
+                                      onMouseLeave={handleMouseLeave}
+                                    >
+                                      <>
+                                        <Icon
+                                          background="base"
+                                          name="linkUser"
+                                          // onClick={(e) => onClickEdit(e, item)}
+                                          onClick={e => { onClickActionLink(e, item) }}
+                                        />
+                                        <Horizontal size="xs" />
+                                      </>
+
+                                    </span>
+
+                                    {isToolTipMounted ? (
+                                      <ReactTooltip id='linkUser' type='error'>
+                                        <span>{txtTootipIconLink}</span>
+                                      </ReactTooltip>
+                                    ) : null}
+                                  </>
+
+                                  : null
+
+                              : null}
+
+
+
+                            {itemTd.viewClone ?
+
+                              item.viewClone === undefined ?
+
+                                <>
+                                  <span
+                                    data-tip
+                                    data-for='clone'
+                                    onMouseEnter={handleMouseEnter}
+                                    onMouseLeave={handleMouseLeave}
+                                  >
+                                    <>
+                                      <Icon
+                                        background="base"
+                                        name="cloneDefault"
+                                        onClick={e => { onClickActionClone(e, item) }}
+                                      />
+                                      <Horizontal size="xs" />
+                                    </>
+
+                                  </span>
+
+                                  {isToolTipMounted ? (
+                                    <ReactTooltip id='clone' type='error'>
+                                      <span>{txtTootipIconClone}</span>
+                                    </ReactTooltip>
+                                  ) : null}
+                                </>
+
+                                :
+
+                                item.viewClone ?
+
+                                  <>
+                                    <span
+                                      data-tip
+                                      data-for='clone'
+                                      onMouseEnter={handleMouseEnter}
+                                      onMouseLeave={handleMouseLeave}
+                                    >
+                                      <>
+                                        <Icon
+                                          background="base"
+                                          name="clone"
+                                          onClick={e => { onClickActionClone(e, item) }}
+                                        />
+                                        <Horizontal size="xs" />
+                                      </>
+
+                                    </span>
+
+                                    {isToolTipMounted ? (
+                                      <ReactTooltip id='clone' type='error'>
+                                        <span>{txtTootipIconClone}</span>
+                                      </ReactTooltip>
+                                    ) : null}
+                                  </>
+
+                                  : null
+
+                              : null}
+
+
+
+                          </td>
+
+                          :
+
+                          itemTd.subAccessor !== ''
+
+                            ?
+
+                            <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor][itemTd.subAccessor]}</td>
+
+                            :
+
+                            itemTd.typeFilter === 'date'
+
+                              ?
+
+                              itemTd.typeFilterSub === 'date_only' ?
+
+                                <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>
+                                  <Moment format="DD/MM/YYYY">
+                                    {item[itemTd.accessor]}
+                                  </Moment>
+                                </td>
+
+                                :
+
+                                <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>
+                                  {/* <Moment format="DD/MM/YYYY hh:mm:ss"> */}
+                                  <Moment format="DD/MM/YYYY HH:mm">
+                                    {item[itemTd.accessor]}
+                                  </Moment>
+                                </td>
+                              :
+
+                              itemTd.typeFilter === 'select'
+
+                                ?
+
+                                itemTd.optionsSelect.map((itemSelect, indexSelect) => (
+
+
+                                  item[itemTd.accessor] === itemSelect.value ?
+
+                                    <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index) + indexSelect}>
+                                      {itemSelect.label}
+                                    </td>
+
+                                    :
+
+                                    null
+                                ))
+
+                                :
+
+                                itemTd.typeFilter === 'number'
+
+                                  ?
+
+                                  itemTd.subTypeFilter
+
+                                    ?
+
+                                    itemTd.characterExtra === 'km'
+                                      ?
+                                      <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{(item[itemTd.accessor] / 1000).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
+                                      :
+                                      <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor].toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
+                                    :
+                                    <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor]}</td>
+
+                                  :
+
+                                  itemTd.subTypeFilter
+
+                                    ?
+                                    <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{Number(item[itemTd.accessor]).toFixed(2).toString().replace(/\./g, ',')} {itemTd.characterExtra}</td>
+                                    :
+                                    <td className={getStyles('td')} key={[itemTd.accessor] + (indexTd + index)}>{item[itemTd.accessor]}</td>
+
+                // <>
+
+                //   <td
+                //     data-tip
+                //     data-for={'td' + [itemTd.accessor] + index}
+                //     onMouseEnter={handleMouseEnter}
+                //     onMouseLeave={handleMouseLeave}
+                //     className={getStyles('td')}
+                //     key={[itemTd.accessor] + (indexTd + index)}
+                //   >
+                //     {item[itemTd.accessor]}
+
+                //     {/* 
+                //     {isToolTipMounted ? (
+                //       <ReactTooltip id={'td' + [itemTd.accessor] + index} type='info'>
+                //         <span>{item[itemTd.accessor]}</span>
+                //       </ReactTooltip>
+                //     ) : null} */}
+
+                //   </td>
+
+                // </>
+
+
+
+
+              ) : null
+          ))}
+        </tr>
+
+      ))}
+    </tbody>
+    //   </table>
+
+    // </div>
+  )
+}
+
+RowTable.propTypes = {
+  getStyles: PropTypes.func.isRequired,
+  type: PropTypes.oneOf(options.types || []),
+  isClickRow: PropTypes.bool,
+  onClickRow: PropTypes.func,
+  onClickCheckbox: PropTypes.func,
+  onClickActionUserView: PropTypes.func,
+  onClickActionListInvoice: PropTypes.func,
+  onClickActionListXLS: PropTypes.func,
+  onClickActionListCSV: PropTypes.func,
+  onClickActionListPDF: PropTypes.func,
+  onClickActionEdit: PropTypes.func,
+  onClickActionSendEmail: PropTypes.func,
+  onClickActionDelete: PropTypes.func,
+  onClickActionLink: PropTypes.func,
+  onClickActionClone: PropTypes.func,
+  txtTootipIconUserView: PropTypes.string,
+  txtTootipIconListInvoice: PropTypes.string,
+  txtTootipIconListListXLS: PropTypes.string,
+  txtTootipIconListListCSV: PropTypes.string,
+  txtTootipIconListListPDF: PropTypes.string,
+  txtTootipIconEdit: PropTypes.string,
+  txtTootipIconSendEmail: PropTypes.string,
+  txtTootipIconDelete: PropTypes.string,
+  txtTootipIconLink: PropTypes.string,
+  txtTootipIconClone: PropTypes.string,
+  colorRow: PropTypes.string,
+  isCheckedCheckbox: PropTypes.bool
+}
+
+RowTable.defaultProps = {
+  getStyles: () => { },
+  isClickRow: false,
+  onClickRow: () => { },
+  onClickCheckbox: () => { },
+  onClickActionUserView: () => { },
+  onClickActionListInvoice: () => { },
+  onClickActionListXLS: () => { },
+  onClickActionListCSV: () => { },
+  onClickActionListPDF: () => { },
+  onClickActionEdit: () => { },
+  onClickActionSendEmail: () => { },
+  onClickActionDelete: () => { },
+  onClickActionLink: () => { },
+  onClickActionClone: () => { },
+  txtTootipIconUserView: '',
+  txtTootipIconListInvoice: '',
+  txtTootipIconListListXLS: '',
+  txtTootipIconListListCSV: '',
+  txtTootipIconListListPDF: '',
+  txtTootipIconEdit: '',
+  txtTootipIconSendEmail: '',
+  txtTootipIconDelete: '',
+  txtTootipIconLink: '',
+  txtTootipIconClone: '',
+
+  isCheckedCheckbox: false
+
+}
+
+export default withStyles(styles)(RowTable)