@woosmap/ui 4.29.0 → 4.31.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.
- package/package.json +1 -1
- package/src/components/Icon/Icon.js +5 -2
- package/src/components/UseCase/UseCase.js +4 -1
- package/src/components/UseCase/UseCase.stories.js +1 -1
- package/src/components/UseCase/UseCase.styl +2 -0
- package/src/icons/social-github.svg +1 -0
- package/src/icons/social-google.svg +1 -0
package/package.json
CHANGED
|
@@ -175,8 +175,8 @@ import { ReactComponent as Expand } from '../../icons/expand.svg';
|
|
|
175
175
|
import { ReactComponent as Export } from '../../icons/export.svg';
|
|
176
176
|
import { ReactComponent as Flag } from '../../icons/flag.svg';
|
|
177
177
|
import { ReactComponent as Forbidden } from '../../icons/forbidden.svg';
|
|
178
|
+
|
|
178
179
|
import { ReactComponent as Globe } from '../../icons/globe.svg';
|
|
179
|
-
import { ReactComponent as Google } from '../../icons/google.svg';
|
|
180
180
|
import { ReactComponent as Home } from '../../icons/home.svg';
|
|
181
181
|
import { ReactComponent as Hourglass } from '../../icons/hourglass.svg';
|
|
182
182
|
import { ReactComponent as HomeUser } from '../../icons/home-user.svg';
|
|
@@ -245,6 +245,8 @@ import { ReactComponent as Showcases } from '../../icons/showcases.svg';
|
|
|
245
245
|
import { ReactComponent as Indoor } from '../../icons/indoor.svg';
|
|
246
246
|
|
|
247
247
|
import { ReactComponent as SocialFacebook } from '../../icons/social-facebook.svg';
|
|
248
|
+
import { ReactComponent as socialGithub } from '../../icons/social-github.svg';
|
|
249
|
+
import { ReactComponent as socialGoogle } from '../../icons/social-google.svg';
|
|
248
250
|
import { ReactComponent as SocialLinkedin } from '../../icons/social-linkedin.svg';
|
|
249
251
|
import { ReactComponent as SocialTwitter } from '../../icons/social-twitter.svg';
|
|
250
252
|
|
|
@@ -526,7 +528,6 @@ const ConsoleIcons = {
|
|
|
526
528
|
flag: Flag,
|
|
527
529
|
forbidden: Forbidden,
|
|
528
530
|
globe: Globe,
|
|
529
|
-
google: Google,
|
|
530
531
|
'home-user': HomeUser,
|
|
531
532
|
home: Home,
|
|
532
533
|
hourglass: Hourglass,
|
|
@@ -566,6 +567,8 @@ const ConsoleIcons = {
|
|
|
566
567
|
shield: Shield,
|
|
567
568
|
shortcut: Shortcut,
|
|
568
569
|
'social-facebook': SocialFacebook,
|
|
570
|
+
'social-github': socialGithub,
|
|
571
|
+
'social-google': socialGoogle,
|
|
569
572
|
'social-linkedin': SocialLinkedin,
|
|
570
573
|
'social-twitter': SocialTwitter,
|
|
571
574
|
'star-filled': StarFilled,
|
|
@@ -58,7 +58,7 @@ class UseCase extends Component {
|
|
|
58
58
|
};
|
|
59
59
|
|
|
60
60
|
render() {
|
|
61
|
-
const { className, children, isSelectable, testId, useCaseStory, ...rest } = this.props;
|
|
61
|
+
const { className, children, isSelectable, testId, useCaseStory, productId, ...rest } = this.props;
|
|
62
62
|
const { stateSelected } = this.state;
|
|
63
63
|
const classes = cl(
|
|
64
64
|
'use-case',
|
|
@@ -75,6 +75,7 @@ class UseCase extends Component {
|
|
|
75
75
|
onClick={this.onClick}
|
|
76
76
|
onKeyDown={() => {}}
|
|
77
77
|
tabIndex="-1"
|
|
78
|
+
id={productId}
|
|
78
79
|
{...rest}
|
|
79
80
|
>
|
|
80
81
|
<div className="use-case__image" />
|
|
@@ -88,6 +89,7 @@ UseCase.defaultProps = {
|
|
|
88
89
|
testId: 'usecase',
|
|
89
90
|
className: '',
|
|
90
91
|
isSelectable: false,
|
|
92
|
+
productId: '',
|
|
91
93
|
useCaseStory: PropTypes.oneOf([
|
|
92
94
|
'storeLocator',
|
|
93
95
|
'productLocator',
|
|
@@ -106,6 +108,7 @@ UseCase.propTypes = {
|
|
|
106
108
|
className: PropTypes.string,
|
|
107
109
|
isSelectable: PropTypes.bool,
|
|
108
110
|
useCaseStory: PropTypes.string,
|
|
111
|
+
productId: PropTypes.string,
|
|
109
112
|
};
|
|
110
113
|
|
|
111
114
|
export default Object.assign(UseCase, {
|
|
@@ -13,7 +13,7 @@ export default Story;
|
|
|
13
13
|
|
|
14
14
|
const Template = () => (
|
|
15
15
|
<div className="mbib flex-column">
|
|
16
|
-
<UseCase isSelectable useCaseStory="ecommerceCheckout">
|
|
16
|
+
<UseCase isSelectable productId="ecommerceCheckout" useCaseStory="ecommerceCheckout">
|
|
17
17
|
<div className="use-case__header">Store Locator</div>
|
|
18
18
|
<div className="use-case__body">
|
|
19
19
|
Help your visitors searching for your stores and increase your store footfall
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path id="d" d="m8.563,18.179c0,.084-.096.151-.218.151-.138.013-.235-.054-.235-.151,0-.084.096-.151.218-.151.126-.013.235.054.235.151Zm-1.302-.188c-.029.084.054.179.179.205.095.046.21.009.26-.084.025-.084-.054-.179-.179-.218-.098-.035-.208.005-.26.096Zm1.85-.071c-.119.029-.205.109-.192.205.013.084.119.138.247.109s.205-.109.192-.192-.126-.135-.247-.122ZM11.865,1.88C6.323,1.764,1.736,6.162,1.62,11.704c-.003.13-.003.26,0,.39-.036,4.516,2.822,8.549,7.095,10.012.536.096.724-.235.724-.507,0-.26-.013-1.691-.013-2.57,0,0-2.93.628-3.545-1.25,0,0-.476-1.218-1.164-1.532,0,0-.958-.655.067-.645.677.092,1.273.491,1.616,1.083.577,1.077,1.918,1.483,2.995.906.019-.01.038-.021.056-.031.054-.533.291-1.032.67-1.411-2.339-.26-4.703-.598-4.703-4.625-.047-.927.314-1.827.988-2.465-.317-.928-.279-1.941.109-2.842.875-.272,2.888,1.131,2.888,1.131,1.72-.474,3.537-.474,5.257,0,0,0,2.013-1.407,2.888-1.131.388.901.426,1.914.109,2.842.699.627,1.092,1.526,1.08,2.465,0,4.039-2.465,4.362-4.805,4.625.51.512.771,1.222.714,1.942,0,1.411-.013,3.155-.013,3.499,0,.272.192.603.724.507,4.26-1.46,7.096-5.498,7.024-10.001-.002-5.809-4.71-10.216-10.516-10.216Zm-6.178,14.436c-.054.042-.042.138.029.218.067.067.163.096.218.042.054-.042.042-.138-.029-.218-.067-.067-.163-.096-.218-.042Zm-.452-.339c-.029.054.013.119.096.163.055.042.133.031.174-.023.001-.002.003-.004.004-.006.029-.054-.013-.119-.096-.163-.082-.025-.149-.013-.179.03h0Zm1.356,1.488c-.067.054-.042.179.054.26.096.096.218.109.272.042.054-.054.029-.179-.054-.26-.092-.094-.217-.107-.272-.039v-.002Zm-.476-.616c-.067.042-.067.151,0,.247s.179.138.235.096c.068-.073.068-.186,0-.26-.06-.094-.168-.136-.235-.082v-.002Z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21.998,10.27h-9.777v3.902h5.598c-.251,1.28-.986,2.362-2.077,3.097-.934.623-2.12,1.004-3.521,1.004-2.708,0-5.001-1.826-5.823-4.291-.216-.623-.329-1.289-.329-1.981s.121-1.358.329-1.981c.822-2.466,3.115-4.292,5.823-4.292,1.531,0,2.898.528,3.98,1.557l2.959-2.959c-1.791-1.679-4.136-2.708-6.939-2.708-4.058,0-7.562,2.336-9.267,5.728-.709,1.402-1.116,2.976-1.116,4.655s.407,3.253,1.116,4.655c1.705,3.392,5.209,5.728,9.267,5.728,2.803,0,5.148-.934,6.861-2.518,1.955-1.808,3.08-4.473,3.08-7.631,0-.684-.061-1.332-.164-1.964Z"/></svg>
|