@woosmap/ui 3.172.0 → 3.174.0

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.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/components/Card/Card.js +15 -0
  3. package/src/components/Card/Card.styl +7 -1
  4. package/src/components/Icon/Icon.js +5 -1
  5. package/src/icons/code.svg +1 -1
  6. package/src/icons/dollar.svg +1 -0
  7. package/src/icons/shortcut.svg +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@woosmap/ui",
3
- "version": "3.172.0",
3
+ "version": "3.174.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/WebGeoServices/ui.git"
package/src/components/Card/Card.js CHANGED
@@ -4,6 +4,8 @@ import cl from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import { tr } from '../utils/locale';
6
6
  import Icon from '../Icon/Icon';
7
+ import Tooltip from '../Tooltip/Tooltip';
8
+
7
9
  import localitiesImg from '../../images/products/product-localities.png';
8
10
  import localitiesUkImg from '../../images/products/product-localities-uk.png';
9
11
  import geolocationImg from '../../images/products/product-geolocation.png';
@@ -141,6 +143,19 @@ class Aside extends Component {
141
143
  />
142
144
  <div className="card__aside__list__item__section">
143
145
  <div className="card__aside__list__item__section__title">{product.name}</div>
146
+ <Tooltip
147
+ direction="n"
148
+ wrap
149
+ text={tr(
150
+ '{{name}} add-on not included in the 40k Free credits/month. Usage is chargeable from the first request.',
151
+ { name: product.name }
152
+ )}
153
+ >
154
+ <div className="card__aside__list__item__section__paying-label">
155
+ <Icon size={16} icon="dollar" />
156
+ <span>{tr('Paying from the firt request')}</span>
157
+ </div>
158
+ </Tooltip>
144
159
  <div className="card__aside__list__item__section__item">{children}</div>
145
160
  </div>
146
161
  </li>
package/src/components/Card/Card.styl CHANGED
@@ -181,7 +181,6 @@
181
181
  &__item
182
182
  mbi(1.4)
183
183
  display flex
184
- align-items center
185
184
  &__image
186
185
  sq(3)
187
186
  br()
@@ -191,6 +190,13 @@
191
190
  font-weight 600
192
191
  font-size $fontSize
193
192
  margin-bottom .5rem
193
+ &__paying-label
194
+ display flex
195
+ align-items center
196
+ color $logo5
197
+ font-size $fontSizeSmall - .1
198
+ .icon
199
+ fill $logo5
194
200
  &__footer
195
201
  color $dark40
196
202
  &--small
package/src/components/Icon/Icon.js CHANGED
@@ -160,6 +160,7 @@ import { ReactComponent as Dashboard } from '../../icons/dashboard.svg';
160
160
  import { ReactComponent as Delete } from '../../icons/delete.svg';
161
161
  import { ReactComponent as Details } from '../../icons/details.svg';
162
162
  import { ReactComponent as Documentation } from '../../icons/documentation.svg';
163
+ import { ReactComponent as Dollar } from '../../icons/dollar.svg';
163
164
  import { ReactComponent as DotFill } from '../../icons/dot-fill.svg';
164
165
  import { ReactComponent as Dot } from '../../icons/dot.svg';
165
166
  import { ReactComponent as Download } from '../../icons/download.svg';
@@ -212,6 +213,7 @@ import { ReactComponent as Search } from '../../icons/search.svg';
212
213
  import { ReactComponent as SeePage } from '../../icons/see-page.svg';
213
214
  import { ReactComponent as Settings } from '../../icons/settings.svg';
214
215
  import { ReactComponent as Shield } from '../../icons/shield.svg';
216
+ import { ReactComponent as Shortcut } from '../../icons/shortcut.svg';
215
217
  import { ReactComponent as Star } from '../../icons/star.svg';
216
218
  import { ReactComponent as StarFilled } from '../../icons/star-filled.svg';
217
219
  import { ReactComponent as Support } from '../../icons/support.svg';
@@ -507,6 +509,7 @@ const ConsoleIcons = {
507
509
  delete: Delete,
508
510
  details: Details,
509
511
  documentation: Documentation,
512
+ dollar: Dollar,
510
513
  'dot-fill': DotFill,
511
514
  dot: Dot,
512
515
  download: Download,
@@ -559,7 +562,7 @@ const ConsoleIcons = {
559
562
  'see-page': SeePage,
560
563
  settings: Settings,
561
564
  shield: Shield,
562
- showcases: Showcases,
565
+ shortcut: Shortcut,
563
566
  'social-facebook': SocialFacebook,
564
567
  'social-linkedin': SocialLinkedin,
565
568
  'social-twitter': SocialTwitter,
@@ -693,6 +696,7 @@ const ProductsIcons = {
693
696
  storelocator: StoreLocator,
694
697
  stores: Stores,
695
698
  traffic: Traffic,
699
+ showcases: Showcases,
696
700
  };
697
701
 
698
702
  const Icons = {
package/src/icons/code.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.582 15.366a13.565 13.565 0 0 1-2.812-2.702.99.99 0 0 1 0-1.219A13.56 13.56 0 0 1 7.592 8.74l.312-.224a.559.559 0 1 0-.652-.91l-.312.223a14.674 14.674 0 0 0-3.054 2.928 2.11 2.11 0 0 0 .005 2.604 14.714 14.714 0 0 0 3.038 2.916l.336.24a.558.558 0 0 0 .781-.129.559.559 0 0 0-.129-.781l-.336-.24ZM20.441 10.755a14.643 14.643 0 0 0-3.053-2.928l-.312-.224a.56.56 0 0 0-.652.91l.313.225a13.524 13.524 0 0 1 2.821 2.704.996.996 0 0 1-.006 1.227 13.508 13.508 0 0 1-2.808 2.694l-.335.24a.558.558 0 0 0 .326 1.014.554.554 0 0 0 .326-.104l.334-.239a14.655 14.655 0 0 0 3.045-2.925 2.107 2.107 0 0 0 0-2.595ZM13.68 5.144a.56.56 0 0 0-.675.415l-3.1 13.002a.561.561 0 0 0 1.09.26l3.1-13.002a.561.561 0 0 0-.415-.675Z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.582 15.366a13.565 13.565 0 0 1-2.812-2.702.99.99 0 0 1 0-1.219A13.56 13.56 0 0 1 7.592 8.74l.312-.224a.559.559 0 1 0-.652-.91l-.312.223a14.674 14.674 0 0 0-3.054 2.928 2.11 2.11 0 0 0 .005 2.604 14.714 14.714 0 0 0 3.038 2.916l.336.24a.558.558 0 0 0 .781-.129.559.559 0 0 0-.129-.781l-.336-.24Zm12.859-4.611a14.643 14.643 0 0 0-3.053-2.928l-.312-.224a.56.56 0 0 0-.652.91l.313.225a13.524 13.524 0 0 1 2.821 2.704.996.996 0 0 1-.006 1.227 13.508 13.508 0 0 1-2.808 2.694l-.335.24a.558.558 0 0 0 .326 1.014.554.554 0 0 0 .326-.104l.334-.239a14.655 14.655 0 0 0 3.045-2.925 2.107 2.107 0 0 0 0-2.595ZM13.68 5.144a.56.56 0 0 0-.675.415l-3.1 13.002a.561.561 0 0 0 1.09.26l3.1-13.002a.561.561 0 0 0-.415-.675Z"/></svg>
package/src/icons/dollar.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.973 13.153a3.628 3.628 0 0 0-1.428-1.084c-.524-.229-1.191-.452-1.985-.672V6.725c.502.037.992.127 1.461.314.583.231 1.049.532 1.398.902a.479.479 0 0 0 .33.121.649.649 0 0 0 .428-.165c.129-.109.194-.229.194-.355 0-.139-.098-.307-.292-.503-.414-.439-.968-.778-1.66-1.016-.583-.199-1.208-.295-1.859-.327V3.819a.56.56 0 1 0-1.12 0v1.912c-.558.058-1.086.157-1.548.345-.667.271-1.185.645-1.554 1.119a2.583 2.583 0 0 0-.554 1.631c0 .683.175 1.246.524 1.691s.807.801 1.369 1.066c.483.228 1.084.436 1.762.63v4.869c-1.238-.121-2.303-.585-3.17-1.438-.129-.116-.271-.174-.427-.174s-.295.058-.418.174a.515.515 0 0 0-.185.381c0 .162.078.302.233.417.673.59 1.369 1.023 2.088 1.301.556.215 1.195.321 1.878.37v1.859a.56.56 0 1 0 1.12 0v-1.856c.653-.046 1.265-.154 1.801-.373.68-.277 1.211-.656 1.593-1.136.382-.48.573-1.016.573-1.605 0-.763-.185-1.379-.554-1.848Zm-6.129-2.819c-.569-.358-.854-.873-.854-1.544 0-.647.298-1.159.894-1.535.428-.27.949-.439 1.558-.516v4.316c-.655-.226-1.191-.466-1.597-.721Zm4.536 6.211c-.5.32-1.111.503-1.82.562v-4.548c.41.134.786.266 1.092.395.492.208.891.477 1.194.807.305.33.457.743.457 1.24 0 .637-.308 1.151-.923 1.544Z"/></svg>
package/src/icons/shortcut.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.863 20.983a6.524 6.524 0 0 1-4.456-1.759 6.519 6.519 0 0 1-2.068-5.031 6.517 6.517 0 0 1 1.907-4.359l3.122-3.122-2.739-2.74a.558.558 0 0 1 .396-.955h10.082c.31 0 .56.25.56.56v10.081a.56.56 0 0 1-.955.396l-2.998-2.997-2.022 2.021a3.08 3.08 0 0 0-.879 2.633 3.08 3.08 0 0 0 1.578 2.285l2.79 1.534a.559.559 0 0 1-.209 1.047l-3.403.368c-.235.025-.47.038-.704.038ZM9.376 4.136l2.18 2.181a.558.558 0 0 1 0 .791l-3.518 3.518a5.402 5.402 0 0 0-1.58 3.613 5.405 5.405 0 0 0 1.714 4.168 5.424 5.424 0 0 0 4.274 1.426l1.637-.177-1.232-.679a4.183 4.183 0 0 1-2.147-3.107 4.19 4.19 0 0 1 1.196-3.583l2.418-2.417a.558.558 0 0 1 .791 0l2.438 2.438V4.136H9.376Z"/></svg>