@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/lib/atom/link/index.js

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../provider"));
+
 var _navigation = _interopRequireDefault(require("../../util/navigation"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
 const Link = (props, legacyContext) => {
   const [hovered, setHovered] = (0, _react.useState)(false);
   const {
@@ -49,8 +60,7 @@ const Link = (props, legacyContext) => {
     onClick(e);
     if (!download) navigate(e);
   }, [download, navigate, onClick]);
-  const style = {
-    ...customStyle,
+  const style = { ...customStyle,
     ...(hovered && hoverBackgroundColor ? {
       backgroundColor: hoverBackgroundColor
     } : undefined),
@@ -77,6 +87,7 @@ const Link = (props, legacyContext) => {
     onMouseLeave: handleMouseLeave
   }), children);
 };
+
 Link.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
@@ -99,5 +110,6 @@ Link.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   history: _provider.default.childContextTypes.history
 };
-var _default = exports.default = Link;
+var _default = Link;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_navigation","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Link","props","legacyContext","hovered","setHovered","useState","history","createHref","_identity2","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","_noop2","style","customStyle","children","onMouseEnter","onMouseLeave","download","disabled","restProps","navigate","useMemo","pushToHistory","handleMouseEnter","useCallback","handleMouseLeave","handleOnClick","backgroundColor","undefined","color","pointerEvents","createElement","type","propTypes","process","env","NODE_ENV","PropTypes","node","className","string","title","target","oneOf","bool","func","shape","contextTypes","skin","Provider","childContextTypes","_default","exports"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    ...(href || onClick ? null : {pointerEvents: 'none'})\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Link","props","legacyContext","hovered","setHovered","useState","history","createHref","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","style","customStyle","children","onMouseEnter","onMouseLeave","download","disabled","restProps","navigate","useMemo","pushToHistory","handleMouseEnter","useCallback","handleMouseLeave","handleOnClick","e","backgroundColor","undefined","color","pointerEvents","propTypes","PropTypes","node","className","string","title","target","oneOf","bool","func","shape","contextTypes","skin","Provider","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    ...(href || onClick ? null : {pointerEvents: 'none'})\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}

package/lib/atom/loader/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Loader = ({
   className,
   theme = 'default'
@@ -36,9 +43,11 @@ const Loader = ({
     className: _style.default.yellow
   })));
 };
+
 Loader.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   theme: _propTypes.default.oneOf(['default', 'coorpmanager'])
 } : {};
-var _default = exports.default = Loader;
+var _default = Loader;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_classnames","_style","e","__esModule","default","Loader","className","theme","createElement","classnames","style","cmLoaderContainer","NovaCompositionCoorpacademyCmLoader","cmLoaderGrey","cmLoaderLightGrey","cmLoaderBlue","container","dots","red","blue","green","yellow","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_default","exports"],"sources":["../../../src/atom/loader/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCmLoader as CMLoader} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Loader = ({className, theme = 'default'}) => {\n  return theme !== 'default' ? (\n    <div data-name=\"loader\" className={classnames(style.cmLoaderContainer, className)}>\n      <CMLoader className={style.cmLoaderGrey} />\n      <CMLoader className={style.cmLoaderLightGrey} />\n      <CMLoader className={style.cmLoaderBlue} />\n    </div>\n  ) : (\n    <div data-name=\"loader\" className={classnames(style.container, className)}>\n      <div className={style.dots}>\n        <div className={style.red} />\n        <div className={style.blue} />\n        <div className={style.green} />\n        <div className={style.yellow} />\n      </div>\n    </div>\n  );\n};\n\nLoader.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Loader;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,MAAM,GAAGA,CAAC;EAACC,SAAS;EAAEC,KAAK,GAAG;AAAS,CAAC,KAAK;EACjD,OAAOA,KAAK,KAAK,SAAS,gBACxBZ,MAAA,CAAAS,OAAA,CAAAI,aAAA;IAAK,aAAU,QAAQ;IAACF,SAAS,EAAE,IAAAG,mBAAU,EAACC,cAAK,CAACC,iBAAiB,EAAEL,SAAS;EAAE,gBAChFX,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACT,UAAA,CAAAa,mCAAQ;IAACN,SAAS,EAAEI,cAAK,CAACG;EAAa,CAAE,CAAC,eAC3ClB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACT,UAAA,CAAAa,mCAAQ;IAACN,SAAS,EAAEI,cAAK,CAACI;EAAkB,CAAE,CAAC,eAChDnB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACT,UAAA,CAAAa,mCAAQ;IAACN,SAAS,EAAEI,cAAK,CAACK;EAAa,CAAE,CACvC,CAAC,gBAENpB,MAAA,CAAAS,OAAA,CAAAI,aAAA;IAAK,aAAU,QAAQ;IAACF,SAAS,EAAE,IAAAG,mBAAU,EAACC,cAAK,CAACM,SAAS,EAAEV,SAAS;EAAE,gBACxEX,MAAA,CAAAS,OAAA,CAAAI,aAAA;IAAKF,SAAS,EAAEI,cAAK,CAACO;EAAK,gBACzBtB,MAAA,CAAAS,OAAA,CAAAI,aAAA;IAAKF,SAAS,EAAEI,cAAK,CAACQ;EAAI,CAAE,CAAC,eAC7BvB,MAAA,CAAAS,OAAA,CAAAI,aAAA;IAAKF,SAAS,EAAEI,cAAK,CAACS;EAAK,CAAE,CAAC,eAC9BxB,MAAA,CAAAS,OAAA,CAAAI,aAAA;IAAKF,SAAS,EAAEI,cAAK,CAACU;EAAM,CAAE,CAAC,eAC/BzB,MAAA,CAAAS,OAAA,CAAAI,aAAA;IAAKF,SAAS,EAAEI,cAAK,CAACW;EAAO,CAAE,CAC5B,CACF,CACN;AACH,CAAC;AAEDhB,MAAM,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBnB,SAAS,EAAEoB,kBAAS,CAACC,MAAM;EAC3BpB,KAAK,EAAEmB,kBAAS,CAACE,KAAK,CAAC,CAAC,SAAS,EAAE,cAAc,CAAC;AACpD,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaC,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Loader","className","theme","classnames","style","cmLoaderContainer","cmLoaderGrey","cmLoaderLightGrey","cmLoaderBlue","container","dots","red","blue","green","yellow","propTypes","PropTypes","string","oneOf"],"sources":["../../../src/atom/loader/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCmLoader as CMLoader} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Loader = ({className, theme = 'default'}) => {\n  return theme !== 'default' ? (\n    <div data-name=\"loader\" className={classnames(style.cmLoaderContainer, className)}>\n      <CMLoader className={style.cmLoaderGrey} />\n      <CMLoader className={style.cmLoaderLightGrey} />\n      <CMLoader className={style.cmLoaderBlue} />\n    </div>\n  ) : (\n    <div data-name=\"loader\" className={classnames(style.container, className)}>\n      <div className={style.dots}>\n        <div className={style.red} />\n        <div className={style.blue} />\n        <div className={style.green} />\n        <div className={style.yellow} />\n      </div>\n    </div>\n  );\n};\n\nLoader.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Loader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,SAAD;EAAYC,KAAK,GAAG;AAApB,CAAD,KAAoC;EACjD,OAAOA,KAAK,KAAK,SAAV,gBACL;IAAK,aAAU,QAAf;IAAwB,SAAS,EAAE,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,iBAAjB,EAAoCJ,SAApC;EAAnC,gBACE,6BAAC,8CAAD;IAAU,SAAS,EAAEG,cAAA,CAAME;EAA3B,EADF,eAEE,6BAAC,8CAAD;IAAU,SAAS,EAAEF,cAAA,CAAMG;EAA3B,EAFF,eAGE,6BAAC,8CAAD;IAAU,SAAS,EAAEH,cAAA,CAAMI;EAA3B,EAHF,CADK,gBAOL;IAAK,aAAU,QAAf;IAAwB,SAAS,EAAE,IAAAL,mBAAA,EAAWC,cAAA,CAAMK,SAAjB,EAA4BR,SAA5B;EAAnC,gBACE;IAAK,SAAS,EAAEG,cAAA,CAAMM;EAAtB,gBACE;IAAK,SAAS,EAAEN,cAAA,CAAMO;EAAtB,EADF,eAEE;IAAK,SAAS,EAAEP,cAAA,CAAMQ;EAAtB,EAFF,eAGE;IAAK,SAAS,EAAER,cAAA,CAAMS;EAAtB,EAHF,eAIE;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,EAJF,CADF,CAPF;AAgBD,CAjBD;;AAmBAd,MAAM,CAACe,SAAP,2CAAmB;EACjBd,SAAS,EAAEe,kBAAA,CAAUC,MADJ;EAEjBf,KAAK,EAAEc,kBAAA,CAAUE,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB;AAFU,CAAnB;eAKelB,M"}

package/lib/atom/loader/index.native.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _templateContext = require("../../template/app-review/template-context");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -29,8 +36,10 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     backgroundColor: theme.colors.battle
   }
 });
+
 const CYCLE_DURATION = 3000;
 const MIN_TIME = 1000;
+
 const Loader = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -56,6 +65,7 @@ const Loader = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   (0, _react.useEffect)(() => {
@@ -67,6 +77,7 @@ const Loader = props => {
     setTimeout(() => {
       setMinTimeSpent(true);
     }, MIN_TIME);
+
     const _animation = _reactNative.Animated.parallel([_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(scale, {
       toValue: 0,
       duration: 0,
@@ -96,19 +107,23 @@ const Loader = props => {
       useNativeDriver: false,
       easing: _reactNative.Easing.inOut(_reactNative.Easing.sin)
     })]))]);
+
     _animation.start();
+
     return () => {
       _animation.stop();
-    };
-    // eslint bad warning --> effect only onmount
+    }; // eslint bad warning --> effect only onmount
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
   if (!styleSheet) {
     return null;
   }
+
   if (hidden) {
     return null;
   }
+
   const interpolatedScale = scale.interpolate({
     inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],
     outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]
@@ -186,5 +201,7 @@ const Loader = props => {
     }]
   })));
 };
-var _default = exports.default = Loader;
+
+var _default = Loader;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/atom/loader/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_reactNativeAnimation","require","_react","_interopRequireWildcard","_reactNative","_templateContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","StyleSheet","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","useRef","Animated","Value","current","scale","hideAnimation","useAnimateProp","property","fromValue","toValue","onComplete","height","color","readyToHide","useEffect","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","Easing","inOut","sin","stop","interpolatedScale","interpolate","inputRange","outputRange","interpolatedRotation","dotWidth","dotTranslate","dotStyle","width","borderRadius","createElement","View","style","animatedStyle","transform","scaleX","scaleY","rotateZ","translateX","_default","exports"],"sources":["../../../src/atom/loader/index.native.tsx"],"sourcesContent":["import {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Easing, ViewStyle, ColorValue} from 'react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  dot: ViewStyle;\n  blue: ViewStyle;\n  red: ViewStyle;\n  green: ViewStyle;\n  yellow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    dot: {\n      position: 'absolute'\n    },\n    blue: {\n      backgroundColor: theme.colors.cta\n    },\n    red: {\n      backgroundColor: theme.colors.negative\n    },\n    green: {\n      backgroundColor: theme.colors.positive\n    },\n    yellow: {\n      backgroundColor: theme.colors.battle\n    }\n  });\n\nexport type Props = {\n  color?: ColorValue;\n  height?: number;\n  readyToHide: boolean;\n};\n\nconst CYCLE_DURATION = 3000;\nconst MIN_TIME = 1000;\n\nconst Loader = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [hidden, setHidden] = useState<boolean>(false);\n  const [minTimeIsSpent, setMinTimeSpent] = useState<boolean>(false);\n\n  const rotation = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const scale = useRef<Animated.Value>(new Animated.Value(0)).current;\n\n  const hideAnimation = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    onComplete: () => {\n      setHidden(true);\n    }\n  });\n\n  const {height = 60, color, readyToHide} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    if (readyToHide && minTimeIsSpent && !hidden) {\n      hideAnimation.start();\n    }\n  }, [hidden, hideAnimation, readyToHide, minTimeIsSpent]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setMinTimeSpent(true);\n    }, MIN_TIME);\n\n    const _animation = Animated.parallel([\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(scale, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(scale, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 2,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 3,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      ),\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(rotation, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(rotation, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      )\n    ]);\n\n    _animation.start();\n\n    return () => {\n      _animation.stop();\n    };\n    // eslint bad warning --> effect only onmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const interpolatedScale = scale.interpolate({\n    inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],\n    outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]\n  });\n\n  const interpolatedRotation = rotation.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg']\n  });\n  const dotWidth = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [height / 2, height / 6, height / 2]\n  });\n  const dotTranslate = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [-25 * (height / 60), -35 * (height / 60), -25 * (height / 60)]\n  });\n  const dotStyle = {\n    width: dotWidth,\n    height: height / 6,\n    borderRadius: height / 12\n  };\n\n  return (\n    <Animated.View style={hideAnimation.animatedStyle}>\n      <Animated.View\n        style={[\n          styleSheet.container,\n          {\n            height,\n            width: height,\n            transform: [\n              {scaleX: interpolatedScale},\n              {scaleY: interpolatedScale},\n              {rotateZ: interpolatedRotation}\n            ]\n          }\n        ]}\n      >\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.red,\n            dotStyle,\n            {transform: [{rotateZ: '45deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.green,\n            dotStyle,\n            {transform: [{rotateZ: '135deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.yellow,\n            dotStyle,\n            {transform: [{rotateZ: '225deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.blue,\n            dotStyle,\n            {transform: [{rotateZ: '315deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Loader;\n"],"mappings":";;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA8E,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAY9E,MAAMW,gBAAgB,GAAIC,KAAY,IACpCC,uBAAU,CAACC,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,GAAG,EAAE;IACHC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE;IACJC,eAAe,EAAET,KAAK,CAACU,MAAM,CAACC;EAChC,CAAC;EACDC,GAAG,EAAE;IACHH,eAAe,EAAET,KAAK,CAACU,MAAM,CAACG;EAChC,CAAC;EACDC,KAAK,EAAE;IACLL,eAAe,EAAET,KAAK,CAACU,MAAM,CAACK;EAChC,CAAC;EACDC,MAAM,EAAE;IACNP,eAAe,EAAET,KAAK,CAACU,MAAM,CAACO;EAChC;AACF,CAAC,CAAC;AAQJ,MAAMC,cAAc,GAAG,IAAI;AAC3B,MAAMC,QAAQ,GAAG,IAAI;AAErB,MAAMC,MAAM,GAAIC,KAAY,IAAK;EAC/B,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM;IAACvB;EAAK,CAAC,GAAGsB,eAAe;EAE/B,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAF,eAAQ,EAAU,KAAK,CAAC;EACpD,MAAM,CAACG,cAAc,EAAEC,eAAe,CAAC,GAAG,IAAAJ,eAAQ,EAAU,KAAK,CAAC;EAElE,MAAMK,QAAQ,GAAG,IAAAC,aAAM,EAAiB,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACtE,MAAMC,KAAK,GAAG,IAAAJ,aAAM,EAAiB,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEnE,MAAME,aAAa,GAAG,IAAAC,oCAAc,EAAC;IACnCC,QAAQ,EAAE,SAAS;IACnBC,SAAS,EAAE,CAAC;IACZC,OAAO,EAAE,CAAC;IACVC,UAAU,EAAEA,CAAA,KAAM;MAChBd,SAAS,CAAC,IAAI,CAAC;IACjB;EACF,CAAC,CAAC;EAEF,MAAM;IAACe,MAAM,GAAG,EAAE;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGxB,KAAK;EAE/C,IAAAyB,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGhD,gBAAgB,CAACC,KAAK,CAAC;IAC3CyB,aAAa,CAACsB,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAC/C,KAAK,CAAC,CAAC;EAEX,IAAA8C,gBAAS,EAAC,MAAM;IACd,IAAID,WAAW,IAAIhB,cAAc,IAAI,CAACF,MAAM,EAAE;MAC5CU,aAAa,CAACW,KAAK,CAAC,CAAC;IACvB;EACF,CAAC,EAAE,CAACrB,MAAM,EAAEU,aAAa,EAAEQ,WAAW,EAAEhB,cAAc,CAAC,CAAC;EAExD,IAAAiB,gBAAS,EAAC,MAAM;IACdG,UAAU,CAAC,MAAM;MACfnB,eAAe,CAAC,IAAI,CAAC;IACvB,CAAC,EAAEX,QAAQ,CAAC;IAEZ,MAAM+B,UAAU,GAAGjB,qBAAQ,CAACkB,QAAQ,CAAC,CACnClB,qBAAQ,CAACmB,IAAI,CACXnB,qBAAQ,CAACoB,QAAQ,CAAC,CAChBpB,qBAAQ,CAACqB,MAAM,CAAClB,KAAK,EAAE;MAACK,OAAO,EAAE,CAAC;MAAEc,QAAQ,EAAE,CAAC;MAAEC,eAAe,EAAE;IAAK,CAAC,CAAC,EACzEvB,qBAAQ,CAACqB,MAAM,CAAClB,KAAK,EAAE;MACrBK,OAAO,EAAE,CAAC;MACVc,QAAQ,EAAErC,cAAc;MACxBsC,eAAe,EAAE,KAAK;MACtBC,MAAM,EAAEC,mBAAM,CAACC,KAAK,CAACD,mBAAM,CAACE,GAAG;IACjC,CAAC,CAAC,EACF3B,qBAAQ,CAACqB,MAAM,CAAClB,KAAK,EAAE;MACrBK,OAAO,EAAE,CAAC;MACVc,QAAQ,EAAErC,cAAc;MACxBsC,eAAe,EAAE,KAAK;MACtBC,MAAM,EAAEC,mBAAM,CAACC,KAAK,CAACD,mBAAM,CAACE,GAAG;IACjC,CAAC,CAAC,EACF3B,qBAAQ,CAACqB,MAAM,CAAClB,KAAK,EAAE;MACrBK,OAAO,EAAE,CAAC;MACVc,QAAQ,EAAErC,cAAc;MACxBsC,eAAe,EAAE,KAAK;MACtBC,MAAM,EAAEC,mBAAM,CAACC,KAAK,CAACD,mBAAM,CAACE,GAAG;IACjC,CAAC,CAAC,CACH,CACH,CAAC,EACD3B,qBAAQ,CAACmB,IAAI,CACXnB,qBAAQ,CAACoB,QAAQ,CAAC,CAChBpB,qBAAQ,CAACqB,MAAM,CAACvB,QAAQ,EAAE;MAACU,OAAO,EAAE,CAAC;MAAEc,QAAQ,EAAE,CAAC;MAAEC,eAAe,EAAE;IAAK,CAAC,CAAC,EAC5EvB,qBAAQ,CAACqB,MAAM,CAACvB,QAAQ,EAAE;MACxBU,OAAO,EAAE,CAAC;MACVc,QAAQ,EAAErC,cAAc;MACxBsC,eAAe,EAAE,KAAK;MACtBC,MAAM,EAAEC,mBAAM,CAACC,KAAK,CAACD,mBAAM,CAACE,GAAG;IACjC,CAAC,CAAC,CACH,CACH,CAAC,CACF,CAAC;IAEFV,UAAU,CAACF,KAAK,CAAC,CAAC;IAElB,OAAO,MAAM;MACXE,UAAU,CAACW,IAAI,CAAC,CAAC;IACnB,CAAC;IACD;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACrC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,IAAIG,MAAM,EAAE;IACV,OAAO,IAAI;EACb;EAEA,MAAMmC,iBAAiB,GAAG1B,KAAK,CAAC2B,WAAW,CAAC;IAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;IACpDC,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAC3D,CAAC,CAAC;EAEF,MAAMC,oBAAoB,GAAGnC,QAAQ,CAACgC,WAAW,CAAC;IAChDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;EAChC,CAAC,CAAC;EACF,MAAME,QAAQ,GAAGpC,QAAQ,CAACgC,WAAW,CAAC;IACpCC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACvBC,WAAW,EAAE,CAACtB,MAAM,GAAG,CAAC,EAAEA,MAAM,GAAG,CAAC,EAAEA,MAAM,GAAG,CAAC;EAClD,CAAC,CAAC;EACF,MAAMyB,YAAY,GAAGrC,QAAQ,CAACgC,WAAW,CAAC;IACxCC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACvBC,WAAW,EAAE,CAAC,CAAC,EAAE,IAAItB,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,IAAIA,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,IAAIA,MAAM,GAAG,EAAE,CAAC;EAC7E,CAAC,CAAC;EACF,MAAM0B,QAAQ,GAAG;IACfC,KAAK,EAAEH,QAAQ;IACfxB,MAAM,EAAEA,MAAM,GAAG,CAAC;IAClB4B,YAAY,EAAE5B,MAAM,GAAG;EACzB,CAAC;EAED,oBACEpE,MAAA,CAAAU,OAAA,CAAAuF,aAAA,CAAC/F,YAAA,CAAAwD,QAAQ,CAACwC,IAAI;IAACC,KAAK,EAAErC,aAAa,CAACsC;EAAc,gBAChDpG,MAAA,CAAAU,OAAA,CAAAuF,aAAA,CAAC/F,YAAA,CAAAwD,QAAQ,CAACwC,IAAI;IACZC,KAAK,EAAE,CACLlD,UAAU,CAACrB,SAAS,EACpB;MACEwC,MAAM;MACN2B,KAAK,EAAE3B,MAAM;MACbiC,SAAS,EAAE,CACT;QAACC,MAAM,EAAEf;MAAiB,CAAC,EAC3B;QAACgB,MAAM,EAAEhB;MAAiB,CAAC,EAC3B;QAACiB,OAAO,EAAEb;MAAoB,CAAC;IAEnC,CAAC;EACD,gBAEF3F,MAAA,CAAAU,OAAA,CAAAuF,aAAA,CAAC/F,YAAA,CAAAwD,QAAQ,CAACwC,IAAI;IACZC,KAAK,EAAE,CACLlD,UAAU,CAAClB,GAAG,EACdsC,KAAK,GAAG;MAACnC,eAAe,EAAEmC;IAAK,CAAC,GAAGpB,UAAU,CAACZ,GAAG,EACjDyD,QAAQ,EACR;MAACO,SAAS,EAAE,CAAC;QAACG,OAAO,EAAE;MAAO,CAAC,EAAE;QAACC,UAAU,EAAEZ;MAAY,CAAC;IAAC,CAAC;EAC7D,CACH,CAAC,eACF7F,MAAA,CAAAU,OAAA,CAAAuF,aAAA,CAAC/F,YAAA,CAAAwD,QAAQ,CAACwC,IAAI;IACZC,KAAK,EAAE,CACLlD,UAAU,CAAClB,GAAG,EACdsC,KAAK,GAAG;MAACnC,eAAe,EAAEmC;IAAK,CAAC,GAAGpB,UAAU,CAACV,KAAK,EACnDuD,QAAQ,EACR;MAACO,SAAS,EAAE,CAAC;QAACG,OAAO,EAAE;MAAQ,CAAC,EAAE;QAACC,UAAU,EAAEZ;MAAY,CAAC;IAAC,CAAC;EAC9D,CACH,CAAC,eACF7F,MAAA,CAAAU,OAAA,CAAAuF,aAAA,CAAC/F,YAAA,CAAAwD,QAAQ,CAACwC,IAAI;IACZC,KAAK,EAAE,CACLlD,UAAU,CAAClB,GAAG,EACdsC,KAAK,GAAG;MAACnC,eAAe,EAAEmC;IAAK,CAAC,GAAGpB,UAAU,CAACR,MAAM,EACpDqD,QAAQ,EACR;MAACO,SAAS,EAAE,CAAC;QAACG,OAAO,EAAE;MAAQ,CAAC,EAAE;QAACC,UAAU,EAAEZ;MAAY,CAAC;IAAC,CAAC;EAC9D,CACH,CAAC,eACF7F,MAAA,CAAAU,OAAA,CAAAuF,aAAA,CAAC/F,YAAA,CAAAwD,QAAQ,CAACwC,IAAI;IACZC,KAAK,EAAE,CACLlD,UAAU,CAAClB,GAAG,EACdsC,KAAK,GAAG;MAACnC,eAAe,EAAEmC;IAAK,CAAC,GAAGpB,UAAU,CAAChB,IAAI,EAClD6D,QAAQ,EACR;MAACO,SAAS,EAAE,CAAC;QAACG,OAAO,EAAE;MAAQ,CAAC,EAAE;QAACC,UAAU,EAAEZ;MAAY,CAAC;IAAC,CAAC;EAC9D,CACH,CACY,CACF,CAAC;AAEpB,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAjG,OAAA,GAEamC,MAAM","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","alignItems","justifyContent","dot","position","blue","backgroundColor","colors","cta","red","negative","green","positive","yellow","battle","CYCLE_DURATION","MIN_TIME","Loader","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","hidden","setHidden","minTimeIsSpent","setMinTimeSpent","rotation","useRef","Animated","Value","current","scale","hideAnimation","useAnimateProp","property","fromValue","toValue","onComplete","height","color","readyToHide","useEffect","_stylesheet","start","setTimeout","_animation","parallel","loop","sequence","timing","duration","useNativeDriver","easing","Easing","inOut","sin","stop","interpolatedScale","interpolate","inputRange","outputRange","interpolatedRotation","dotWidth","dotTranslate","dotStyle","width","borderRadius","animatedStyle","transform","scaleX","scaleY","rotateZ","translateX"],"sources":["../../../src/atom/loader/index.native.tsx"],"sourcesContent":["import {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport React, {useEffect, useRef, useState} from 'react';\nimport {Animated, StyleSheet, Easing, ViewStyle, ColorValue} from 'react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  dot: ViewStyle;\n  blue: ViewStyle;\n  red: ViewStyle;\n  green: ViewStyle;\n  yellow: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    dot: {\n      position: 'absolute'\n    },\n    blue: {\n      backgroundColor: theme.colors.cta\n    },\n    red: {\n      backgroundColor: theme.colors.negative\n    },\n    green: {\n      backgroundColor: theme.colors.positive\n    },\n    yellow: {\n      backgroundColor: theme.colors.battle\n    }\n  });\n\nexport type Props = {\n  color?: ColorValue;\n  height?: number;\n  readyToHide: boolean;\n};\n\nconst CYCLE_DURATION = 3000;\nconst MIN_TIME = 1000;\n\nconst Loader = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [hidden, setHidden] = useState<boolean>(false);\n  const [minTimeIsSpent, setMinTimeSpent] = useState<boolean>(false);\n\n  const rotation = useRef<Animated.Value>(new Animated.Value(0)).current;\n  const scale = useRef<Animated.Value>(new Animated.Value(0)).current;\n\n  const hideAnimation = useAnimateProp({\n    property: 'opacity',\n    fromValue: 1,\n    toValue: 0,\n    onComplete: () => {\n      setHidden(true);\n    }\n  });\n\n  const {height = 60, color, readyToHide} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  useEffect(() => {\n    if (readyToHide && minTimeIsSpent && !hidden) {\n      hideAnimation.start();\n    }\n  }, [hidden, hideAnimation, readyToHide, minTimeIsSpent]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setMinTimeSpent(true);\n    }, MIN_TIME);\n\n    const _animation = Animated.parallel([\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(scale, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(scale, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 2,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          }),\n          Animated.timing(scale, {\n            toValue: 3,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      ),\n      Animated.loop(\n        Animated.sequence([\n          Animated.timing(rotation, {toValue: 0, duration: 0, useNativeDriver: false}),\n          Animated.timing(rotation, {\n            toValue: 1,\n            duration: CYCLE_DURATION,\n            useNativeDriver: false,\n            easing: Easing.inOut(Easing.sin)\n          })\n        ])\n      )\n    ]);\n\n    _animation.start();\n\n    return () => {\n      _animation.stop();\n    };\n    // eslint bad warning --> effect only onmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  const interpolatedScale = scale.interpolate({\n    inputRange: [0, 0.45, 1, 1.32, 1.5, 2, 2.3, 2.64, 3],\n    outputRange: [0.5, 0.2, 0.5, 0.5, 0.8, 0.5, 0.5, 0.3, 0.5]\n  });\n\n  const interpolatedRotation = rotation.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg']\n  });\n  const dotWidth = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [height / 2, height / 6, height / 2]\n  });\n  const dotTranslate = rotation.interpolate({\n    inputRange: [0, 0.5, 1],\n    outputRange: [-25 * (height / 60), -35 * (height / 60), -25 * (height / 60)]\n  });\n  const dotStyle = {\n    width: dotWidth,\n    height: height / 6,\n    borderRadius: height / 12\n  };\n\n  return (\n    <Animated.View style={hideAnimation.animatedStyle}>\n      <Animated.View\n        style={[\n          styleSheet.container,\n          {\n            height,\n            width: height,\n            transform: [\n              {scaleX: interpolatedScale},\n              {scaleY: interpolatedScale},\n              {rotateZ: interpolatedRotation}\n            ]\n          }\n        ]}\n      >\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.red,\n            dotStyle,\n            {transform: [{rotateZ: '45deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.green,\n            dotStyle,\n            {transform: [{rotateZ: '135deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.yellow,\n            dotStyle,\n            {transform: [{rotateZ: '225deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n        <Animated.View\n          style={[\n            styleSheet.dot,\n            color ? {backgroundColor: color} : styleSheet.blue,\n            dotStyle,\n            {transform: [{rotateZ: '315deg'}, {translateX: dotTranslate}]}\n          ]}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nexport default Loader;\n"],"mappings":"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"}

package/lib/atom/lottie-wrapper/index.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.fetchAndLoadAnimation = exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _lottieWeb = _interopRequireDefault(require("lottie-web"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _omit = _interopRequireDefault(require("lodash/fp/omit"));
+
 var _isomorphicUnfetch = _interopRequireDefault(require("isomorphic-unfetch"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireWildcard(require("./prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+
 const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef, loop, animationClassnames, hideOnTransparent, autoplay) => {
   const animationUrl = new URL(animationSrc).toString();
   const fetchResult = await _fetch(animationUrl, {
@@ -25,6 +40,7 @@ const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef
     }
   });
   const animationData = await fetchResult.json();
+
   const animation = _lottie.loadAnimation && _lottie.loadAnimation({
     container: containerRef.current,
     // the dom element that will contain the animation
@@ -36,11 +52,15 @@ const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, containerRef
       className: animationClassnames,
       hideOnTransparent,
       preserveAspectRatio: 'xMidYMid meet' // same options as a preserveAspectRatio prop
+
     }
   });
+
   return animation;
 };
+
 exports.fetchAndLoadAnimation = fetchAndLoadAnimation;
+
 const LottieWrapper = props => {
   const {
     className,
@@ -59,9 +79,8 @@ const LottieWrapper = props => {
     hideOnTransparent = true
   } = rendererSettings;
   const containerRef = (0, _react.useRef)(null);
-  const isCancelledRef = (0, _react.useRef)(null);
+  const isCancelledRef = (0, _react.useRef)(null); // lottie's animation instance
 
-  // lottie's animation instance
   const [animationItem, setAnimationItem] = (0, _react.useState)(null);
   const [isAnimationVisible, setIsAnimationVisible] = (0, _react.useState)(autoplay);
   const wrapperClassName = (0, _react.useMemo)(() => (0, _classnames.default)(className, _style.default.lottieContainer), [className]);
@@ -70,6 +89,7 @@ const LottieWrapper = props => {
     if ((0, _includes.default)(animationControl, (0, _keys.default)((0, _omit.default)('loading', _propTypes.ANIMATION_CONTROL))) && !autoplay) {
       setIsAnimationVisible(true);
       /* istanbul ignore next */
+
       if (animationItem) animationItem[animationControl]();
       if (animationControl === _propTypes.ANIMATION_CONTROL.stop) setIsAnimationVisible(false);
     }
@@ -83,10 +103,13 @@ const LottieWrapper = props => {
         (0, _isNil.default)(isCancelledRef.current) && setAnimationItem(animation);
       }
     };
+
     loadAnimation();
     return () => {
       isCancelledRef.current = true;
-      return animationItem && /* istanbul ignore next */window.lottie.destroy(animationItem.name);
+      return animationItem &&
+      /* istanbul ignore next */
+      window.lottie.destroy(animationItem.name);
     };
   }, [lottieAnimationClassName, containerRef, hideOnTransparent, loop, animationSrc, animationItem, autoplay]);
   const accessibilityProps = ariaLabel ? {
@@ -100,8 +123,7 @@ const LottieWrapper = props => {
     ref: containerRef,
     "data-name": dataName,
     className: wrapperClassName,
-    style: {
-      ...(width && {
+    style: { ...(width && {
         width: `${width}px`,
         maxWidth: `${width}px`
       }),
@@ -114,6 +136,8 @@ const LottieWrapper = props => {
     }
   }));
 };
+
 LottieWrapper.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-var _default = exports.default = LottieWrapper;
+var _default = LottieWrapper;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/lottie-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lottieWeb","_includes","_isNil","_keys","_omit","_isomorphicUnfetch","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","fetchAndLoadAnimation","_lottie","_fetch","animationSrc","containerRef","loop","animationClassnames","hideOnTransparent","autoplay","animationUrl","URL","toString","fetchResult","headers","animationData","json","animation","loadAnimation","container","current","renderer","rendererSettings","className","preserveAspectRatio","exports","LottieWrapper","props","dataName","ariaLabel","width","height","animationControl","animationClassName","useRef","isCancelledRef","animationItem","setAnimationItem","useState","isAnimationVisible","setIsAnimationVisible","wrapperClassName","useMemo","classnames","style","lottieContainer","lottieAnimationClassName","useEffect","includes","keys","omit","ANIMATION_CONTROL","stop","window","lottie","unfetch","isNil","destroy","name","accessibilityProps","role","createElement","ref","maxWidth","maxHeight","opacity","transition","propTypes","process","env","NODE_ENV","_default"],"sources":["../../../src/atom/lottie-wrapper/index.js"],"sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport includes from 'lodash/fp/includes';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\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 =\n    _lottie.loadAnimation &&\n    _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    autoplay = true,\n    animationControl\n  } = props;\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n  const isCancelledRef = useRef(null);\n\n  // lottie's animation instance\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(\n    () => classnames(animationClassName, style.animation),\n    [animationClassName]\n  );\n\n  useEffect(() => {\n    if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n      setIsAnimationVisible(true);\n      /* istanbul ignore next */\n      if (animationItem) animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      /* istanbul ignore else */\n      if (!animationItem && typeof window !== 'undefined') {\n        window.lottie = lottie;\n        const animation = await fetchAndLoadAnimation(\n          window.lottie,\n          unfetch,\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          autoplay\n        );\n\n        isNil(isCancelledRef.current) && setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => {\n      isCancelledRef.current = true;\n      return animationItem && /* istanbul ignore next */ window.lottie.destroy(animationItem.name);\n    };\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    animationItem,\n    autoplay\n  ]);\n\n  const accessibilityProps = ariaLabel\n    ? {\n        'aria-label': ariaLabel,\n        role: 'img'\n      }\n    : {\n        'aria-hidden': 'true',\n        role: 'presentation'\n      };\n\n  return (\n    <div\n      {...accessibilityProps}\n      ref={containerRef}\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  );\n};\n\nLottieWrapper.propTypes = propTypes;\n\nexport default LottieWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["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","animationControl","animationClassName","useRef","isCancelledRef","animationItem","setAnimationItem","useState","isAnimationVisible","setIsAnimationVisible","wrapperClassName","useMemo","classnames","style","lottieContainer","lottieAnimationClassName","useEffect","includes","keys","omit","ANIMATION_CONTROL","stop","window","lottie","unfetch","isNil","destroy","name","accessibilityProps","role","maxWidth","maxHeight","opacity","transition","propTypes"],"sources":["../../../src/atom/lottie-wrapper/index.js"],"sourcesContent":["import React, {useMemo, useRef, useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport lottie from 'lottie-web';\nimport includes from 'lodash/fp/includes';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport omit from 'lodash/fp/omit';\nimport unfetch from 'isomorphic-unfetch';\nimport style from './style.css';\nimport propTypes, {ANIMATION_CONTROL} from './prop-types';\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 =\n    _lottie.loadAnimation &&\n    _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    autoplay = true,\n    animationControl\n  } = props;\n  const {className: animationClassName, hideOnTransparent = true} = rendererSettings;\n\n  const containerRef = useRef(null);\n  const isCancelledRef = useRef(null);\n\n  // lottie's animation instance\n  const [animationItem, setAnimationItem] = useState(null);\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState(autoplay);\n\n  const wrapperClassName = useMemo(() => classnames(className, style.lottieContainer), [className]);\n\n  const lottieAnimationClassName = useMemo(\n    () => classnames(animationClassName, style.animation),\n    [animationClassName]\n  );\n\n  useEffect(() => {\n    if (includes(animationControl, keys(omit('loading', ANIMATION_CONTROL))) && !autoplay) {\n      setIsAnimationVisible(true);\n      /* istanbul ignore next */\n      if (animationItem) animationItem[animationControl]();\n      if (animationControl === ANIMATION_CONTROL.stop) setIsAnimationVisible(false);\n    }\n  }, [animationControl, animationItem, autoplay]);\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      /* istanbul ignore else */\n      if (!animationItem && typeof window !== 'undefined') {\n        window.lottie = lottie;\n        const animation = await fetchAndLoadAnimation(\n          window.lottie,\n          unfetch,\n          animationSrc,\n          containerRef,\n          loop,\n          lottieAnimationClassName,\n          hideOnTransparent,\n          autoplay\n        );\n\n        isNil(isCancelledRef.current) && setAnimationItem(animation);\n      }\n    };\n\n    loadAnimation();\n    return () => {\n      isCancelledRef.current = true;\n      return animationItem && /* istanbul ignore next */ window.lottie.destroy(animationItem.name);\n    };\n  }, [\n    lottieAnimationClassName,\n    containerRef,\n    hideOnTransparent,\n    loop,\n    animationSrc,\n    animationItem,\n    autoplay\n  ]);\n\n  const accessibilityProps = ariaLabel\n    ? {\n        'aria-label': ariaLabel,\n        role: 'img'\n      }\n    : {\n        'aria-hidden': 'true',\n        role: 'presentation'\n      };\n\n  return (\n    <div\n      {...accessibilityProps}\n      ref={containerRef}\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  );\n};\n\nLottieWrapper.propTypes = propTypes;\n\nexport default LottieWrapper;\n"],"mappings":"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"}

package/lib/atom/lottie-wrapper/prop-types.js

@@ -2,15 +2,20 @@
 
 exports.__esModule = true;
 exports.default = exports.ANIMATION_CONTROL = void 0;
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ANIMATION_CONTROL = exports.ANIMATION_CONTROL = {
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ANIMATION_CONTROL = {
   play: 'play',
   pause: 'pause',
   stop: 'stop',
   loading: 'loading'
 };
+exports.ANIMATION_CONTROL = ANIMATION_CONTROL;
 const propTypes = {
   'aria-label': _propTypes.default.string,
   'data-name': _propTypes.default.string,
@@ -26,5 +31,6 @@ const propTypes = {
   autoplay: _propTypes.default.bool,
   animationControl: _propTypes.default.oneOf((0, _keys.default)(ANIMATION_CONTROL))
 };
-var _default = exports.default = propTypes;
+var _default = propTypes;
+exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/atom/lottie-wrapper/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_keys","_interopRequireDefault","require","_propTypes","e","__esModule","default","ANIMATION_CONTROL","exports","play","pause","stop","loading","propTypes","PropTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","autoplay","animationControl","oneOf","keys","_default"],"sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport type LottieAnimationProps = {\n  'aria-label'?: string;\n  'data-name'?: string;\n  animationSrc: string;\n  loop?: boolean;\n  rendererSettings?: {\n    hideOnTransparent?: boolean;\n    className?: string;\n  };\n  height?: number;\n  width?: number;\n  className?: string;\n  autoplay?: boolean;\n  animationControl?: 'play' | 'pause' | 'stop' | 'loading';\n};\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\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  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkB5B,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7BC,YAAY,EAAEF,kBAAS,CAACC,MAAM,CAACE,UAAU;EACzCC,IAAI,EAAEJ,kBAAS,CAACK,IAAI;EACpBC,gBAAgB,EAAEN,kBAAS,CAACO,KAAK,CAAC;IAChCC,iBAAiB,EAAER,kBAAS,CAACK,IAAI;IACjCI,SAAS,EAAET,kBAAS,CAACC;EACvB,CAAC,CAAC;EACFS,MAAM,EAAEV,kBAAS,CAACW,MAAM;EACxBC,KAAK,EAAEZ,kBAAS,CAACW,MAAM;EACvBF,SAAS,EAAET,kBAAS,CAACC,MAAM;EAC3BY,QAAQ,EAAEb,kBAAS,CAACK,IAAI;EACxBS,gBAAgB,EAAEd,kBAAS,CAACe,KAAK,CAAC,IAAAC,aAAI,EAACvB,iBAAiB,CAAC;AAC3D,CAAC;AAAC,IAAAwB,QAAA,GAAAvB,OAAA,CAAAF,OAAA,GAEaO,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["ANIMATION_CONTROL","play","pause","stop","loading","propTypes","PropTypes","string","animationSrc","isRequired","loop","bool","rendererSettings","shape","hideOnTransparent","className","height","number","width","autoplay","animationControl","oneOf","keys"],"sources":["../../../src/atom/lottie-wrapper/prop-types.ts"],"sourcesContent":["import keys from 'lodash/fp/keys';\nimport PropTypes from 'prop-types';\n\nexport type LottieAnimationProps = {\n  'aria-label'?: string;\n  'data-name'?: string;\n  animationSrc: string;\n  loop?: boolean;\n  rendererSettings?: {\n    hideOnTransparent?: boolean;\n    className?: string;\n  };\n  height?: number;\n  width?: number;\n  className?: string;\n  autoplay?: boolean;\n  animationControl?: 'play' | 'pause' | 'stop' | 'loading';\n};\n\nexport const ANIMATION_CONTROL = {\n  play: 'play',\n  pause: 'pause',\n  stop: 'stop',\n  loading: 'loading'\n};\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\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  autoplay: PropTypes.bool,\n  animationControl: PropTypes.oneOf(keys(ANIMATION_CONTROL))\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAkBO,MAAMA,iBAAiB,GAAG;EAC/BC,IAAI,EAAE,MADyB;EAE/BC,KAAK,EAAE,OAFwB;EAG/BC,IAAI,EAAE,MAHyB;EAI/BC,OAAO,EAAE;AAJsB,CAA1B;;AAOP,MAAMC,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhB,aAAaD,kBAAA,CAAUC,MAFP;EAGhBC,YAAY,EAAEF,kBAAA,CAAUC,MAAV,CAAiBE,UAHf;EAIhBC,IAAI,EAAEJ,kBAAA,CAAUK,IAJA;EAKhBC,gBAAgB,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAChCC,iBAAiB,EAAER,kBAAA,CAAUK,IADG;IAEhCI,SAAS,EAAET,kBAAA,CAAUC;EAFW,CAAhB,CALF;EAShBS,MAAM,EAAEV,kBAAA,CAAUW,MATF;EAUhBC,KAAK,EAAEZ,kBAAA,CAAUW,MAVD;EAWhBF,SAAS,EAAET,kBAAA,CAAUC,MAXL;EAYhBY,QAAQ,EAAEb,kBAAA,CAAUK,IAZJ;EAahBS,gBAAgB,EAAEd,kBAAA,CAAUe,KAAV,CAAgB,IAAAC,aAAA,EAAKtB,iBAAL,CAAhB;AAbF,CAAlB;eAgBeK,S"}

package/lib/atom/notification/index.js

@@ -2,16 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const notificationStyle = {
   warning: _style.default.warning,
   error: _style.default.error,
   success: _style.default.success
 };
+
 const NotificationComponent = props => {
   const {
     type,
@@ -22,9 +29,11 @@ const NotificationComponent = props => {
     className: className
   }, /*#__PURE__*/_react.default.createElement("span", null, "!"), message);
 };
+
 NotificationComponent.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf((0, _keys2.default)(notificationStyle)).isRequired,
   message: _propTypes.default.string.isRequired
 } : {};
-var _default = exports.default = NotificationComponent;
+var _default = NotificationComponent;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/atom/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_style","e","__esModule","default","notificationStyle","warning","style","error","success","NotificationComponent","props","type","message","className","createElement","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","isRequired","string","_default","exports"],"sources":["../../../src/atom/notification/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst NotificationComponent = props => {\n  const {type, message} = props;\n\n  const className = type ? notificationStyle[type] : style.message;\n\n  return (\n    <div className={className}>\n      <span>!</span>\n      {message}\n    </div>\n  );\n};\n\nNotificationComponent.propTypes = {\n  type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n  message: PropTypes.string.isRequired\n};\nexport default NotificationComponent;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,iBAAiB,GAAG;EACxBC,OAAO,EAAEC,cAAK,CAACD,OAAO;EACtBE,KAAK,EAAED,cAAK,CAACC,KAAK;EAClBC,OAAO,EAAEF,cAAK,CAACE;AACjB,CAAC;AAED,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,IAAI;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAE7B,MAAMG,SAAS,GAAGF,IAAI,GAAGP,iBAAiB,CAACO,IAAI,CAAC,GAAGL,cAAK,CAACM,OAAO;EAEhE,oBACEhB,MAAA,CAAAO,OAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEA;EAAU,gBACxBjB,MAAA,CAAAO,OAAA,CAAAW,aAAA,eAAM,GAAO,CAAC,EACbF,OACE,CAAC;AAEV,CAAC;AAEDH,qBAAqB,CAACM,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChCP,IAAI,EAAEQ,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAAlB,OAAA,EAAKC,iBAAiB,CAAC,CAAC,CAACkB,UAAU;EACzDV,OAAO,EAAEO,kBAAS,CAACI,MAAM,CAACD;AAC5B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GACaM,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["notificationStyle","warning","style","error","success","NotificationComponent","props","type","message","className","propTypes","PropTypes","oneOf","isRequired","string"],"sources":["../../../src/atom/notification/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst notificationStyle = {\n  warning: style.warning,\n  error: style.error,\n  success: style.success\n};\n\nconst NotificationComponent = props => {\n  const {type, message} = props;\n\n  const className = type ? notificationStyle[type] : style.message;\n\n  return (\n    <div className={className}>\n      <span>!</span>\n      {message}\n    </div>\n  );\n};\n\nNotificationComponent.propTypes = {\n  type: PropTypes.oneOf(keys(notificationStyle)).isRequired,\n  message: PropTypes.string.isRequired\n};\nexport default NotificationComponent;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,iBAAiB,GAAG;EACxBC,OAAO,EAAEC,cAAA,CAAMD,OADS;EAExBE,KAAK,EAAED,cAAA,CAAMC,KAFW;EAGxBC,OAAO,EAAEF,cAAA,CAAME;AAHS,CAA1B;;AAMA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,IAAD;IAAOC;EAAP,IAAkBF,KAAxB;EAEA,MAAMG,SAAS,GAAGF,IAAI,GAAGP,iBAAiB,CAACO,IAAD,CAApB,GAA6BL,cAAA,CAAMM,OAAzD;EAEA,oBACE;IAAK,SAAS,EAAEC;EAAhB,gBACE,+CADF,EAEGD,OAFH,CADF;AAMD,CAXD;;AAaAH,qBAAqB,CAACK,SAAtB,2CAAkC;EAChCH,IAAI,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,oBAAKZ,iBAAL,CAAhB,EAAyCa,UADf;EAEhCL,OAAO,EAAEG,kBAAA,CAAUG,MAAV,CAAiBD;AAFM,CAAlC;eAIeR,qB"}