@coorpacademy/components 10.16.4-alpha.1 → 10.17.2
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/README.md +54 -0
- package/es/atom/drag-and-drop/index.js +6 -3
- package/es/atom/drag-and-drop/index.js.map +1 -1
- package/es/atom/drag-and-drop/style.css +5 -0
- package/es/atom/drag-and-drop/test/fixtures/disabled.js +12 -0
- package/es/atom/drag-and-drop/test/fixtures/disabled.js.map +1 -0
- package/es/atom/drag-and-drop/test/fixtures.js +2 -0
- package/es/atom/drag-and-drop/test/fixtures.js.map +1 -1
- package/es/atom/image-upload/index.js +3 -1
- package/es/atom/image-upload/index.js.map +1 -1
- package/es/atom/image-upload/test/fixtures/disabled.js +12 -0
- package/es/atom/image-upload/test/fixtures/disabled.js.map +1 -0
- package/es/atom/image-upload/test/fixtures.js +2 -0
- package/es/atom/image-upload/test/fixtures.js.map +1 -1
- package/es/atom/lottie-wrapper/index.js +158 -0
- package/es/atom/lottie-wrapper/index.js.map +1 -0
- package/es/atom/lottie-wrapper/style.css +15 -0
- package/es/atom/lottie-wrapper/test/fixtures/confetti.js +19 -0
- package/es/atom/lottie-wrapper/test/fixtures/confetti.js.map +1 -0
- package/es/atom/lottie-wrapper/test/fixtures/controls.js +10 -0
- package/es/atom/lottie-wrapper/test/fixtures/controls.js.map +1 -0
- package/es/atom/lottie-wrapper/test/fixtures/default.js +19 -0
- package/es/atom/lottie-wrapper/test/fixtures/default.js.map +1 -0
- package/es/atom/lottie-wrapper/test/fixtures/rank.js +15 -0
- package/es/atom/lottie-wrapper/test/fixtures/rank.js.map +1 -0
- package/es/atom/lottie-wrapper/test/fixtures.js +19 -0
- package/es/atom/lottie-wrapper/test/fixtures.js.map +1 -0
- package/es/atom/lottie-wrapper/test/lottie.js +119 -0
- package/es/atom/lottie-wrapper/test/lottie.js.map +1 -0
- package/es/molecule/drag-and-drop-wrapper/test/fixtures/{without-checkbox.js → disabled.js} +3 -2
- package/es/molecule/drag-and-drop-wrapper/test/fixtures/disabled.js.map +1 -0
- package/es/molecule/drag-and-drop-wrapper/test/fixtures.js +2 -2
- package/es/molecule/drag-and-drop-wrapper/test/fixtures.js.map +1 -1
- package/es/molecule/teams-popin/test/fixtures/loading-background.js +1 -1
- package/es/molecule/teams-popin/test/fixtures/loading-background.js.map +1 -1
- package/es/molecule/teams-popin/test/fixtures/login-background.js +1 -1
- package/es/molecule/teams-popin/test/fixtures/login-background.js.map +1 -1
- package/es/organism/rewards-form/test/fixtures/default.js +3 -2
- package/es/organism/rewards-form/test/fixtures/default.js.map +1 -1
- package/lib/atom/drag-and-drop/index.js +7 -3
- package/lib/atom/drag-and-drop/index.js.map +1 -1
- package/lib/atom/drag-and-drop/style.css +5 -0
- package/lib/atom/drag-and-drop/test/fixtures/disabled.js +21 -0
- package/lib/atom/drag-and-drop/test/fixtures/disabled.js.map +1 -0
- package/lib/atom/drag-and-drop/test/fixtures.js +3 -0
- package/lib/atom/drag-and-drop/test/fixtures.js.map +1 -1
- package/lib/atom/image-upload/index.js +3 -1
- package/lib/atom/image-upload/index.js.map +1 -1
- package/lib/atom/image-upload/test/fixtures/disabled.js +21 -0
- package/lib/atom/image-upload/test/fixtures/disabled.js.map +1 -0
- package/lib/atom/image-upload/test/fixtures.js +3 -0
- package/lib/atom/image-upload/test/fixtures.js.map +1 -1
- package/lib/atom/lottie-wrapper/index.js +184 -0
- package/lib/atom/lottie-wrapper/index.js.map +1 -0
- package/lib/atom/lottie-wrapper/style.css +15 -0
- package/lib/atom/lottie-wrapper/test/fixtures/confetti.js +24 -0
- package/lib/atom/lottie-wrapper/test/fixtures/confetti.js.map +1 -0
- package/lib/atom/lottie-wrapper/test/fixtures/controls.js +19 -0
- package/lib/atom/lottie-wrapper/test/fixtures/controls.js.map +1 -0
- package/lib/atom/lottie-wrapper/test/fixtures/default.js +24 -0
- package/lib/atom/lottie-wrapper/test/fixtures/default.js.map +1 -0
- package/lib/atom/lottie-wrapper/test/fixtures/rank.js +20 -0
- package/lib/atom/lottie-wrapper/test/fixtures/rank.js.map +1 -0
- package/lib/atom/lottie-wrapper/test/fixtures.js +31 -0
- package/lib/atom/lottie-wrapper/test/fixtures.js.map +1 -0
- package/lib/atom/lottie-wrapper/test/lottie.js +136 -0
- package/lib/atom/lottie-wrapper/test/lottie.js.map +1 -0
- package/lib/molecule/drag-and-drop-wrapper/test/fixtures/{without-checkbox.js → disabled.js} +3 -2
- package/lib/molecule/drag-and-drop-wrapper/test/fixtures/disabled.js.map +1 -0
- package/lib/molecule/drag-and-drop-wrapper/test/fixtures.js +3 -3
- package/lib/molecule/drag-and-drop-wrapper/test/fixtures.js.map +1 -1
- package/lib/molecule/teams-popin/test/fixtures/loading-background.js +1 -1
- package/lib/molecule/teams-popin/test/fixtures/loading-background.js.map +1 -1
- package/lib/molecule/teams-popin/test/fixtures/login-background.js +1 -1
- package/lib/molecule/teams-popin/test/fixtures/login-background.js.map +1 -1
- package/lib/organism/rewards-form/test/fixtures/default.js +4 -3
- package/lib/organism/rewards-form/test/fixtures/default.js.map +1 -1
- package/package.json +7 -4
- package/es/molecule/drag-and-drop-wrapper/test/fixtures/without-checkbox.js.map +0 -1
- package/lib/molecule/drag-and-drop-wrapper/test/fixtures/without-checkbox.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/atom/image-upload/test/fixtures.js"],"names":["t","pass","AtomImageUpload","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCleanModified","fixtureDefault","fixtureDesktopResetDescriptionMultiple","fixtureDesktopResetDescriptionOnlyPng","fixtureDesktopResetDescription","fixtureDesktopResetNoDescription","fixtureDesktop","fixtureEmail","fixtureMobile","fixtureModified"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sDAAL,EAA6DA,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA2GO,sBAA3G;AACA,kBAAK,uDAAL,EAA8DD,wBAA9D,EAAoFN,SAApF,EAAqGQ,gBAArG;AACA,kBAAK,+EAAL,EAAsFF,wBAAtF,EAA4GN,SAA5G,EAA6HS,wCAA7H;AACA,kBAAK,8EAAL,EAAqFH,wBAArF,EAA2GN,SAA3G,EAA4HU,uCAA5H;AACA,kBAAK,uEAAL,EAA8EJ,wBAA9E,EAAoGN,SAApG,EAAqHW,gCAArH;AACA,kBAAK,yEAAL,EAAgFL,wBAAhF,EAAsGN,SAAtG,EAAuHY,kCAAvH;AACA,kBAAK,uDAAL,EAA8DN,wBAA9D,EAAoFN,SAApF,EAAqGa,gBAArG;AACA,kBAAK,qDAAL,
|
|
1
|
+
{"version":3,"sources":["../../../../src/atom/image-upload/test/fixtures.js"],"names":["t","pass","AtomImageUpload","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCleanModified","fixtureDefault","fixtureDesktopResetDescriptionMultiple","fixtureDesktopResetDescriptionOnlyPng","fixtureDesktopResetDescription","fixtureDesktopResetNoDescription","fixtureDesktop","fixtureDisabled","fixtureEmail","fixtureMobile","fixtureModified"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sDAAL,EAA6DA,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA2GO,sBAA3G;AACA,kBAAK,uDAAL,EAA8DD,wBAA9D,EAAoFN,SAApF,EAAqGQ,gBAArG;AACA,kBAAK,+EAAL,EAAsFF,wBAAtF,EAA4GN,SAA5G,EAA6HS,wCAA7H;AACA,kBAAK,8EAAL,EAAqFH,wBAArF,EAA2GN,SAA3G,EAA4HU,uCAA5H;AACA,kBAAK,uEAAL,EAA8EJ,wBAA9E,EAAoGN,SAApG,EAAqHW,gCAArH;AACA,kBAAK,yEAAL,EAAgFL,wBAAhF,EAAsGN,SAAtG,EAAuHY,kCAAvH;AACA,kBAAK,uDAAL,EAA8DN,wBAA9D,EAAoFN,SAApF,EAAqGa,gBAArG;AACA,kBAAK,wDAAL,EAA+DP,wBAA/D,EAAqFN,SAArF,EAAsGc,iBAAtG;AACA,kBAAK,qDAAL,EAA4DR,wBAA5D,EAAkFN,SAAlF,EAAmGe,cAAnG;AACA,kBAAK,sDAAL,EAA6DT,wBAA7D,EAAmFN,SAAnF,EAAoGgB,eAApG;AACA,kBAAK,wDAAL,EAA+DV,wBAA/D,EAAqFN,SAArF,EAAsGiB,iBAAtG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomImageUpload from '..';\nimport fixtureCleanModified from './fixtures/clean-modified';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDesktopResetDescriptionMultiple from './fixtures/desktop-reset-description-multiple';\nimport fixtureDesktopResetDescriptionOnlyPng from './fixtures/desktop-reset-description-only-png';\nimport fixtureDesktopResetDescription from './fixtures/desktop-reset-description';\nimport fixtureDesktopResetNoDescription from './fixtures/desktop-reset-no-description';\nimport fixtureDesktop from './fixtures/desktop';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureEmail from './fixtures/email';\nimport fixtureMobile from './fixtures/mobile';\nimport fixtureModified from './fixtures/modified';\n\ntest('Atom › AtomImageUpload > should have valid propTypes', t => {\n t.pass();\n forEach(AtomImageUpload.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomImageUpload.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomImageUpload › CleanModified › should be rendered', renderComponentMacro, AtomImageUpload, fixtureCleanModified);\ntest('Atom › AtomImageUpload › Default › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDefault);\ntest('Atom › AtomImageUpload › DesktopResetDescriptionMultiple › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescriptionMultiple);\ntest('Atom › AtomImageUpload › DesktopResetDescriptionOnlyPng › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescriptionOnlyPng);\ntest('Atom › AtomImageUpload › DesktopResetDescription › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetDescription);\ntest('Atom › AtomImageUpload › DesktopResetNoDescription › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktopResetNoDescription);\ntest('Atom › AtomImageUpload › Desktop › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDesktop);\ntest('Atom › AtomImageUpload › Disabled › should be rendered', renderComponentMacro, AtomImageUpload, fixtureDisabled);\ntest('Atom › AtomImageUpload › Email › should be rendered', renderComponentMacro, AtomImageUpload, fixtureEmail);\ntest('Atom › AtomImageUpload › Mobile › should be rendered', renderComponentMacro, AtomImageUpload, fixtureMobile);\ntest('Atom › AtomImageUpload › Modified › should be rendered', renderComponentMacro, AtomImageUpload, fixtureModified);\n"],"file":"fixtures.js"}
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = exports.fetchAndLoadAnimation = exports.ANIMATION_CONTROL = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
|
|
12
|
+
var _lottieWeb = _interopRequireDefault(require("lottie-web"));
|
|
13
|
+
|
|
14
|
+
var _get = _interopRequireDefault(require("lodash/fp/get"));
|
|
15
|
+
|
|
16
|
+
var _has = _interopRequireDefault(require("lodash/fp/has"));
|
|
17
|
+
|
|
18
|
+
var _includes = _interopRequireDefault(require("lodash/fp/includes"));
|
|
19
|
+
|
|
20
|
+
var _keys = _interopRequireDefault(require("lodash/fp/keys"));
|
|
21
|
+
|
|
22
|
+
var _omit = _interopRequireDefault(require("lodash/fp/omit"));
|
|
23
|
+
|
|
24
|
+
var _isomorphicUnfetch = _interopRequireDefault(require("isomorphic-unfetch"));
|
|
25
|
+
|
|
26
|
+
var _style = _interopRequireDefault(require("./style.css"));
|
|
27
|
+
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
+
|
|
30
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
31
|
+
|
|
32
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
+
|
|
34
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
35
|
+
|
|
36
|
+
const ANIMATION_CONTROL = {
|
|
37
|
+
play: 'play',
|
|
38
|
+
pause: 'pause',
|
|
39
|
+
stop: 'stop',
|
|
40
|
+
loading: 'loading'
|
|
41
|
+
};
|
|
42
|
+
exports.ANIMATION_CONTROL = ANIMATION_CONTROL;
|
|
43
|
+
|
|
44
|
+
const isIE11 = () => {
|
|
45
|
+
if (typeof window === 'undefined') return;
|
|
46
|
+
const userAgent = (0, _get.default)('navigator.userAgent', window);
|
|
47
|
+
const hasMsCrypto = (0, _has.default)('msCrypto', window);
|
|
48
|
+
const hasRevision = (0, _includes.default)('rv:', userAgent);
|
|
49
|
+
const hasTrident = (0, _includes.default)('Trident/', userAgent);
|
|
50
|
+
return hasMsCrypto || hasRevision && hasTrident;
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, autoplay) => {
|
|
54
|
+
const animationUrl = new URL(animationSrc).toString();
|
|
55
|
+
const fetchResult = await _fetch(animationUrl, {
|
|
56
|
+
headers: {
|
|
57
|
+
'X-Requested-With': 'XMLHttpRequest',
|
|
58
|
+
'Content-Type': 'application/json'
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
const animationData = await fetchResult.json();
|
|
62
|
+
|
|
63
|
+
const animation = _lottie.loadAnimation({
|
|
64
|
+
container: containerRef.current,
|
|
65
|
+
// the dom element that will contain the animation
|
|
66
|
+
renderer: 'svg',
|
|
67
|
+
autoplay,
|
|
68
|
+
loop,
|
|
69
|
+
animationData,
|
|
70
|
+
rendererSettings: {
|
|
71
|
+
className: animationClassnames,
|
|
72
|
+
hideOnTransparent,
|
|
73
|
+
preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
|
|
74
|
+
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
return animation;
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
exports.fetchAndLoadAnimation = fetchAndLoadAnimation;
|
|
82
|
+
|
|
83
|
+
const LottieWrapper = props => {
|
|
84
|
+
const {
|
|
85
|
+
className,
|
|
86
|
+
'data-name': dataName,
|
|
87
|
+
'aria-label': ariaLabel,
|
|
88
|
+
animationSrc,
|
|
89
|
+
loop = false,
|
|
90
|
+
rendererSettings = {},
|
|
91
|
+
width,
|
|
92
|
+
height,
|
|
93
|
+
ie11ImageBackup,
|
|
94
|
+
backupImageClassName,
|
|
95
|
+
autoplay = true,
|
|
96
|
+
animationControl
|
|
97
|
+
} = props;
|
|
98
|
+
const {
|
|
99
|
+
className: animationClassName,
|
|
100
|
+
hideOnTransparent = true
|
|
101
|
+
} = rendererSettings;
|
|
102
|
+
const containerRef = (0, _react.useRef)(null); // lottie's animation instance
|
|
103
|
+
|
|
104
|
+
const [animationItem, setAnimationItem] = (0, _react.useState)(null);
|
|
105
|
+
const [isAnimationVisible, setIsAnimationVisible] = (0, _react.useState)(autoplay);
|
|
106
|
+
|
|
107
|
+
const _isIE11 = (0, _react.useMemo)(() => isIE11(), []);
|
|
108
|
+
|
|
109
|
+
const wrapperClassName = (0, _react.useMemo)(() => (0, _classnames.default)(className, _style.default.lottieContainer), [className]);
|
|
110
|
+
const lottieAnimationClassName = (0, _react.useMemo)(() => (0, _classnames.default)(animationClassName, _style.default.animation), [animationClassName]);
|
|
111
|
+
const ie11BackupImageClassName = (0, _react.useMemo)(() => (0, _classnames.default)(backupImageClassName, _style.default.backupImage), [backupImageClassName]);
|
|
112
|
+
(0, _react.useEffect)(() => {
|
|
113
|
+
// enzyme does not handle well the state update after an async useEffect in tests
|
|
114
|
+
// to remove when the migration towards @testing-library/react is done
|
|
115
|
+
|
|
116
|
+
/* istanbul ignore next */
|
|
117
|
+
if (animationItem && (0, _includes.default)(animationControl, (0, _keys.default)((0, _omit.default)('loading', ANIMATION_CONTROL))) && !autoplay) {
|
|
118
|
+
setIsAnimationVisible(true);
|
|
119
|
+
animationItem[animationControl]();
|
|
120
|
+
if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
|
|
121
|
+
}
|
|
122
|
+
}, [animationControl, animationItem, autoplay]);
|
|
123
|
+
(0, _react.useEffect)(() => {
|
|
124
|
+
const loadAnimation = async () => {
|
|
125
|
+
if (!_isIE11 && !animationItem) {
|
|
126
|
+
/* istanbul ignore else */
|
|
127
|
+
if (typeof window !== 'undefined') {
|
|
128
|
+
window.lottie = _lottieWeb.default;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
const animation = await fetchAndLoadAnimation(_lottieWeb.default, _isomorphicUnfetch.default, animationSrc, containerRef, loop, lottieAnimationClassName, hideOnTransparent, autoplay);
|
|
132
|
+
/* istanbul ignore next */
|
|
133
|
+
|
|
134
|
+
setAnimationItem(animation);
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
loadAnimation();
|
|
139
|
+
return () => animationItem &&
|
|
140
|
+
/* istanbul ignore next */
|
|
141
|
+
_lottieWeb.default.destroy(animationItem.name);
|
|
142
|
+
}, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, _isIE11, animationItem, autoplay]);
|
|
143
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
144
|
+
ref: containerRef,
|
|
145
|
+
"aria-label": ariaLabel,
|
|
146
|
+
"data-name": dataName,
|
|
147
|
+
className: wrapperClassName,
|
|
148
|
+
style: _extends(_extends(_extends({}, width && {
|
|
149
|
+
width: `${width}px`,
|
|
150
|
+
maxWidth: `${width}px`
|
|
151
|
+
}), height && {
|
|
152
|
+
height: `${height}px`,
|
|
153
|
+
maxHeight: `${height}px`
|
|
154
|
+
}), {}, {
|
|
155
|
+
opacity: isAnimationVisible ? 1 : 0,
|
|
156
|
+
transition: 'opacity 0.25s ease-in'
|
|
157
|
+
})
|
|
158
|
+
}, _isIE11 ? /*#__PURE__*/_react.default.createElement("img", {
|
|
159
|
+
src: ie11ImageBackup,
|
|
160
|
+
className: ie11BackupImageClassName,
|
|
161
|
+
"data-name": "ie11-backup-image"
|
|
162
|
+
}) : null);
|
|
163
|
+
};
|
|
164
|
+
|
|
165
|
+
LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
166
|
+
'aria-label': _propTypes.default.string.isRequired,
|
|
167
|
+
'data-name': _propTypes.default.string,
|
|
168
|
+
animationSrc: _propTypes.default.string.isRequired,
|
|
169
|
+
loop: _propTypes.default.bool,
|
|
170
|
+
rendererSettings: _propTypes.default.shape({
|
|
171
|
+
hideOnTransparent: _propTypes.default.bool,
|
|
172
|
+
className: _propTypes.default.string
|
|
173
|
+
}),
|
|
174
|
+
height: _propTypes.default.number,
|
|
175
|
+
width: _propTypes.default.number,
|
|
176
|
+
className: _propTypes.default.string,
|
|
177
|
+
ie11ImageBackup: _propTypes.default.string.isRequired,
|
|
178
|
+
backupImageClassName: _propTypes.default.string,
|
|
179
|
+
autoplay: _propTypes.default.bool,
|
|
180
|
+
animationControl: _propTypes.default.oneOf((0, _keys.default)(ANIMATION_CONTROL))
|
|
181
|
+
} : {};
|
|
182
|
+
var _default = LottieWrapper;
|
|
183
|
+
exports.default = _default;
|
|
184
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/lottie-wrapper/index.js"],"names":["ANIMATION_CONTROL","play","pause","stop","loading","isIE11","window","userAgent","hasMsCrypto","hasRevision","hasTrident","fetchAndLoadAnimation","_lottie","_fetch","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","autoplay","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","rendererSettings","className","preserveAspectRatio","LottieWrapper","props","dataName","ariaLabel","width","height","ie11ImageBackup","backupImageClassName","animationControl","animationClassName","animationItem","setAnimationItem","isAnimationVisible","setIsAnimationVisible","_isIE11","wrapperClassName","style","lottieContainer","lottieAnimationClassName","ie11BackupImageClassName","backupImage","lottie","unfetch","destroy","name","maxWidth","maxHeight","opacity","transition","propTypes","PropTypes","string","isRequired","bool","shape","number","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport get from 'lodash/fp/get';\nimport has from 'lodash/fp/has';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\n\nexport const ANIMATION_CONTROL = {\n play: 'play',\n pause: 'pause',\n stop: 'stop',\n loading: 'loading'\n};\n\nconst isIE11 = () => {\n if (typeof window === 'undefined') return;\n const userAgent = get('navigator.userAgent', window);\n const hasMsCrypto = has('msCrypto', window);\n const hasRevision = includes('rv:', userAgent);\n const hasTrident = includes('Trident/', userAgent);\n\n return hasMsCrypto || (hasRevision && hasTrident);\n};\n\nexport const fetchAndLoadAnimation = async (\n _lottie,\n _fetch,\n animationSrc,\n containerRef,\n loop,\n animationClassnames,\n hideOnTransparent,\n autoplay\n) => {\n const animationUrl = new URL(animationSrc).toString();\n const fetchResult = await _fetch(animationUrl, {\n headers: {\n 'X-Requested-With': 'XMLHttpRequest',\n 'Content-Type': 'application/json'\n }\n });\n\n const animationData = await fetchResult.json();\n\n const animation = _lottie.loadAnimation({\n container: containerRef.current, // the dom element that will contain the animation\n renderer: 'svg',\n autoplay,\n loop,\n animationData,\n rendererSettings: {\n className: animationClassnames,\n hideOnTransparent,\n preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop\n }\n });\n return animation;\n};\n\nconst LottieWrapper = props => {\n const {\n className,\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n animationSrc,\n loop = false,\n rendererSettings = {},\n width,\n height,\n ie11ImageBackup,\n backupImageClassName,\n autoplay = true,\n animationControl\n } = props;\n\n const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n const containerRef = useRef(null);\n\n // lottie's animation instance\n const [animationItem, setAnimationItem] = useState(null);\n\n const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n const _isIE11 = useMemo(() => isIE11(), []);\n\n const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n const lottieAnimationClassName = useMemo(() => classnames(animationClassName, style.animation), [\n animationClassName\n ]);\n\n const ie11BackupImageClassName = useMemo(\n () => classnames(backupImageClassName, style.backupImage),\n [backupImageClassName]\n );\n\n useEffect(() => {\n // enzyme does not handle well the state update after an async useEffect in tests\n // to remove when the migration towards @testing-library/react is done\n /* istanbul ignore next */\n if (\n animationItem &&\n includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) &&\n !autoplay\n ) {\n setIsAnimationVisible(true);\n animationItem[animationControl]();\n if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n }\n }, [animationControl, animationItem, autoplay]);\n\n useEffect(() => {\n const loadAnimation = async () => {\n if (!_isIE11 && !animationItem) {\n /* istanbul ignore else */\n if (typeof window !== 'undefined') {\n window.lottie = lottie;\n }\n const animation = await fetchAndLoadAnimation(\n lottie,\n unfetch,\n animationSrc,\n containerRef,\n loop,\n lottieAnimationClassName,\n hideOnTransparent,\n autoplay\n );\n\n /* istanbul ignore next */\n setAnimationItem(animation);\n }\n };\n\n loadAnimation();\n return () => animationItem && /* istanbul ignore next */ lottie.destroy(animationItem.name);\n }, [\n lottieAnimationClassName,\n containerRef,\n hideOnTransparent,\n loop,\n animationSrc,\n _isIE11,\n animationItem,\n autoplay\n ]);\n\n return (\n <div\n ref={containerRef}\n aria-label={ariaLabel}\n data-name={dataName}\n className={wrapperClassName}\n style={{\n ...(width && {\n width: `${width}px`,\n maxWidth: `${width}px`\n }),\n ...(height && {\n height: `${height}px`,\n maxHeight: `${height}px`\n }),\n opacity: isAnimationVisible ? 1 : 0,\n transition: 'opacity 0.25s ease-in'\n }}\n >\n {_isIE11 ? (\n <img\n src={ie11ImageBackup}\n className={ie11BackupImageClassName}\n data-name=\"ie11-backup-image\"\n />\n ) : null}\n </div>\n );\n};\n\nLottieWrapper.propTypes = {\n 'aria-label': PropTypes.string.isRequired,\n 'data-name': PropTypes.string,\n animationSrc: PropTypes.string.isRequired,\n loop: PropTypes.bool,\n rendererSettings: PropTypes.shape({\n hideOnTransparent: PropTypes.bool,\n className: PropTypes.string\n }),\n height: PropTypes.number,\n width: PropTypes.number,\n className: PropTypes.string,\n ie11ImageBackup: PropTypes.string.isRequired,\n backupImageClassName: PropTypes.string,\n autoplay: PropTypes.bool,\n animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default LottieWrapper;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _default = {
|
|
6
|
+
props: {
|
|
7
|
+
'aria-label': 'aria lottie',
|
|
8
|
+
'data-name': 'default-lottie',
|
|
9
|
+
className: undefined,
|
|
10
|
+
animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
|
|
11
|
+
loop: undefined,
|
|
12
|
+
autoplay: true,
|
|
13
|
+
rendererSettings: {
|
|
14
|
+
hideOnTransparent: false,
|
|
15
|
+
animationClassName: ''
|
|
16
|
+
},
|
|
17
|
+
height: 600,
|
|
18
|
+
width: 1000,
|
|
19
|
+
ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',
|
|
20
|
+
animationControl: undefined
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
exports.default = _default;
|
|
24
|
+
//# sourceMappingURL=confetti.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/confetti.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup","animationControl"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,yEAJT;AAKLC,IAAAA,IAAI,EAAEF,SALD;AAMLG,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KAPb;AAWLC,IAAAA,MAAM,EAAE,GAXH;AAYLC,IAAAA,KAAK,EAAE,IAZF;AAaLC,IAAAA,eAAe,EACb,iFAdG;AAeLC,IAAAA,gBAAgB,EAAEV;AAfb;AADM,C","sourcesContent":["export default {\n props: {\n 'aria-label': 'aria lottie',\n 'data-name': 'default-lottie',\n className: undefined,\n animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n loop: undefined,\n autoplay: true,\n rendererSettings: {\n hideOnTransparent: false,\n animationClassName: ''\n },\n height: 600,\n width: 1000,\n ie11ImageBackup:\n 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n animationControl: undefined\n }\n};\n"],"file":"confetti.js"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _default2 = _interopRequireDefault(require("./default"));
|
|
7
|
+
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
|
|
10
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
+
|
|
12
|
+
var _default = {
|
|
13
|
+
props: _extends(_extends({}, _default2.default.props), {}, {
|
|
14
|
+
autoplay: false,
|
|
15
|
+
animationControl: 'loading'
|
|
16
|
+
})
|
|
17
|
+
};
|
|
18
|
+
exports.default = _default;
|
|
19
|
+
//# sourceMappingURL=controls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/controls.js"],"names":["props","defaultProps","autoplay","animationControl"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,kBAAaD,KADb;AAEHE,IAAAA,QAAQ,EAAE,KAFP;AAGHC,IAAAA,gBAAgB,EAAE;AAHf;AADQ,C","sourcesContent":["import defaultProps from './default';\n\nexport default {\n props: {\n ...defaultProps.props,\n autoplay: false,\n animationControl: 'loading'\n }\n};\n"],"file":"controls.js"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _default = {
|
|
6
|
+
props: {
|
|
7
|
+
'aria-label': 'aria lottie',
|
|
8
|
+
'data-name': 'default-lottie',
|
|
9
|
+
className: undefined,
|
|
10
|
+
animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
|
|
11
|
+
loop: false,
|
|
12
|
+
autoplay: undefined,
|
|
13
|
+
rendererSettings: {
|
|
14
|
+
hideOnTransparent: false,
|
|
15
|
+
animationClassName: ''
|
|
16
|
+
},
|
|
17
|
+
height: 200,
|
|
18
|
+
width: 200,
|
|
19
|
+
ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg',
|
|
20
|
+
animationControl: undefined
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
exports.default = _default;
|
|
24
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/default.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","height","width","ie11ImageBackup","animationControl"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,KALD;AAMLC,IAAAA,QAAQ,EAAEH,SANL;AAOLI,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,iBAAiB,EAAE,KADH;AAEhBC,MAAAA,kBAAkB,EAAE;AAFJ,KAPb;AAWLC,IAAAA,MAAM,EAAE,GAXH;AAYLC,IAAAA,KAAK,EAAE,GAZF;AAaLC,IAAAA,eAAe,EACb,mFAdG;AAeLC,IAAAA,gBAAgB,EAAEV;AAfb;AADM,C","sourcesContent":["export default {\n props: {\n 'aria-label': 'aria lottie',\n 'data-name': 'default-lottie',\n className: undefined,\n animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',\n loop: false,\n autoplay: undefined,\n rendererSettings: {\n hideOnTransparent: false,\n animationClassName: ''\n },\n height: 200,\n width: 200,\n ie11ImageBackup:\n 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg',\n animationControl: undefined\n }\n};\n"],"file":"default.js"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _default = {
|
|
6
|
+
props: {
|
|
7
|
+
'aria-label': 'aria lottie',
|
|
8
|
+
'data-name': 'default-lottie',
|
|
9
|
+
className: undefined,
|
|
10
|
+
animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
|
|
11
|
+
loop: true,
|
|
12
|
+
autoplay: true,
|
|
13
|
+
height: 200,
|
|
14
|
+
width: 200,
|
|
15
|
+
ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg',
|
|
16
|
+
animationControl: undefined
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
exports.default = _default;
|
|
20
|
+
//# sourceMappingURL=rank.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/lottie-wrapper/test/fixtures/rank.js"],"names":["props","className","undefined","animationSrc","loop","autoplay","height","width","ie11ImageBackup","animationControl"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,aADT;AAEL,iBAAa,gBAFR;AAGLC,IAAAA,SAAS,EAAEC,SAHN;AAILC,IAAAA,YAAY,EAAE,qEAJT;AAKLC,IAAAA,IAAI,EAAE,IALD;AAMLC,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,MAAM,EAAE,GAPH;AAQLC,IAAAA,KAAK,EAAE,GARF;AASLC,IAAAA,eAAe,EACb,kFAVG;AAWLC,IAAAA,gBAAgB,EAAEP;AAXb;AADM,C","sourcesContent":["export default {\n props: {\n 'aria-label': 'aria lottie',\n 'data-name': 'default-lottie',\n className: undefined,\n animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',\n loop: true,\n autoplay: true,\n height: 200,\n width: 200,\n ie11ImageBackup:\n 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg',\n animationControl: undefined\n }\n};\n"],"file":"rank.js"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _ava = _interopRequireDefault(require("ava"));
|
|
4
|
+
|
|
5
|
+
var _forEach = _interopRequireDefault(require("lodash/forEach"));
|
|
6
|
+
|
|
7
|
+
var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
|
|
8
|
+
|
|
9
|
+
var _ = _interopRequireDefault(require(".."));
|
|
10
|
+
|
|
11
|
+
var _confetti = _interopRequireDefault(require("./fixtures/confetti"));
|
|
12
|
+
|
|
13
|
+
var _controls = _interopRequireDefault(require("./fixtures/controls"));
|
|
14
|
+
|
|
15
|
+
var _default = _interopRequireDefault(require("./fixtures/default"));
|
|
16
|
+
|
|
17
|
+
var _rank = _interopRequireDefault(require("./fixtures/rank"));
|
|
18
|
+
|
|
19
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
|
+
|
|
21
|
+
(0, _ava.default)('Atom › AtomLottieWrapper > should have valid propTypes', t => {
|
|
22
|
+
t.pass();
|
|
23
|
+
(0, _forEach.default)(_.default.propTypes, (value, key) => {
|
|
24
|
+
t.not(value, undefined, `PropType for "Atom.AtomLottieWrapper.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
(0, _ava.default)('Atom › AtomLottieWrapper › Confetti › should be rendered', _renderComponent.default, _.default, _confetti.default);
|
|
28
|
+
(0, _ava.default)('Atom › AtomLottieWrapper › Controls › should be rendered', _renderComponent.default, _.default, _controls.default);
|
|
29
|
+
(0, _ava.default)('Atom › AtomLottieWrapper › Default › should be rendered', _renderComponent.default, _.default, _default.default);
|
|
30
|
+
(0, _ava.default)('Atom › AtomLottieWrapper › Rank › should be rendered', _renderComponent.default, _.default, _rank.default);
|
|
31
|
+
//# sourceMappingURL=fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/fixtures.js"],"names":["t","pass","AtomLottieWrapper","propTypes","value","key","not","undefined","renderComponentMacro","fixtureConfetti","fixtureControls","fixtureDefault","fixtureRank"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAA0GO,iBAA1G;AACA,kBAAK,0DAAL,EAAiED,wBAAjE,EAAuFN,SAAvF,EAA0GQ,iBAA1G;AACA,kBAAK,yDAAL,EAAgEF,wBAAhE,EAAsFN,SAAtF,EAAyGS,gBAAzG;AACA,kBAAK,sDAAL,EAA6DH,wBAA7D,EAAmFN,SAAnF,EAAsGU,aAAtG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomLottieWrapper from '..';\nimport fixtureConfetti from './fixtures/confetti';\nimport fixtureControls from './fixtures/controls';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRank from './fixtures/rank';\n\ntest('Atom › AtomLottieWrapper > should have valid propTypes', t => {\n t.pass();\n forEach(AtomLottieWrapper.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomLottieWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomLottieWrapper › Confetti › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureConfetti);\ntest('Atom › AtomLottieWrapper › Controls › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureControls);\ntest('Atom › AtomLottieWrapper › Default › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureDefault);\ntest('Atom › AtomLottieWrapper › Rank › should be rendered', renderComponentMacro, AtomLottieWrapper, fixtureRank);\n"],"file":"fixtures.js"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _browserEnv = _interopRequireDefault(require("browser-env"));
|
|
4
|
+
|
|
5
|
+
var _ava = _interopRequireDefault(require("ava"));
|
|
6
|
+
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
|
|
9
|
+
var _react2 = require("@testing-library/react");
|
|
10
|
+
|
|
11
|
+
var _ = _interopRequireWildcard(require(".."));
|
|
12
|
+
|
|
13
|
+
var _default = _interopRequireDefault(require("./fixtures/default"));
|
|
14
|
+
|
|
15
|
+
var _controls = _interopRequireDefault(require("./fixtures/controls"));
|
|
16
|
+
|
|
17
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
18
|
+
|
|
19
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
|
+
|
|
21
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
22
|
+
|
|
23
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
24
|
+
|
|
25
|
+
(0, _browserEnv.default)();
|
|
26
|
+
|
|
27
|
+
_ava.default.afterEach(_react2.cleanup);
|
|
28
|
+
|
|
29
|
+
(0, _ava.default)('should update && load the animation, should clean up after unmount', t => {
|
|
30
|
+
const {
|
|
31
|
+
container,
|
|
32
|
+
rerender,
|
|
33
|
+
unmount
|
|
34
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
|
|
35
|
+
rerender( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
|
|
36
|
+
const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
|
|
37
|
+
t.truthy(wrapper);
|
|
38
|
+
const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
|
|
39
|
+
t.falsy(backupImage);
|
|
40
|
+
unmount();
|
|
41
|
+
t.pass();
|
|
42
|
+
});
|
|
43
|
+
(0, _ava.default)('lottie controls: should update && load the animation, should clean up after unmount', t => {
|
|
44
|
+
const props = _extends(_extends({}, _controls.default.props), {}, {
|
|
45
|
+
animationControl: 'play'
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
const {
|
|
49
|
+
container,
|
|
50
|
+
rerender,
|
|
51
|
+
unmount
|
|
52
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, props));
|
|
53
|
+
rerender( /*#__PURE__*/_react.default.createElement(_.default, props));
|
|
54
|
+
const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
|
|
55
|
+
t.truthy(wrapper);
|
|
56
|
+
const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
|
|
57
|
+
t.falsy(backupImage);
|
|
58
|
+
unmount();
|
|
59
|
+
t.pass();
|
|
60
|
+
});
|
|
61
|
+
(0, _ava.default)('ie11: should load an image in place of the animation', t => {
|
|
62
|
+
window.msCrypto = () => {}; // eslint-disable-next-line lodash-fp/prefer-constant
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
window.navigator.__defineGetter__('userAgent', function () {
|
|
66
|
+
return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
const {
|
|
70
|
+
container,
|
|
71
|
+
rerender,
|
|
72
|
+
unmount
|
|
73
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
|
|
74
|
+
rerender( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
|
|
75
|
+
const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
|
|
76
|
+
t.truthy(wrapper);
|
|
77
|
+
const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
|
|
78
|
+
t.truthy(backupImage);
|
|
79
|
+
delete window.msCrypto; // eslint-disable-next-line lodash-fp/prefer-constant
|
|
80
|
+
|
|
81
|
+
window.navigator.__defineGetter__('userAgent', function () {
|
|
82
|
+
return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
unmount();
|
|
86
|
+
t.pass();
|
|
87
|
+
});
|
|
88
|
+
(0, _ava.default)('other browser: should not load an image in place of the animation', t => {
|
|
89
|
+
// eslint-disable-next-line lodash-fp/prefer-constant
|
|
90
|
+
window.navigator.__defineGetter__('userAgent', function () {
|
|
91
|
+
return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';
|
|
92
|
+
});
|
|
93
|
+
|
|
94
|
+
const {
|
|
95
|
+
container,
|
|
96
|
+
rerender,
|
|
97
|
+
unmount
|
|
98
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
|
|
99
|
+
rerender( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props));
|
|
100
|
+
const wrapper = container.querySelectorAll('[data-name="default-lottie"]');
|
|
101
|
+
t.truthy(wrapper);
|
|
102
|
+
const backupImage = wrapper[0].querySelector('[data-name="ie11-backup-image"]');
|
|
103
|
+
t.falsy(backupImage); // eslint-disable-next-line lodash-fp/prefer-constant
|
|
104
|
+
|
|
105
|
+
window.navigator.__defineGetter__('userAgent', function () {
|
|
106
|
+
return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';
|
|
107
|
+
});
|
|
108
|
+
|
|
109
|
+
unmount();
|
|
110
|
+
t.pass();
|
|
111
|
+
});
|
|
112
|
+
(0, _ava.default)('fetchAndLoadAnimation', async t => {
|
|
113
|
+
t.plan(3);
|
|
114
|
+
const props = _default.default.props;
|
|
115
|
+
const _lottie = {
|
|
116
|
+
loadAnimation: () => {
|
|
117
|
+
t.pass();
|
|
118
|
+
return {
|
|
119
|
+
name: 'animation'
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
const _fetch = () => {
|
|
125
|
+
t.pass();
|
|
126
|
+
return {
|
|
127
|
+
json: () => ({
|
|
128
|
+
animationData: 'some value'
|
|
129
|
+
})
|
|
130
|
+
};
|
|
131
|
+
};
|
|
132
|
+
|
|
133
|
+
const animation = await (0, _.fetchAndLoadAnimation)(_lottie, _fetch, props.animationSrc, '123456', true, 'test', true);
|
|
134
|
+
t.is(animation.name, 'animation');
|
|
135
|
+
});
|
|
136
|
+
//# sourceMappingURL=lottie.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/atom/lottie-wrapper/test/lottie.js"],"names":["test","afterEach","cleanup","t","container","rerender","unmount","starFixture","props","wrapper","querySelectorAll","truthy","backupImage","querySelector","falsy","pass","controlsFixture","animationControl","window","msCrypto","navigator","__defineGetter__","plan","_lottie","loadAnimation","name","_fetch","json","animationData","animation","animationSrc","is"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, cleanup} from '@testing-library/react';\nimport LottieWrapper, {fetchAndLoadAnimation} from '..';\nimport starFixture from './fixtures/default';\nimport controlsFixture from './fixtures/controls';\n\nbrowserEnv();\n\ntest.afterEach(cleanup);\n\ntest('should update && load the animation, should clean up after unmount', t => {\n const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n rerender(<LottieWrapper {...starFixture.props} />);\n\n const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n t.truthy(wrapper);\n\n const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n t.falsy(backupImage);\n\n unmount();\n\n t.pass();\n});\n\ntest('lottie controls: should update && load the animation, should clean up after unmount', t => {\n const props = {\n ...controlsFixture.props,\n animationControl: 'play'\n };\n\n const {container, rerender, unmount} = render(<LottieWrapper {...props} />);\n\n rerender(<LottieWrapper {...props} />);\n const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n t.truthy(wrapper);\n\n const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n t.falsy(backupImage);\n unmount();\n\n t.pass();\n});\n\ntest('ie11: should load an image in place of the animation', t => {\n window.msCrypto = () => {};\n // eslint-disable-next-line lodash-fp/prefer-constant\n window.navigator.__defineGetter__('userAgent', function () {\n return 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\n });\n\n const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n rerender(<LottieWrapper {...starFixture.props} />);\n const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n t.truthy(wrapper);\n\n const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n t.truthy(backupImage);\n\n delete window.msCrypto;\n // eslint-disable-next-line lodash-fp/prefer-constant\n window.navigator.__defineGetter__('userAgent', function () {\n return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n });\n unmount();\n\n t.pass();\n});\n\ntest('other browser: should not load an image in place of the animation', t => {\n // eslint-disable-next-line lodash-fp/prefer-constant\n window.navigator.__defineGetter__('userAgent', function () {\n return 'Mozilla/5.0 (other stuff; rv:77.0) like Gecko';\n });\n\n const {container, rerender, unmount} = render(<LottieWrapper {...starFixture.props} />);\n\n rerender(<LottieWrapper {...starFixture.props} />);\n const wrapper = container.querySelectorAll('[data-name=\"default-lottie\"]');\n t.truthy(wrapper);\n\n const backupImage = wrapper[0].querySelector('[data-name=\"ie11-backup-image\"]');\n t.falsy(backupImage);\n\n // eslint-disable-next-line lodash-fp/prefer-constant\n window.navigator.__defineGetter__('userAgent', function () {\n return 'Mozilla/5.0 (darwin) AppleWebKit/537.36 (KHTML, like Gecko) jsdom/13.2.0';\n });\n unmount();\n\n t.pass();\n});\n\ntest('fetchAndLoadAnimation', async t => {\n t.plan(3);\n const props = starFixture.props;\n const _lottie = {\n loadAnimation: () => {\n t.pass();\n return {name: 'animation'};\n }\n };\n const _fetch = () => {\n t.pass();\n return {\n json: () => ({\n animationData: 'some value'\n })\n };\n };\n const animation = await fetchAndLoadAnimation(\n _lottie,\n _fetch,\n props.animationSrc,\n '123456',\n true,\n 'test',\n true\n );\n\n t.is(animation.name, 'animation');\n});\n"],"file":"lottie.js"}
|
package/lib/molecule/drag-and-drop-wrapper/test/fixtures/{without-checkbox.js → disabled.js}
RENAMED
|
@@ -12,9 +12,10 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
12
12
|
var _default = {
|
|
13
13
|
props: {
|
|
14
14
|
list: [_extends(_extends({}, _default2.default.props), {}, {
|
|
15
|
-
title: 'Add a badge'
|
|
15
|
+
title: 'Add a badge',
|
|
16
|
+
disabled: true
|
|
16
17
|
})]
|
|
17
18
|
}
|
|
18
19
|
};
|
|
19
20
|
exports.default = _default;
|
|
20
|
-
//# sourceMappingURL=
|
|
21
|
+
//# sourceMappingURL=disabled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/molecule/drag-and-drop-wrapper/test/fixtures/disabled.js"],"names":["props","list","firstdDragAndDrop","title","disabled"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,uBAAKC,kBAAkBF,KAAvB;AAA8BG,MAAAA,KAAK,EAAE,aAArC;AAAoDC,MAAAA,QAAQ,EAAE;AAA9D;AADD;AADM,C","sourcesContent":["import firstdDragAndDrop from '../../../../atom/image-upload/test/fixtures/default';\n\nexport default {\n props: {\n list: [{...firstdDragAndDrop.props, title: 'Add a badge', disabled: true}]\n }\n};\n"],"file":"disabled.js"}
|
|
@@ -10,9 +10,9 @@ var _ = _interopRequireDefault(require(".."));
|
|
|
10
10
|
|
|
11
11
|
var _default = _interopRequireDefault(require("./fixtures/default"));
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _disabled = _interopRequireDefault(require("./fixtures/disabled"));
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _twoDragAndDrops = _interopRequireDefault(require("./fixtures/two-drag-and-drops"));
|
|
16
16
|
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
18
|
|
|
@@ -23,6 +23,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
25
|
(0, _ava.default)('Molecule › MoleculeDragAndDropWrapper › Default › should be rendered', _renderComponent.default, _.default, _default.default);
|
|
26
|
+
(0, _ava.default)('Molecule › MoleculeDragAndDropWrapper › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);
|
|
26
27
|
(0, _ava.default)('Molecule › MoleculeDragAndDropWrapper › TwoDragAndDrops › should be rendered', _renderComponent.default, _.default, _twoDragAndDrops.default);
|
|
27
|
-
(0, _ava.default)('Molecule › MoleculeDragAndDropWrapper › WithoutCheckbox › should be rendered', _renderComponent.default, _.default, _withoutCheckbox.default);
|
|
28
28
|
//# sourceMappingURL=fixtures.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/molecule/drag-and-drop-wrapper/test/fixtures.js"],"names":["t","pass","MoleculeDragAndDropWrapper","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","
|
|
1
|
+
{"version":3,"sources":["../../../../src/molecule/drag-and-drop-wrapper/test/fixtures.js"],"names":["t","pass","MoleculeDragAndDropWrapper","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDisabled","fixtureTwoDragAndDrops"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qEAAL,EAA4EA,CAAC,IAAI;AAC/EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA2BC,SAAnC,EAA8C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+DAA8DF,GAAI,mEAA3F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,sEAAL,EAA6EG,wBAA7E,EAAmGN,SAAnG,EAA+HO,gBAA/H;AACA,kBAAK,uEAAL,EAA8ED,wBAA9E,EAAoGN,SAApG,EAAgIQ,iBAAhI;AACA,kBAAK,8EAAL,EAAqFF,wBAArF,EAA2GN,SAA3G,EAAuIS,wBAAvI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDragAndDropWrapper from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureTwoDragAndDrops from './fixtures/two-drag-and-drops';\n\ntest('Molecule › MoleculeDragAndDropWrapper > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeDragAndDropWrapper.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeDragAndDropWrapper.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeDragAndDropWrapper › Default › should be rendered', renderComponentMacro, MoleculeDragAndDropWrapper, fixtureDefault);\ntest('Molecule › MoleculeDragAndDropWrapper › Disabled › should be rendered', renderComponentMacro, MoleculeDragAndDropWrapper, fixtureDisabled);\ntest('Molecule › MoleculeDragAndDropWrapper › TwoDragAndDrops › should be rendered', renderComponentMacro, MoleculeDragAndDropWrapper, fixtureTwoDragAndDrops);\n"],"file":"fixtures.js"}
|
|
@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
|
|
12
12
|
var _default = {
|
|
13
13
|
props: (0, _defaultsDeep2.default)(_login.default.props, {
|
|
14
|
-
backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/BG_teams@2x.jpg',
|
|
14
|
+
backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg',
|
|
15
15
|
isLoading: true
|
|
16
16
|
})
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/loading-background.js"],"names":["props","Login","backgroundImageUrl","isLoading"],"mappings":";;;;;;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE,4BAAaC,eAAMD,KAAnB,EAA0B;AAC/BE,IAAAA,kBAAkB,EAAE,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/molecule/teams-popin/test/fixtures/loading-background.js"],"names":["props","Login","backgroundImageUrl","isLoading"],"mappings":";;;;;;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE,4BAAaC,eAAMD,KAAnB,EAA0B;AAC/BE,IAAAA,kBAAkB,EAAE,uEADW;AAE/BC,IAAAA,SAAS,EAAE;AAFoB,GAA1B;AADM,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Login from './login';\n\nexport default {\n props: defaultsDeep(Login.props, {\n backgroundImageUrl: 'https://static-staging.coorpacademy.com/content/teams/BG_teams@2x.jpg',\n isLoading: true\n })\n};\n"],"file":"loading-background.js"}
|