@woosmap/ui 4.29.0 → 4.30.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
CHANGED
|
@@ -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
|