@micromag/screen-contribution 0.3.246 → 0.3.251
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 +14 -17
- package/lib/index.js +14 -17
- package/package.json +13 -13
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-contribution-container .micromag-screen-contribution-
|
|
1
|
+
.micromag-screen-contribution-container .micromag-screen-contribution-content{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit:focus-visible{outline:3px solid #a13dff;outline-offset:4px}.micromag-screen-contribution-container{position:relative}@-webkit-keyframes micromag-screen-contribution-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes micromag-screen-contribution-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputName,.micromag-screen-contribution-container .micromag-screen-contribution-emptySubmit,.micromag-screen-contribution-container .micromag-screen-contribution-emptyTitle{margin-bottom:10px;padding:10px}.micromag-screen-contribution-container .micromag-screen-contribution-emptyInputMessage{height:100px}.micromag-screen-contribution-container .micromag-screen-contribution-title{padding-bottom:20px}.micromag-screen-contribution-container .micromag-screen-contribution-interactiveContainer{-webkit-transition-property:height;-o-transition-property:height;transition-property:height;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-contribution-container .micromag-screen-contribution-form{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit,.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-inputName{display:block;width:100%;padding:4px}.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage,.micromag-screen-contribution-container .micromag-screen-contribution-inputName{margin-bottom:10px}.micromag-screen-contribution-container .micromag-screen-contribution-inputMessage{height:100px}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit{border:0}.micromag-screen-contribution-container .micromag-screen-contribution-buttonSubmit:disabled{opacity:1}.micromag-screen-contribution-container .micromag-screen-contribution-formContent{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.micromag-screen-contribution-container .micromag-screen-contribution-formLoading{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;-webkit-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease;-webkit-animation:micromag-screen-contribution-rotate 1s linear infinite;animation:micromag-screen-contribution-rotate 1s linear infinite;opacity:0;pointer-events:none}.micromag-screen-contribution-container .micromag-screen-contribution-formLoading .micromag-screen-contribution-loadingIcon{display:block;width:100%;height:100%}.micromag-screen-contribution-container .micromag-screen-contribution-contributionsContainer{position:relative;-webkit-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease;opacity:0}.micromag-screen-contribution-container .micromag-screen-contribution-contributionsContent{position:absolute;width:100%;height:0;overflow:hidden}.micromag-screen-contribution-container .micromag-screen-contribution-contributions{position:relative}.micromag-screen-contribution-container .micromag-screen-contribution-contribution{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #fff}.micromag-screen-contribution-container .micromag-screen-contribution-contribution:first-child{padding-top:20px;border-top:1px solid #fff}.micromag-screen-contribution-container .micromag-screen-contribution-contribution:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.micromag-screen-contribution-container .micromag-screen-contribution-callToAction{position:absolute;bottom:0;left:0;width:100%;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-contribution-container .micromag-screen-contribution-callToAction.micromag-screen-contribution-disabled{opacity:0;pointer-events:none}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-form{pointer-events:none}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-formContent{opacity:.4}.micromag-screen-contribution-container.micromag-screen-contribution-submitting .micromag-screen-contribution-formLoading{opacity:1}.micromag-screen-contribution-container.micromag-screen-contribution-submitted .micromag-screen-contribution-formContent{opacity:0}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-form{display:none}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-contributionsContainer{opacity:1}.micromag-screen-contribution-container.micromag-screen-contribution-showContributions .micromag-screen-contribution-contributionsContent{position:relative;height:auto;overflow:visible}.micromag-screen-contribution-container.micromag-screen-contribution-isPlaceholder .micromag-screen-contribution-content{padding:10px}
|
package/es/index.js
CHANGED
|
@@ -22,7 +22,7 @@ import Scroll from '@micromag/element-scroll';
|
|
|
22
22
|
import Text from '@micromag/element-text';
|
|
23
23
|
import TextInput from '@micromag/element-text-input';
|
|
24
24
|
|
|
25
|
-
var styles = {"container":"micromag-screen-contribution-container","
|
|
25
|
+
var styles = {"container":"micromag-screen-contribution-container","content":"micromag-screen-contribution-content","buttonSubmit":"micromag-screen-contribution-buttonSubmit","emptyInputMessage":"micromag-screen-contribution-emptyInputMessage","emptyInputName":"micromag-screen-contribution-emptyInputName","emptySubmit":"micromag-screen-contribution-emptySubmit","emptyTitle":"micromag-screen-contribution-emptyTitle","title":"micromag-screen-contribution-title","interactiveContainer":"micromag-screen-contribution-interactiveContainer","form":"micromag-screen-contribution-form","inputMessage":"micromag-screen-contribution-inputMessage","inputName":"micromag-screen-contribution-inputName","formContent":"micromag-screen-contribution-formContent","formLoading":"micromag-screen-contribution-formLoading","rotate":"micromag-screen-contribution-rotate","loadingIcon":"micromag-screen-contribution-loadingIcon","contributionsContainer":"micromag-screen-contribution-contributionsContainer","contributionsContent":"micromag-screen-contribution-contributionsContent","contributions":"micromag-screen-contribution-contributions","contribution":"micromag-screen-contribution-contribution","callToAction":"micromag-screen-contribution-callToAction","disabled":"micromag-screen-contribution-disabled","submitting":"micromag-screen-contribution-submitting","submitted":"micromag-screen-contribution-submitted","showContributions":"micromag-screen-contribution-showContributions","isPlaceholder":"micromag-screen-contribution-isPlaceholder"};
|
|
26
26
|
|
|
27
27
|
var propTypes = {
|
|
28
28
|
id: PropTypes.string,
|
|
@@ -421,16 +421,24 @@ var ContributionScreen = function ContributionScreen(_ref) {
|
|
|
421
421
|
return /*#__PURE__*/React.createElement("div", {
|
|
422
422
|
className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _defineProperty(_ref4, styles.submitting, submitState === 1), _defineProperty(_ref4, styles.submitted, submitState > 1), _defineProperty(_ref4, styles.showContributions, submitState === 4), _ref4)]),
|
|
423
423
|
"data-screen-ready": true
|
|
424
|
-
}, /*#__PURE__*/React.createElement(
|
|
424
|
+
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
425
|
+
background: background,
|
|
425
426
|
width: width,
|
|
426
427
|
height: height,
|
|
427
|
-
|
|
428
|
+
resolution: resolution,
|
|
429
|
+
playing: backgroundPlaying,
|
|
430
|
+
muted: muted,
|
|
431
|
+
shouldLoad: mediaShouldLoad,
|
|
432
|
+
mediaRef: mediaRef
|
|
433
|
+
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
434
|
+
width: width,
|
|
435
|
+
height: height
|
|
428
436
|
}, /*#__PURE__*/React.createElement("div", {
|
|
429
|
-
className: styles.
|
|
437
|
+
className: styles.content,
|
|
430
438
|
style: !isPlaceholder ? {
|
|
431
439
|
paddingLeft: spacing,
|
|
432
440
|
paddingRight: spacing,
|
|
433
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
441
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
434
442
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
435
443
|
} : null
|
|
436
444
|
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
@@ -451,18 +459,7 @@ var ContributionScreen = function ContributionScreen(_ref) {
|
|
|
451
459
|
animationDisabled: isPreview,
|
|
452
460
|
focusable: current && isView,
|
|
453
461
|
openWebView: openWebView
|
|
454
|
-
}))) : null))
|
|
455
|
-
background: background,
|
|
456
|
-
width: width,
|
|
457
|
-
height: height,
|
|
458
|
-
resolution: resolution,
|
|
459
|
-
playing: backgroundPlaying,
|
|
460
|
-
muted: muted,
|
|
461
|
-
shouldLoad: mediaShouldLoad,
|
|
462
|
-
mediaRef: mediaRef,
|
|
463
|
-
withoutVideo: isPreview,
|
|
464
|
-
className: styles.background
|
|
465
|
-
}) : null);
|
|
462
|
+
}))) : null)));
|
|
466
463
|
};
|
|
467
464
|
|
|
468
465
|
ContributionScreen.propTypes = propTypes;
|
package/lib/index.js
CHANGED
|
@@ -43,7 +43,7 @@ var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
|
|
|
43
43
|
var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
|
|
44
44
|
var TextInput__default = /*#__PURE__*/_interopDefaultLegacy(TextInput);
|
|
45
45
|
|
|
46
|
-
var styles = {"container":"micromag-screen-contribution-container","
|
|
46
|
+
var styles = {"container":"micromag-screen-contribution-container","content":"micromag-screen-contribution-content","buttonSubmit":"micromag-screen-contribution-buttonSubmit","emptyInputMessage":"micromag-screen-contribution-emptyInputMessage","emptyInputName":"micromag-screen-contribution-emptyInputName","emptySubmit":"micromag-screen-contribution-emptySubmit","emptyTitle":"micromag-screen-contribution-emptyTitle","title":"micromag-screen-contribution-title","interactiveContainer":"micromag-screen-contribution-interactiveContainer","form":"micromag-screen-contribution-form","inputMessage":"micromag-screen-contribution-inputMessage","inputName":"micromag-screen-contribution-inputName","formContent":"micromag-screen-contribution-formContent","formLoading":"micromag-screen-contribution-formLoading","rotate":"micromag-screen-contribution-rotate","loadingIcon":"micromag-screen-contribution-loadingIcon","contributionsContainer":"micromag-screen-contribution-contributionsContainer","contributionsContent":"micromag-screen-contribution-contributionsContent","contributions":"micromag-screen-contribution-contributions","contribution":"micromag-screen-contribution-contribution","callToAction":"micromag-screen-contribution-callToAction","disabled":"micromag-screen-contribution-disabled","submitting":"micromag-screen-contribution-submitting","submitted":"micromag-screen-contribution-submitted","showContributions":"micromag-screen-contribution-showContributions","isPlaceholder":"micromag-screen-contribution-isPlaceholder"};
|
|
47
47
|
|
|
48
48
|
var propTypes = {
|
|
49
49
|
id: PropTypes__default["default"].string,
|
|
@@ -442,16 +442,24 @@ var ContributionScreen = function ContributionScreen(_ref) {
|
|
|
442
442
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
443
443
|
className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _defineProperty__default["default"](_ref4, styles.submitting, submitState === 1), _defineProperty__default["default"](_ref4, styles.submitted, submitState > 1), _defineProperty__default["default"](_ref4, styles.showContributions, submitState === 4), _ref4)]),
|
|
444
444
|
"data-screen-ready": true
|
|
445
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
445
|
+
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
446
|
+
background: background,
|
|
446
447
|
width: width,
|
|
447
448
|
height: height,
|
|
448
|
-
|
|
449
|
+
resolution: resolution,
|
|
450
|
+
playing: backgroundPlaying,
|
|
451
|
+
muted: muted,
|
|
452
|
+
shouldLoad: mediaShouldLoad,
|
|
453
|
+
mediaRef: mediaRef
|
|
454
|
+
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
455
|
+
width: width,
|
|
456
|
+
height: height
|
|
449
457
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
450
|
-
className: styles.
|
|
458
|
+
className: styles.content,
|
|
451
459
|
style: !isPlaceholder ? {
|
|
452
460
|
paddingLeft: spacing,
|
|
453
461
|
paddingRight: spacing,
|
|
454
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
462
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
455
463
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
456
464
|
} : null
|
|
457
465
|
}, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
|
|
@@ -472,18 +480,7 @@ var ContributionScreen = function ContributionScreen(_ref) {
|
|
|
472
480
|
animationDisabled: isPreview,
|
|
473
481
|
focusable: current && isView,
|
|
474
482
|
openWebView: openWebView
|
|
475
|
-
}))) : null))
|
|
476
|
-
background: background,
|
|
477
|
-
width: width,
|
|
478
|
-
height: height,
|
|
479
|
-
resolution: resolution,
|
|
480
|
-
playing: backgroundPlaying,
|
|
481
|
-
muted: muted,
|
|
482
|
-
shouldLoad: mediaShouldLoad,
|
|
483
|
-
mediaRef: mediaRef,
|
|
484
|
-
withoutVideo: isPreview,
|
|
485
|
-
className: styles.background
|
|
486
|
-
}) : null);
|
|
483
|
+
}))) : null)));
|
|
487
484
|
};
|
|
488
485
|
|
|
489
486
|
ContributionScreen.propTypes = propTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-contribution",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.251",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -52,17 +52,17 @@
|
|
|
52
52
|
"@fortawesome/fontawesome-svg-core": "^1.2.32",
|
|
53
53
|
"@fortawesome/free-solid-svg-icons": "^5.15.1",
|
|
54
54
|
"@fortawesome/react-fontawesome": "^0.1.13",
|
|
55
|
-
"@micromag/core": "^0.3.
|
|
56
|
-
"@micromag/data": "^0.3.
|
|
57
|
-
"@micromag/element-background": "^0.3.
|
|
58
|
-
"@micromag/element-button": "^0.3.
|
|
59
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
60
|
-
"@micromag/element-container": "^0.3.
|
|
61
|
-
"@micromag/element-heading": "^0.3.
|
|
62
|
-
"@micromag/element-scroll": "^0.3.
|
|
63
|
-
"@micromag/element-text": "^0.3.
|
|
64
|
-
"@micromag/element-text-input": "^0.3.
|
|
65
|
-
"@micromag/transforms": "^0.3.
|
|
55
|
+
"@micromag/core": "^0.3.251",
|
|
56
|
+
"@micromag/data": "^0.3.251",
|
|
57
|
+
"@micromag/element-background": "^0.3.251",
|
|
58
|
+
"@micromag/element-button": "^0.3.251",
|
|
59
|
+
"@micromag/element-call-to-action": "^0.3.251",
|
|
60
|
+
"@micromag/element-container": "^0.3.251",
|
|
61
|
+
"@micromag/element-heading": "^0.3.251",
|
|
62
|
+
"@micromag/element-scroll": "^0.3.251",
|
|
63
|
+
"@micromag/element-text": "^0.3.251",
|
|
64
|
+
"@micromag/element-text-input": "^0.3.251",
|
|
65
|
+
"@micromag/transforms": "^0.3.251",
|
|
66
66
|
"classnames": "^2.2.6",
|
|
67
67
|
"lodash": "^4.17.21",
|
|
68
68
|
"prop-types": "^15.7.2",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
|
|
76
76
|
}
|