imbric-theme 1.0.0 → 1.0.2

package/atoms/Button/Button.js

@@ -25,10 +25,11 @@ export const Button = ({
   onClick,
   id,
   getStyles,
+  typeButton,
 }) => (
   <button
-  id={id}
-    type="submit"
+    id={id}
+    type={typeButton}
     disabled={isMuted}
     className={getStyles('button', ['type'], {
       'is-inline': isInline || type === 'tertiary',
@@ -68,6 +69,7 @@ Button.propTypes = {
   isFloatRight: PropTypes.bool,
   isFloatLeft: PropTypes.bool,
   id: PropTypes.string,
+  typeButton: PropTypes.string,
 }
 
 Button.defaultProps = {
@@ -78,6 +80,7 @@ Button.defaultProps = {
   isFloatRight: false,
   isFloatLeft: false,
   id: '',
+  typeButton: 'submit'
 }
 
 export default withStyles(styles)(Button)

package/atoms/Label/Label.js

@@ -5,10 +5,10 @@ import styles from './Label.module.css'
 import { options } from './constants'
 import withStyles from '../../hocs/withStyles'
 
-export const Label = ({ children, getStyles, isHint }) => {
+export const Label = ({ children, getStyles, isHint, isPointer, onClick }) => {
   return (
 
-    <label className={getStyles('label', ['color'], { 'is-hint': isHint })}>{children}</label>
+    <label onClick={onClick} className={getStyles('label', ['color'], { 'is-hint': isHint, 'is-pointer': isPointer })}>{children}</label>
 
   )
 }
@@ -26,6 +26,7 @@ Label.defaultProps = {
   children: ' ',
   isHint: false,
   color: 'label',
+  onClick: () => { },
 }
 
 export default withStyles(styles)(Label)

package/atoms/Label/Label.module.css

@@ -13,6 +13,10 @@
   font-size: 11px;
 }
 
+.is-pointer {
+  cursor: pointer;
+}
+
 .color-label {
   color: var(--color-brand-eastern-blue);
 }

package/atoms/Modal/Modal.module.css

@@ -106,6 +106,7 @@
     max-height: 700px;
     overflow: auto;
     min-width: 100%;
+    padding: 0px 3px;
   }
 
   .container-full {

package/layout/DynamicTable/DynamicTable.js

@@ -155,7 +155,7 @@ export const DynamicTable = ({
 
           <>
 
-            <Horizontal size="sm" />
+
             <div className={getStyles('opFunctionBox3')}>
 
               <Button
@@ -176,7 +176,6 @@ export const DynamicTable = ({
         {isViewLeftBtnSecondary ? (
 
           <>
-
             <div className={getStyles('opFunctionBox3')}>
 
               <Button
@@ -188,6 +187,9 @@ export const DynamicTable = ({
               </Button>
 
             </div>
+
+            <Horizontal size="sm" />
+
           </>
         ) : null}
 
@@ -195,6 +197,8 @@ export const DynamicTable = ({
 
           <>
 
+            <Horizontal size="sm" />
+
             <div className={getStyles('opFunctionBox3')}>
 
               <Button

package/molecules/CardProductTypesBooking/CardProductTypesBooking.js

@@ -76,11 +76,11 @@ CardProductTypesBooking.propTypes = {
 CardProductTypesBooking.defaultProps = {
   getStyles: () => { },
   onClick: () => { },
-  textNotification: 'Reserve 2 h antes de la salida de su vuelo si es nacional, 3 h antes si es internacional.',
-  textProductTypes: 'ECO (Tarifa máxima)',
-  textEtaProductTypesSub: '4 - 8 min.',
-  textDescription: 'Envío urgente de sobres y paquetes pequeños con taxi.',
-  priceProductTypes: '30€ - 30€',
+  textNotification: '---',
+  textProductTypes: '---',
+  textEtaProductTypesSub: '---',
+  textDescription: '---',
+  priceProductTypes: '---',
   priceProductTypesSub: 'Máx.',
   selectCard: 'false',
   availableCard: 'false'

package/molecules/ColumnTable/ColumnTable.module.css

@@ -48,5 +48,5 @@
   max-width: 80px;
   min-width: 80px;
   width: 80px;
-  display: inline-table;
+  /* display: inline-table; */
 }

package/molecules/RowTable/RowTable.js

@@ -44,6 +44,7 @@ export const RowTable = ({
   txtTootipIconLink,
   txtTootipIconClone,
   txtTootipIconCheckbox,
+  onClickCheckboxRow
 }) => {
 
 
@@ -201,8 +202,8 @@ export const RowTable = ({
                             id={'idToggle' + item.id}
                             checked={item.isSelected}
                             label=""
-                            disabled={[itemTd.disabled]}
-                            onChangeCheckbox={(e) => { handleClickCheckbox(e, item) }}
+                            disabled={itemTd.disabled}
+                            onChangeCheckbox={(e) => { handleClickCheckbox(e, item), onClickCheckboxRow(e, item) }}
                           />
 
                         </td>
@@ -553,68 +554,6 @@ export const RowTable = ({
 
                                 : 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 ?
 
@@ -944,7 +883,67 @@ export const RowTable = ({
                                 : 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}
 
 
 

package/package.json

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