@micromag/screen-urbania-recommendation 0.3.80 → 0.3.86
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/assets/css/styles.css +1 -1
- package/es/index.js +30 -28
- package/lib/index.js +30 -28
- package/package.json +11 -11
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-recommendation-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{position:relative;padding:6px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{height:200px;background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{padding:
|
|
1
|
+
.micromag-screen-urbania-recommendation-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{position:relative;padding:6px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{height:200px;background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear 2s ease-in-out;animation:micromag-screen-urbania-recommendation-appear 2s ease-in-out}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{padding:12px 10px 6px;border-bottom:2px solid #000;background-color:#ff4f46;color:#fff;font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category.micromag-screen-urbania-recommendation-noBottomBorder{border-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:#fff}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-isPlaceholder{margin-left:2px;padding:10px;background-color:#e9e9e9}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:30%;max-width:50%;height:inherit;padding:15px 10px;text-align:center;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer.micromag-screen-urbania-recommendation-rightBorder{border-right:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer strong{white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{color:#ff4f46;font-family:Agrandir,sans-serif;font-size:12px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date.micromag-screen-urbania-recommendation-centerDate{text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{min-width:50%;max-width:70%;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer.micromag-screen-urbania-recommendation-leftBorder{margin-right:-2px;margin-left:-2px;border-left:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{padding:15px 20px;font-family:Agrandir Narrow,sans-serif;font-size:20px;font-weight:700;text-align:center;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{padding:5px 10px 3px;background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{padding:10px;background-color:#fff;font-family:Roboto,sans-serif;font-size:12px;text-align:left}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{margin-bottom:1em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{-webkit-animation:micromag-screen-urbania-recommendation-roll 3s ease-out;animation:micromag-screen-urbania-recommendation-roll 3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:0}to{background-position-y:9000px}}@keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:0}to{background-position-y:9000px}}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}
|
package/es/index.js
CHANGED
|
@@ -18,7 +18,7 @@ import Layout, { Spacer } from '@micromag/element-layout';
|
|
|
18
18
|
import Scroll from '@micromag/element-scroll';
|
|
19
19
|
import Text from '@micromag/element-text';
|
|
20
20
|
|
|
21
|
-
var styles = {"container":"micromag-screen-urbania-recommendation-container","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyText":"micromag-screen-urbania-recommendation-emptyText","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","background":"micromag-screen-urbania-recommendation-background","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
|
|
21
|
+
var styles = {"container":"micromag-screen-urbania-recommendation-container","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyText":"micromag-screen-urbania-recommendation-emptyText","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","background":"micromag-screen-urbania-recommendation-background","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
|
|
22
22
|
|
|
23
23
|
var propTypes = {
|
|
24
24
|
category: PropTypes.headingElement,
|
|
@@ -47,7 +47,7 @@ var defaultProps = {
|
|
|
47
47
|
callToAction: null,
|
|
48
48
|
current: true,
|
|
49
49
|
active: true,
|
|
50
|
-
animateBackground:
|
|
50
|
+
animateBackground: true,
|
|
51
51
|
transitions: null,
|
|
52
52
|
transitionStagger: 100,
|
|
53
53
|
className: null
|
|
@@ -96,12 +96,16 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
96
96
|
var hasDescription = isTextFilled(description);
|
|
97
97
|
var onlyCategory = hasCategory && !hasDate && !hasTitle && !hasSponsor && !hasDescription;
|
|
98
98
|
var hasTextCard = hasCategory || hasDate || hasTitle || hasSponsor || hasDescription;
|
|
99
|
+
var backgroundPlaying = current && (isView || isEdit);
|
|
100
|
+
var backgroundShouldLoad = current || active || !isView;
|
|
101
|
+
var finalAnimateBackground = animateBackground && !isPlaceholder && !isStatic && !isPreview && !isEdit;
|
|
99
102
|
var transitionPlaying = current;
|
|
100
103
|
var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
|
|
101
104
|
var scrollingDisabled = !isEdit && transitionDisabled || !current;
|
|
102
|
-
var
|
|
103
|
-
|
|
104
|
-
|
|
105
|
+
var scrollTimein = setTimeout(function () {
|
|
106
|
+
return true;
|
|
107
|
+
}, 3000);
|
|
108
|
+
var finalScrollTimein = finalAnimateBackground && scrollTimein;
|
|
105
109
|
var hasCallToAction = callToAction !== null && callToAction.active === true;
|
|
106
110
|
|
|
107
111
|
var _useState = useState(false),
|
|
@@ -132,8 +136,8 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
132
136
|
|
|
133
137
|
var items = [!isPlaceholder ? /*#__PURE__*/React.createElement(Spacer, {
|
|
134
138
|
key: "spacer-cta-top"
|
|
135
|
-
}) : null, hasTextCard || isPlaceholder ? /*#__PURE__*/React.createElement(Container, {
|
|
136
|
-
className: classNames([styles.textCard, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _ref3)])
|
|
139
|
+
}) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React.createElement(Container, {
|
|
140
|
+
className: classNames([styles.textCard, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref3, styles.appear, finalAnimateBackground), _ref3)])
|
|
137
141
|
}, /*#__PURE__*/React.createElement(ScreenElement, {
|
|
138
142
|
key: "category",
|
|
139
143
|
placeholder: /*#__PURE__*/React.createElement(PlaceholderTitle, {
|
|
@@ -156,32 +160,30 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
156
160
|
key: "date",
|
|
157
161
|
placeholder: /*#__PURE__*/React.createElement(PlaceholderText, {
|
|
158
162
|
className: styles.datePlaceholder
|
|
159
|
-
})
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
isEmpty: !hasDate
|
|
163
|
+
}) // emptyLabel={
|
|
164
|
+
// <FormattedMessage
|
|
165
|
+
// defaultMessage="Date"
|
|
166
|
+
// description="Date placeholder"
|
|
167
|
+
// />
|
|
168
|
+
// }
|
|
169
|
+
// emptyClassName={styles.emptyText}
|
|
170
|
+
// isEmpty={!hasDate}
|
|
171
|
+
|
|
169
172
|
}, hasDate ? /*#__PURE__*/React.createElement("div", {
|
|
170
173
|
className: classNames([styles.dateContainer, (_ref6 = {}, _defineProperty(_ref6, className, className !== null), _defineProperty(_ref6, styles.rightBorder, hasTitle), _ref6)])
|
|
171
174
|
}, /*#__PURE__*/React.createElement(Text, Object.assign({
|
|
172
175
|
className: classNames([styles.date, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.centerDate, !hasTitle), _ref7)])
|
|
173
176
|
}, date))) : null), /*#__PURE__*/React.createElement(ScreenElement, {
|
|
174
177
|
key: "title",
|
|
175
|
-
placeholder: "title"
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
isEmpty: !hasTitle
|
|
178
|
+
placeholder: "title" // emptyLabel={
|
|
179
|
+
// <FormattedMessage
|
|
180
|
+
// defaultMessage="Title"
|
|
181
|
+
// description="Title placeholder"
|
|
182
|
+
// />
|
|
183
|
+
// }
|
|
184
|
+
// emptyClassName={styles.emptyTitle}
|
|
185
|
+
// isEmpty={!hasTitle}
|
|
186
|
+
|
|
185
187
|
}, hasTitle ? /*#__PURE__*/React.createElement("div", {
|
|
186
188
|
className: classNames([styles.titleContainer, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.leftBorder, hasDate), _ref8)])
|
|
187
189
|
}, /*#__PURE__*/React.createElement(Heading, Object.assign({
|
|
@@ -253,7 +255,7 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
253
255
|
width: width,
|
|
254
256
|
height: height
|
|
255
257
|
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
256
|
-
disabled: scrollingDisabled,
|
|
258
|
+
disabled: finalScrollTimein && scrollingDisabled,
|
|
257
259
|
onScrolledBottom: onScrolledBottom,
|
|
258
260
|
onScrolledNotBottom: onScrolledNotBottom,
|
|
259
261
|
verticalAlign: "middle"
|
package/lib/index.js
CHANGED
|
@@ -38,7 +38,7 @@ var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
|
|
|
38
38
|
var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
|
|
39
39
|
var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
|
|
40
40
|
|
|
41
|
-
var styles = {"container":"micromag-screen-urbania-recommendation-container","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyText":"micromag-screen-urbania-recommendation-emptyText","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","background":"micromag-screen-urbania-recommendation-background","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
|
|
41
|
+
var styles = {"container":"micromag-screen-urbania-recommendation-container","disabled":"micromag-screen-urbania-recommendation-disabled","hidden":"micromag-screen-urbania-recommendation-hidden","placeholder":"micromag-screen-urbania-recommendation-placeholder","content":"micromag-screen-urbania-recommendation-content","emptyText":"micromag-screen-urbania-recommendation-emptyText","emptyTitle":"micromag-screen-urbania-recommendation-emptyTitle","textCard":"micromag-screen-urbania-recommendation-textCard","isPlaceholder":"micromag-screen-urbania-recommendation-isPlaceholder","appear":"micromag-screen-urbania-recommendation-appear","category":"micromag-screen-urbania-recommendation-category","noBottomBorder":"micromag-screen-urbania-recommendation-noBottomBorder","categoryPlaceholder":"micromag-screen-urbania-recommendation-categoryPlaceholder","dateTitleRow":"micromag-screen-urbania-recommendation-dateTitleRow","bottomBorder":"micromag-screen-urbania-recommendation-bottomBorder","dateContainer":"micromag-screen-urbania-recommendation-dateContainer","rightBorder":"micromag-screen-urbania-recommendation-rightBorder","date":"micromag-screen-urbania-recommendation-date","centerDate":"micromag-screen-urbania-recommendation-centerDate","titleContainer":"micromag-screen-urbania-recommendation-titleContainer","leftBorder":"micromag-screen-urbania-recommendation-leftBorder","title":"micromag-screen-urbania-recommendation-title","sponsor":"micromag-screen-urbania-recommendation-sponsor","sponsorPlaceholder":"micromag-screen-urbania-recommendation-sponsorPlaceholder","description":"micromag-screen-urbania-recommendation-description","descriptionPlaceholder":"micromag-screen-urbania-recommendation-descriptionPlaceholder","background":"micromag-screen-urbania-recommendation-background","roll":"micromag-screen-urbania-recommendation-roll","layout":"micromag-screen-urbania-recommendation-layout"};
|
|
42
42
|
|
|
43
43
|
var propTypes = {
|
|
44
44
|
category: core.PropTypes.headingElement,
|
|
@@ -67,7 +67,7 @@ var defaultProps = {
|
|
|
67
67
|
callToAction: null,
|
|
68
68
|
current: true,
|
|
69
69
|
active: true,
|
|
70
|
-
animateBackground:
|
|
70
|
+
animateBackground: true,
|
|
71
71
|
transitions: null,
|
|
72
72
|
transitionStagger: 100,
|
|
73
73
|
className: null
|
|
@@ -116,12 +116,16 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
116
116
|
var hasDescription = utils.isTextFilled(description);
|
|
117
117
|
var onlyCategory = hasCategory && !hasDate && !hasTitle && !hasSponsor && !hasDescription;
|
|
118
118
|
var hasTextCard = hasCategory || hasDate || hasTitle || hasSponsor || hasDescription;
|
|
119
|
+
var backgroundPlaying = current && (isView || isEdit);
|
|
120
|
+
var backgroundShouldLoad = current || active || !isView;
|
|
121
|
+
var finalAnimateBackground = animateBackground && !isPlaceholder && !isStatic && !isPreview && !isEdit;
|
|
119
122
|
var transitionPlaying = current;
|
|
120
123
|
var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
|
|
121
124
|
var scrollingDisabled = !isEdit && transitionDisabled || !current;
|
|
122
|
-
var
|
|
123
|
-
|
|
124
|
-
|
|
125
|
+
var scrollTimein = setTimeout(function () {
|
|
126
|
+
return true;
|
|
127
|
+
}, 3000);
|
|
128
|
+
var finalScrollTimein = finalAnimateBackground && scrollTimein;
|
|
125
129
|
var hasCallToAction = callToAction !== null && callToAction.active === true;
|
|
126
130
|
|
|
127
131
|
var _useState = React.useState(false),
|
|
@@ -152,8 +156,8 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
152
156
|
|
|
153
157
|
var items = [!isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
|
|
154
158
|
key: "spacer-cta-top"
|
|
155
|
-
}) : null, hasTextCard || isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
156
|
-
className: classNames__default["default"]([styles.textCard, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _ref3)])
|
|
159
|
+
}) : null, hasTextCard || isPlaceholder || isEdit ? /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
160
|
+
className: classNames__default["default"]([styles.textCard, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref3, styles.appear, finalAnimateBackground), _ref3)])
|
|
157
161
|
}, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
|
|
158
162
|
key: "category",
|
|
159
163
|
placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderTitle, {
|
|
@@ -176,32 +180,30 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
176
180
|
key: "date",
|
|
177
181
|
placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderText, {
|
|
178
182
|
className: styles.datePlaceholder
|
|
179
|
-
})
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
isEmpty: !hasDate
|
|
183
|
+
}) // emptyLabel={
|
|
184
|
+
// <FormattedMessage
|
|
185
|
+
// defaultMessage="Date"
|
|
186
|
+
// description="Date placeholder"
|
|
187
|
+
// />
|
|
188
|
+
// }
|
|
189
|
+
// emptyClassName={styles.emptyText}
|
|
190
|
+
// isEmpty={!hasDate}
|
|
191
|
+
|
|
189
192
|
}, hasDate ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
190
193
|
className: classNames__default["default"]([styles.dateContainer, (_ref6 = {}, _defineProperty__default["default"](_ref6, className, className !== null), _defineProperty__default["default"](_ref6, styles.rightBorder, hasTitle), _ref6)])
|
|
191
194
|
}, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
|
|
192
195
|
className: classNames__default["default"]([styles.date, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.centerDate, !hasTitle), _ref7)])
|
|
193
196
|
}, date))) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
|
|
194
197
|
key: "title",
|
|
195
|
-
placeholder: "title"
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
isEmpty: !hasTitle
|
|
198
|
+
placeholder: "title" // emptyLabel={
|
|
199
|
+
// <FormattedMessage
|
|
200
|
+
// defaultMessage="Title"
|
|
201
|
+
// description="Title placeholder"
|
|
202
|
+
// />
|
|
203
|
+
// }
|
|
204
|
+
// emptyClassName={styles.emptyTitle}
|
|
205
|
+
// isEmpty={!hasTitle}
|
|
206
|
+
|
|
205
207
|
}, hasTitle ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
206
208
|
className: classNames__default["default"]([styles.titleContainer, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.leftBorder, hasDate), _ref8)])
|
|
207
209
|
}, /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
|
|
@@ -273,7 +275,7 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
273
275
|
width: width,
|
|
274
276
|
height: height
|
|
275
277
|
}, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
|
|
276
|
-
disabled: scrollingDisabled,
|
|
278
|
+
disabled: finalScrollTimein && scrollingDisabled,
|
|
277
279
|
onScrolledBottom: onScrolledBottom,
|
|
278
280
|
onScrolledNotBottom: onScrolledNotBottom,
|
|
279
281
|
verticalAlign: "middle"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-recommendation",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.86",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -49,15 +49,15 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
|
-
"@micromag/core": "^0.3.
|
|
53
|
-
"@micromag/element-background": "^0.3.
|
|
54
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
55
|
-
"@micromag/element-container": "^0.3.
|
|
56
|
-
"@micromag/element-heading": "^0.3.
|
|
57
|
-
"@micromag/element-layout": "^0.3.
|
|
58
|
-
"@micromag/element-scroll": "^0.3.
|
|
59
|
-
"@micromag/element-text": "^0.3.
|
|
60
|
-
"@micromag/transforms": "^0.3.
|
|
52
|
+
"@micromag/core": "^0.3.86",
|
|
53
|
+
"@micromag/element-background": "^0.3.86",
|
|
54
|
+
"@micromag/element-call-to-action": "^0.3.86",
|
|
55
|
+
"@micromag/element-container": "^0.3.86",
|
|
56
|
+
"@micromag/element-heading": "^0.3.86",
|
|
57
|
+
"@micromag/element-layout": "^0.3.86",
|
|
58
|
+
"@micromag/element-scroll": "^0.3.86",
|
|
59
|
+
"@micromag/element-text": "^0.3.86",
|
|
60
|
+
"@micromag/transforms": "^0.3.86",
|
|
61
61
|
"classnames": "^2.2.6",
|
|
62
62
|
"lodash": "^4.17.21",
|
|
63
63
|
"prop-types": "^15.7.2",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "063af274982885b7696d265e6567ab8d44c8b9ad"
|
|
71
71
|
}
|