imbric-theme 1.1.2 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1712,6 +1712,71 @@ export const iconsMap = {
1712
1712
  </>
1713
1713
  ),
1714
1714
  },
1715
+ iconBus: {
1716
+ viewBox: '0 0 24 24',
1717
+ svg: (
1718
+ <>
1719
+ <svg
1720
+ width="24"
1721
+ height="24"
1722
+ viewBox="0 0 24 24"
1723
+ fill="none"
1724
+ xmlns="http://www.w3.org/2000/svg"
1725
+ >
1726
+ <g clip-path="url(#clip0_6_2)">
1727
+ <path
1728
+ d="M4.48873 2.28873L3.9584 1.75839L3.95839 1.7584L4.48873 2.28873ZM19.5112 2.28873L18.9809 2.81904L18.9809 2.81906L19.5112 2.28873ZM19.5112 19.5112L18.9809 18.9809L18.9809 18.9809L19.5112 19.5112ZM4.48873 19.5112L5.01906 18.9809L5.01904 18.9809L4.48873 19.5112ZM3.2 13.1L2.75 13.7C2.87982 13.7974 3.03772 13.85 3.2 13.85V13.1ZM20.8 13.1V13.85C20.9623 13.85 21.1202 13.7974 21.25 13.7L20.8 13.1ZM15.85 15.65C15.4358 15.65 15.1 15.9858 15.1 16.4C15.1 16.8142 15.4358 17.15 15.85 17.15V15.65ZM17.5 17.15C17.9142 17.15 18.25 16.8142 18.25 16.4C18.25 15.9858 17.9142 15.65 17.5 15.65V17.15ZM6.5 15.65C6.08579 15.65 5.75 15.9858 5.75 16.4C5.75 16.8142 6.08579 17.15 6.5 17.15V15.65ZM8.15 17.15C8.56421 17.15 8.9 16.8142 8.9 16.4C8.9 15.9858 8.56421 15.65 8.15 15.65V17.15ZM6.15 20.25C6.15 19.8358 5.81421 19.5 5.4 19.5C4.98579 19.5 4.65 19.8358 4.65 20.25H6.15ZM10 20.8C10 20.3858 9.66421 20.05 9.25 20.05C8.83579 20.05 8.5 20.3858 8.5 20.8H10ZM19.35 20.25C19.35 19.8358 19.0142 19.5 18.6 19.5C18.1858 19.5 17.85 19.8358 17.85 20.25H19.35ZM15.5 20.8C15.5 20.3858 15.1642 20.05 14.75 20.05C14.3358 20.05 14 20.3858 14 20.8H15.5ZM20.8 7.95C20.3858 7.95 20.05 8.28579 20.05 8.7C20.05 9.11421 20.3858 9.45 20.8 9.45V7.95ZM22.56 11.78L23.01 12.38L23.0101 12.3799L22.56 11.78ZM3.2 9.45C3.61421 9.45 3.95 9.11421 3.95 8.7C3.95 8.28579 3.61421 7.95 3.2 7.95V9.45ZM1.44 11.78L0.989935 12.38L0.99 12.38L1.44 11.78ZM20.25 5.05C20.6642 5.05 21 4.71421 21 4.3C21 3.88579 20.6642 3.55 20.25 3.55V5.05ZM3.75 3.55C3.33579 3.55 3 3.88579 3 4.3C3 4.71421 3.33579 5.05 3.75 5.05V3.55ZM3.95 9.8C3.95 7.70462 3.95159 6.20853 4.1044 5.07194C4.25431 3.95693 4.53727 3.30085 5.01906 2.81905L3.95839 1.7584C3.15146 2.56534 2.79005 3.59072 2.61778 4.87207C2.44841 6.13184 2.45 7.74702 2.45 9.8H3.95ZM5.01906 2.81906C5.50085 2.33727 6.15693 2.05431 7.27194 1.9044C8.40853 1.75159 9.90462 1.75 12 1.75V0.25C9.94702 0.25 8.33184 0.248407 7.07207 0.417779C5.79072 0.590051 4.76534 0.951457 3.9584 1.75839L5.01906 2.81906ZM12 1.75C14.0954 1.75 15.5915 1.75159 16.7281 1.9044C17.8431 2.05431 18.4992 2.33727 18.9809 2.81904L20.0416 1.75841C19.2347 0.951454 18.2093 0.59005 16.9279 0.417779C15.6682 0.248407 14.053 0.25 12 0.25V1.75ZM18.9809 2.81906C19.4627 3.30086 19.7457 3.95693 19.8956 5.07194C20.0484 6.20853 20.05 7.70462 20.05 9.8H21.55C21.55 7.74702 21.5516 6.13184 21.3822 4.87207C21.2099 3.59071 20.8485 2.56534 20.0416 1.75839L18.9809 2.81906ZM20.05 9.8V12H21.55V9.8H20.05ZM20.05 12C20.05 14.0954 20.0484 15.5915 19.8956 16.7281C19.7457 17.8431 19.4627 18.4991 18.9809 18.9809L20.0415 20.0416C20.8485 19.2347 21.2099 18.2093 21.3822 16.9279C21.5516 15.6682 21.55 14.053 21.55 12H20.05ZM18.9809 18.9809C18.4991 19.4627 17.8431 19.7457 16.7281 19.8956C15.5915 20.0484 14.0954 20.05 12 20.05V21.55C14.053 21.55 15.6682 21.5516 16.9279 21.3822C18.2093 21.2099 19.2347 20.8485 20.0416 20.0415L18.9809 18.9809ZM12 20.05C9.90462 20.05 8.40853 20.0484 7.27194 19.8956C6.15693 19.7457 5.50086 19.4627 5.01906 18.9809L3.95839 20.0416C4.76534 20.8485 5.79072 21.2099 7.07207 21.3822C8.33184 21.5516 9.94702 21.55 12 21.55V20.05ZM5.01904 18.9809C4.53727 18.4992 4.25431 17.8431 4.1044 16.7281C3.95159 15.5915 3.95 14.0954 3.95 12H2.45C2.45 14.053 2.44841 15.6682 2.61778 16.9279C2.79005 18.2093 3.15145 19.2347 3.95841 20.0416L5.01904 18.9809ZM3.95 12V9.8H2.45V12H3.95ZM3.2 13.85H20.8V12.35H3.2V13.85ZM15.85 17.15H17.5V15.65H15.85V17.15ZM6.5 17.15H8.15V15.65H6.5V17.15ZM4.65 20.25V21.9H6.15V20.25H4.65ZM4.65 21.9C4.65 22.9218 5.47829 23.75 6.5 23.75V22.25C6.3067 22.25 6.15 22.0933 6.15 21.9H4.65ZM6.5 23.75H8.15V22.25H6.5V23.75ZM8.15 23.75C9.17171 23.75 10 22.9218 10 21.9H8.5C8.5 22.0933 8.3433 22.25 8.15 22.25V23.75ZM10 21.9V20.8H8.5V21.9H10ZM17.85 20.25V21.9H19.35V20.25H17.85ZM17.85 21.9C17.85 22.0933 17.6933 22.25 17.5 22.25V23.75C18.5217 23.75 19.35 22.9217 19.35 21.9H17.85ZM17.5 22.25H15.85V23.75H17.5V22.25ZM15.85 22.25C15.6567 22.25 15.5 22.0933 15.5 21.9H14C14 22.9217 14.8283 23.75 15.85 23.75V22.25ZM15.5 21.9V20.8H14V21.9H15.5ZM20.8 9.45H21.9V7.95H20.8V9.45ZM21.9 9.45C22.0933 9.45 22.25 9.6067 22.25 9.8H23.75C23.75 8.77829 22.9218 7.95 21.9 7.95V9.45ZM22.25 9.8V10.9H23.75V9.8H22.25ZM22.25 10.9C22.25 11.0101 22.1982 11.1138 22.1099 11.1801L23.0101 12.3799C23.4758 12.0306 23.75 11.4824 23.75 10.9H22.25ZM22.11 11.18L20.35 12.5L21.25 13.7L23.01 12.38L22.11 11.18ZM3.2 7.95H2.1V9.45H3.2V7.95ZM2.1 7.95C1.07828 7.95 0.25 8.77828 0.25 9.8H1.75C1.75 9.60671 1.90671 9.45 2.1 9.45V7.95ZM0.25 9.8V10.9H1.75V9.8H0.25ZM0.25 10.9C0.25 11.4824 0.524202 12.0306 0.989935 12.38L1.89006 11.18C1.80182 11.1138 1.75 11.0101 1.75 10.9H0.25ZM0.99 12.38L2.75 13.7L3.65 12.5L1.89 11.18L0.99 12.38ZM20.25 3.55H3.75V5.05H20.25V3.55Z"
1729
+ fill="#1C274C"
1730
+ />
1731
+ </g>
1732
+ <defs>
1733
+ <clipPath id="clip0_6_2">
1734
+ <rect width="24" height="24" fill="white" />
1735
+ </clipPath>
1736
+ </defs>
1737
+ </svg>
1738
+ </>
1739
+ ),
1740
+ },
1741
+ iconTicketBus: {
1742
+ viewBox: '0 0 24 24',
1743
+ svg: (
1744
+ <>
1745
+ <svg
1746
+ width="24"
1747
+ height="24"
1748
+ viewBox="0 0 24 24"
1749
+ fill="none"
1750
+ xmlns="http://www.w3.org/2000/svg"
1751
+ >
1752
+ <path
1753
+ d="M23.5284 6.58354C23.7899 6.57998 24 6.36703 24 6.10551V4.83173C24 4.56768 23.786 4.35365 23.5219 4.35365H0.478078C0.214031 4.35365 0 4.56768 0 4.83173V6.10551C0 6.23343 0.0512812 6.35601 0.142359 6.44592C0.233437 6.53573 0.357 6.58425 0.484688 6.58354L0.501844 6.58307C1.05169 6.585 1.49845 7.03289 1.49845 7.5832C1.49845 8.13332 1.05197 8.58112 0.502359 8.58332L0.484688 8.58286C0.356953 8.58211 0.233484 8.63067 0.142359 8.72048C0.0512344 8.81029 0 8.93292 0 9.06084V10.5223C0 10.6502 0.0512812 10.7728 0.142359 10.8627C0.233437 10.9525 0.357 11.0015 0.484688 11.0003L0.501844 10.9998C1.05169 11.0017 1.49845 11.4496 1.49845 11.9999C1.49845 12.55 1.05197 12.9979 0.502312 13.0001L0.484688 12.9996C0.356953 12.9994 0.233484 13.0475 0.142359 13.1372C0.0512812 13.2271 0 13.3497 0 13.4777V14.9391C0 15.067 0.0512812 15.1897 0.142359 15.2795C0.233437 15.3693 0.357 15.4174 0.484688 15.4171L0.501844 15.4167C1.05169 15.4186 1.49845 15.8665 1.49845 16.4168C1.49845 16.967 1.05192 17.4149 0.502219 17.4169L0.484688 17.4165C0.356953 17.4153 0.233484 17.4643 0.142359 17.5541C0.0512812 17.644 0 17.7666 0 17.8945V19.1683C0 19.4323 0.214031 19.6463 0.478078 19.6463H23.5219C23.786 19.6463 24 19.4323 24 19.1683V17.8945C24 17.633 23.7898 17.42 23.5284 17.4165C22.9845 17.4091 22.5421 16.9607 22.5421 16.4167C22.5421 15.8729 22.9845 15.4245 23.5284 15.4171C23.7899 15.4136 24 15.2006 24 14.9391V13.4776C24 13.2161 23.7898 13.0031 23.5284 12.9996C22.9845 12.9923 22.5421 12.5438 22.5421 11.9999C22.5421 11.4561 22.9845 11.0077 23.5284 11.0003C23.7899 10.9968 24 10.7838 24 10.5223V9.06084C24 8.79933 23.7898 8.58633 23.5284 8.58281C22.9845 8.5755 22.5421 8.12704 22.5421 7.58315C22.542 7.03931 22.9845 6.59086 23.5284 6.58354ZM23.0438 9.47428V10.1089C22.2071 10.3312 21.5858 11.0986 21.5858 12C21.5858 12.9014 22.2071 13.6687 23.0438 13.8911V14.5257C22.2071 14.748 21.5858 15.5154 21.5858 16.4168C21.5858 17.3182 22.2071 18.0855 23.0438 18.3079V18.6902H16.8287V17.8327C16.8287 17.5686 16.6147 17.3546 16.3506 17.3546C16.0866 17.3546 15.8725 17.5686 15.8725 17.8327V18.6902H0.956156V18.319C1.81472 18.1123 2.45461 17.3378 2.45461 16.4167C2.45461 15.4957 1.81467 14.7212 0.956156 14.5145V13.9022C1.81472 13.6955 2.45461 12.9211 2.45461 11.9999C2.45461 11.0788 1.81467 10.3045 0.956156 10.0978V9.48534C1.81472 9.27867 2.45461 8.50425 2.45461 7.58311C2.45461 6.66197 1.81467 5.88764 0.956156 5.68092V5.30972H15.8725V6.16725C15.8725 6.43129 16.0865 6.64532 16.3506 6.64532C16.6146 6.64532 16.8286 6.43129 16.8286 6.16725V5.30972H23.0438V5.69203C22.2071 5.91436 21.5858 6.6817 21.5858 7.58311C21.5858 8.48451 22.2071 9.25195 23.0438 9.47428Z"
1754
+ fill="black"
1755
+ />
1756
+ <path
1757
+ d="M16.3506 8.02232C16.0866 8.02232 15.8725 8.23635 15.8725 8.5004V10.8335C15.8725 11.0975 16.0866 11.3115 16.3506 11.3115C16.6147 11.3115 16.8287 11.0975 16.8287 10.8335V8.5004C16.8287 8.23635 16.6147 8.02232 16.3506 8.02232Z"
1758
+ fill="black"
1759
+ />
1760
+ <path
1761
+ d="M16.3506 12.6884C16.0866 12.6884 15.8725 12.9025 15.8725 13.1665V15.4996C15.8725 15.7636 16.0866 15.9777 16.3506 15.9777C16.6147 15.9777 16.8287 15.7636 16.8287 15.4996V13.1665C16.8287 12.9025 16.6147 12.6884 16.3506 12.6884Z"
1762
+ fill="black"
1763
+ />
1764
+ <path
1765
+ d="M13.0518 7.41037H5.06775C4.8037 7.41037 4.58967 7.6244 4.58967 7.88845C4.58967 8.1525 4.8037 8.36653 5.06775 8.36653H13.0518C13.3159 8.36653 13.5299 8.1525 13.5299 7.88845C13.5299 7.6244 13.3158 7.41037 13.0518 7.41037Z"
1766
+ fill="black"
1767
+ />
1768
+ <path
1769
+ d="M9.20639 9.80559H5.06775C4.8037 9.80559 4.58967 10.0196 4.58967 10.2837C4.58967 10.5477 4.8037 10.7617 5.06775 10.7617H9.20639C9.47043 10.7617 9.68447 10.5477 9.68447 10.2837C9.68447 10.0196 9.47043 9.80559 9.20639 9.80559Z"
1770
+ fill="black"
1771
+ />
1772
+ <path
1773
+ d="M11.9112 9.80559H11.178C10.9139 9.80559 10.6999 10.0196 10.6999 10.2837C10.6999 10.5477 10.9139 10.7617 11.178 10.7617H11.9112C12.1753 10.7617 12.3893 10.5477 12.3893 10.2837C12.3893 10.0196 12.1753 9.80559 11.9112 9.80559Z"
1774
+ fill="black"
1775
+ />
1776
+ </svg>
1777
+ </>
1778
+ ),
1779
+ },
1715
1780
  }
1716
1781
 
1717
1782
  export const options = {
@@ -30,6 +30,7 @@ export const CardServiceDetail = ({
30
30
  txtModelCarService,
31
31
  txtCarNumberService,
32
32
  txtNumberDriverService,
33
+ viewNumberDriverService,
33
34
  txtSmsDriverService,
34
35
  onClickCross,
35
36
  txtTootipCross,
@@ -46,7 +47,6 @@ export const CardServiceDetail = ({
46
47
  labelNumberDriverService,
47
48
  labelSmsDriverService,
48
49
  }) => {
49
-
50
50
  // STATE TOOLTIP
51
51
  const [isToolTipMounted, setIsToolTipMounted] = useState(false)
52
52
 
@@ -58,273 +58,190 @@ export const CardServiceDetail = ({
58
58
  setIsToolTipMounted(false)
59
59
  }
60
60
 
61
-
62
61
  return (
63
62
  <div
64
63
  onClick={onClick && handleClick({ onClick })}
65
- className={getStyles('card-service-detail',
66
- { 'is-clickable': isClickable, },
67
- 'selectCard',
64
+ className={getStyles(
65
+ 'card-service-detail',
66
+ { 'is-clickable': isClickable },
67
+ 'selectCard'
68
68
  // { 'flip-out-hor-bottom': selectCard }
69
69
  )}
70
70
  >
71
-
72
71
  <div className={getStyles('card-content-box')}>
73
-
74
- <p className={getStyles(
75
- 'card-content-label',
76
- { 'statusPendiente': statusService === 10 },
77
- { 'statusAceptado': statusService === 20 },
78
- { 'statusPendiente2': statusService === -30 },
79
- { 'statusFinalizado': statusService === 30 }
80
- )}>
72
+ <p
73
+ className={getStyles(
74
+ 'card-content-label',
75
+ { statusPendiente: statusService === 10 },
76
+ { statusAceptado: statusService === 20 },
77
+ { statusPendiente2: statusService === -30 },
78
+ { statusFinalizado: statusService === 30 }
79
+ )}
80
+ >
81
81
  {txtInfoLabel}
82
82
  </p>
83
83
 
84
84
  <div className={getStyles('card-content')}>
85
-
86
85
  <div className={getStyles('card-subcontent-inLine')}>
87
-
88
- <Label >
89
- <Icon
90
- name="user"
91
- size="xs"
92
- color="highlight"
93
- />
86
+ <Label>
87
+ <Icon name="user" size="xs" color="highlight" />
94
88
  &nbsp;
95
89
  {labelUserService}
96
90
  </Label>
97
91
 
98
- <p className={getStyles('card-content-p')}>&nbsp; {txtUserService}</p>
99
-
92
+ <p className={getStyles('card-content-p')}>
93
+ &nbsp; {txtUserService}
94
+ </p>
100
95
  </div>
101
-
102
96
  </div>
103
97
 
104
98
  <div className={getStyles('card-content')}>
105
-
106
99
  <div className={getStyles('card-subcontent')}>
107
-
108
- <Label >
109
- <Icon
110
- name="originOrder"
111
- size="xs"
112
- color="highlight"
113
- />
100
+ <Label>
101
+ <Icon name="reference" size="xs" color="highlight" />
114
102
  &nbsp;
115
- {labelZoneService}
103
+ {labelRefService}
116
104
  </Label>
117
105
 
118
- <p className={getStyles('card-content-p')}>{txtZoneService}</p>
119
-
106
+ <p className={getStyles('card-content-p')}>{txtRefService}</p>
120
107
  </div>
121
108
 
122
109
  <div className={getStyles('card-subcontent')}>
123
-
124
- <Label >
125
- <Icon
126
- name="clock"
127
- size="xs"
128
- color="highlight"
129
- />
110
+ <Label>
111
+ <Icon name="userNumber" size="xs" color="highlight" />
130
112
  &nbsp;
131
- {labelTimeTotalService}
113
+ {labelModelCarService}
132
114
  </Label>
133
115
 
134
- <p className={getStyles('card-content-p')}>{txtTimeTotalService}</p>
135
-
116
+ <p className={getStyles('card-content-p')}>{txtModelCarService}</p>
136
117
  </div>
137
118
 
138
119
  <div className={getStyles('card-subcontent')}>
139
-
140
- <Label >
141
- <Icon
142
- name="distance"
143
- size="xs"
144
- color="highlight"
145
- />
120
+ <Label>
121
+ <Icon name="userNumber" size="xs" color="highlight" />
146
122
  &nbsp;
147
- {labelDistanceService}
123
+ {labelCarNumberService}
148
124
  </Label>
149
125
 
150
- <p className={getStyles('card-content-p')}>{txtDistanceService}</p>
151
-
126
+ <p className={getStyles('card-content-p')}>{txtCarNumberService}</p>
152
127
  </div>
153
-
154
128
  </div>
155
129
 
156
130
  <div className={getStyles('card-content')}>
157
-
158
- <div className={getStyles('card-subcontent')}>
159
-
160
- <Label >
161
- <Icon
162
- name="travelPrograms"
163
- size="xs"
164
- color="highlight"
165
- />
131
+ {/* <div className={getStyles('card-subcontent')}>
132
+ <Label>
133
+ <Icon name="originOrder" size="xs" color="highlight" />
166
134
  &nbsp;
167
- {labelServiceService}
135
+ {labelZoneService}
168
136
  </Label>
169
137
 
170
- <p className={getStyles('card-content-p')}>{txtServiceService}</p>
138
+ <p className={getStyles('card-content-p')}>{txtZoneService}</p>
139
+ </div> */}
171
140
 
172
- </div>
141
+ {viewNumberDriverService ? (
142
+ <div className={getStyles('card-subcontent')}>
143
+ <Label>
144
+ <Icon name="userNumber" size="xs" color="highlight" />
145
+ &nbsp;
146
+ {labelNumberDriverService}
147
+ </Label>
148
+
149
+ <p className={getStyles('card-content-p')}>
150
+ {txtNumberDriverService}
151
+ </p>
152
+ </div>
153
+ ) : null}
173
154
 
174
155
  <div className={getStyles('card-subcontent')}>
175
-
176
- <Label >
177
- <Icon
178
- name="moneyPayment"
179
- size="xs"
180
- color="highlight"
181
- />
156
+ <Label>
157
+ <Icon name="clock" size="xs" color="highlight" />
182
158
  &nbsp;
183
- {labelPayService}
159
+ {labelTimeTotalService}
184
160
  </Label>
185
161
 
186
- <p className={getStyles('card-content-p')}>{txtPayService}</p>
187
-
162
+ <p className={getStyles('card-content-p')}>{txtTimeTotalService}</p>
188
163
  </div>
189
164
 
190
165
  <div className={getStyles('card-subcontent')}>
191
-
192
- <Label >
193
- <Icon
194
- name="price"
195
- size="xs"
196
- color="highlight"
197
- />
166
+ <Label>
167
+ <Icon name="distance" size="xs" color="highlight" />
198
168
  &nbsp;
199
- {labelPriceService}
169
+ {labelDistanceService}
200
170
  </Label>
201
171
 
202
- <p className={getStyles('card-content-p')}>{txtPriceService}</p>
203
-
172
+ <p className={getStyles('card-content-p')}>{txtDistanceService}</p>
204
173
  </div>
205
-
206
174
  </div>
207
175
 
208
176
  <div className={getStyles('card-content')}>
209
-
210
177
  <div className={getStyles('card-subcontent')}>
211
-
212
- <Label >
213
- <Icon
214
- name="reference"
215
- size="xs"
216
- color="highlight"
217
- />
178
+ <Label>
179
+ <Icon name="price" size="xs" color="highlight" />
218
180
  &nbsp;
219
- {labelRefService}
181
+ {labelPriceService}
220
182
  </Label>
221
183
 
222
- <p className={getStyles('card-content-p')}>{txtRefService}</p>
223
-
184
+ <p className={getStyles('card-content-p')}>{txtPriceService}</p>
224
185
  </div>
225
186
 
226
187
  <div className={getStyles('card-subcontent')}>
227
-
228
- <Label >
229
- <Icon
230
- name="userNumber"
231
- size="xs"
232
- color="highlight"
233
- />
188
+ <Label>
189
+ <Icon name="moneyPayment" size="xs" color="highlight" />
234
190
  &nbsp;
235
- {labelModelCarService}
191
+ {labelPayService}
236
192
  </Label>
237
193
 
238
- <p className={getStyles('card-content-p')}>{txtModelCarService}</p>
239
-
194
+ <p className={getStyles('card-content-p')}>{txtPayService}</p>
240
195
  </div>
241
196
 
242
197
  <div className={getStyles('card-subcontent')}>
243
-
244
- <Label >
245
- <Icon
246
- name="userNumber"
247
- size="xs"
248
- color="highlight"
249
- />
198
+ <Label>
199
+ <Icon name="userNumber" size="xs" color="highlight" />
250
200
  &nbsp;
251
- {labelCarNumberService}
201
+ {labelServiceService}
252
202
  </Label>
253
203
 
254
- <p className={getStyles('card-content-p')}>{txtCarNumberService}</p>
255
-
204
+ <p className={getStyles('card-content-p')}>{txtServiceService}</p>
256
205
  </div>
257
-
258
206
  </div>
259
207
 
260
208
  <div className={getStyles('card-content')}>
261
-
262
- {/* <div className={getStyles('card-subcontent')}>
263
-
264
- <Label >
265
- <Icon
266
- name="userNumber"
267
- size="xs"
268
- color="highlight"
269
- />
270
- &nbsp;
271
- {labelNumberDriverService}
272
- </Label>
273
-
274
- <p className={getStyles('card-content-p')}>{txtNumberDriverService}</p>
275
-
276
- </div> */}
277
-
278
209
  <div className={getStyles('card-subcontent')}>
279
-
280
- <Label >
281
- <Icon
282
- name="messageDriver"
283
- size="xs"
284
- color="highlight"
285
- />
210
+ <Label>
211
+ <Icon name="messageDriver" size="xs" color="highlight" />
286
212
  &nbsp;
287
213
  {labelSmsDriverService}
288
214
  </Label>
289
215
 
290
216
  <p className={getStyles('card-content-p')}>{txtSmsDriverService}</p>
291
-
292
217
  </div>
293
-
294
218
  </div>
295
-
296
219
  </div>
297
220
 
298
221
  <div className={getStyles('card-content-action')}>
299
-
300
222
  <div className={getStyles('card-subcontent-action')}>
301
-
302
223
  <span
303
224
  data-tip
304
- data-for='cross'
225
+ data-for="cross"
305
226
  onMouseEnter={handleMouseEnter}
306
227
  onMouseLeave={handleMouseLeave}
307
228
  >
308
229
  <Icon
309
- id='crossIcon'
230
+ id="crossIcon"
310
231
  isClickable
311
232
  name="cross"
312
233
  onClick={onClickCross}
313
234
  size="sm"
314
235
  />
315
-
316
236
  </span>
317
237
 
318
238
  {isToolTipMounted ? (
319
- <ReactTooltip id='cross' type='error'>
239
+ <ReactTooltip id="cross" type="error">
320
240
  <span>{txtTootipCross}</span>
321
241
  </ReactTooltip>
322
242
  ) : null}
323
-
324
243
  </div>
325
-
326
244
  </div>
327
-
328
245
  </div>
329
246
  )
330
247
  }
@@ -346,6 +263,7 @@ CardServiceDetail.propTypes = {
346
263
  txtModelCarService: PropTypes.string,
347
264
  txtCarNumberService: PropTypes.string,
348
265
  txtNumberDriverService: PropTypes.string,
266
+ viewNumberDriverService: PropTypes.bool,
349
267
  txtSmsDriverService: PropTypes.string,
350
268
  onClickCross: PropTypes.func,
351
269
  txtTootipCross: PropTypes.string,
@@ -365,7 +283,7 @@ CardServiceDetail.propTypes = {
365
283
  }
366
284
 
367
285
  CardServiceDetail.defaultProps = {
368
- getStyles: () => { },
286
+ getStyles: () => {},
369
287
  txtInfoLabel: '',
370
288
  statusService: 10,
371
289
  txtUserService: '',
@@ -379,8 +297,9 @@ CardServiceDetail.defaultProps = {
379
297
  txtModelCarService: '',
380
298
  txtCarNumberService: '',
381
299
  txtNumberDriverService: '',
300
+ viewNumberDriverService: false,
382
301
  txtSmsDriverService: '',
383
- onClickCross: () => { },
302
+ onClickCross: () => {},
384
303
  txtTootipCross: 'Cerrar',
385
304
  selectCard: false,
386
305
  labelUserService: 'Creado por:',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "imbric-theme",
3
- "version": "1.1.2",
3
+ "version": "1.1.4",
4
4
  "description": "Components library IMBRIC",
5
5
  "private": false,
6
6
  "main": "index.js",
@@ -1,12 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
5
- <g id="XMLID_7_">
6
- <path id="XMLID_8_" d="M9.1,19.6c0.6,0,1.1-0.5,1.1-1.1v-5.1h2.3c2.5,0,4.5-2,4.5-4.5s-2-4.5-4.5-4.5c0,0,0,0,0,0H9.1c0,0,0,0,0,0
7
- C8.5,4.4,8,4.9,8,5.5v0v6.9v6.2C8,19.1,8.5,19.6,9.1,19.6z M12.5,6.5C12.5,6.5,12.5,6.5,12.5,6.5c1.3,0,2.3,1.1,2.3,2.3
8
- c0,1.3-1.1,2.3-2.3,2.3h-2.3V6.5H12.5z"/>
9
- <path id="XMLID_11_" d="M23.7,0.3C23.5,0.1,23.2,0,22.9,0L1.1,0C0.5,0,0,0.5,0,1.1v21.8C0,23.5,0.5,24,1.1,24h21.8
10
- c0.6,0,1.1-0.5,1.1-1.1V1.1C24,0.8,23.9,0.5,23.7,0.3z M21.8,21.8H2.2V2.2l19.6,0V21.8z"/>
11
- </g>
12
- </svg>