@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.31

package/es/atom/social-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyFacebook","FacebookIcon","NovaCompositionCoorpacademyGooglePlus","GooglePlusIcon","NovaCompositionCoorpacademyInstagram","InstagramIcon","NovaCompositionCoorpacademyLinkedin","LinkedinIcon","NovaCompositionCoorpacademyMail","MailIcon","NovaCompositionCoorpacademyPinterest","PinterestIcon","NovaCompositionCoorpacademyTwitter","TwitterIcon","NovaCompositionCoorpacademyVimeo","VimeoIcon","NovaCompositionCoorpacademyYoutube","YoutubeIcon","style","ICONS","mail","facebook","twitter","linkedin","instagram","youtube","vimeo","pinterest","themeStyle","default","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","icon","propTypes","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,mCAAmC,IAAIC,YAAY,EACnDC,qCAAqC,IAAIC,cAAc,EACvDC,oCAAoC,IAAIC,aAAa,EACrDC,mCAAmC,IAAIC,YAAY,EACnDC,+BAA+B,IAAIC,QAAQ,EAC3CC,oCAAoC,IAAIC,aAAa,EACrDC,kCAAkC,IAAIC,WAAW,EACjDC,gCAAgC,IAAIC,SAAS,EAC7CC,kCAAkC,IAAIC,WAAW,QAC5C,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZC,IAAI,EAAEX,QAAQ;EACd,aAAa,EAAEN,cAAc;EAC7BkB,QAAQ,EAAEpB,YAAY;EACtBqB,OAAO,EAAET,WAAW;EACpBU,QAAQ,EAAEhB,YAAY;EACtBiB,SAAS,EAAEnB,aAAa;EACxBoB,OAAO,EAAER,WAAW;EACpBS,KAAK,EAAEX,SAAS;EAChBY,SAAS,EAAEhB;AACb,CAAC;AACD,MAAMiB,UAAU,GAAG;EACjBC,OAAO,EAAEX,KAAK,CAACY,IAAI;EACnBC,MAAM,EAAEb,KAAK,CAACc;AAChB,CAAC;AACD,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAI;IAAEL,IAAI;IAAEM,IAAI,GAAG,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACrE,MAAMI,QAAQ,GAAGnB,KAAK,CAACgB,IAAI,CAAC;EAC5B,oBACE;IACE,IAAI,EAAEL,IAAK;IACX,SAAS,EAAEF,UAAU,CAACQ,IAAI,CAAE;IAC5B,MAAM,EAAC,QAAQ;IACf,GAAG,EAAC,qBAAqB;IACzB,cAAYC,SAAU;IACtB,aAAY,GAAED,IAAK,IAAGD,IAAK;EAAE,gBAE7B,oBAAC,QAAQ;IAAC,SAAS,EAAEjB,KAAK,CAACqB;EAAK,EAAG,CACjC;AAER,CAAC;AAEDN,UAAU,CAACO,SAAS,2CAAG;EACrBJ,IAAI,EAAErC,SAAS,CAAC0C,MAAM;EACtBN,IAAI,EAAEpC,SAAS,CAAC0C,MAAM,CAACC,UAAU;EACjCZ,IAAI,EAAE/B,SAAS,CAAC0C,MAAM,CAACC,UAAU;EACjC,YAAY,EAAE3C,SAAS,CAAC0C;AAC1B,CAAC;AAED,eAAeR,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyFacebook","FacebookIcon","NovaCompositionCoorpacademyGooglePlus","GooglePlusIcon","NovaCompositionCoorpacademyInstagram","InstagramIcon","NovaCompositionCoorpacademyLinkedin","LinkedinIcon","NovaCompositionCoorpacademyMail","MailIcon","NovaCompositionCoorpacademyPinterest","PinterestIcon","NovaCompositionCoorpacademyTwitter","TwitterIcon","NovaCompositionCoorpacademyVimeo","VimeoIcon","NovaCompositionCoorpacademyYoutube","YoutubeIcon","style","ICONS","mail","facebook","twitter","linkedin","instagram","youtube","vimeo","pinterest","themeStyle","default","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","icon","propTypes","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,mCAAmC,IAAIC,YADzC,EAEEC,qCAAqC,IAAIC,cAF3C,EAGEC,oCAAoC,IAAIC,aAH1C,EAIEC,mCAAmC,IAAIC,YAJzC,EAKEC,+BAA+B,IAAIC,QALrC,EAMEC,oCAAoC,IAAIC,aAN1C,EAOEC,kCAAkC,IAAIC,WAPxC,EAQEC,gCAAgC,IAAIC,SARtC,EASEC,kCAAkC,IAAIC,WATxC,QAUO,0BAVP;AAWA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,IAAI,EAAEX,QADM;EAEZ,eAAeN,cAFH;EAGZkB,QAAQ,EAAEpB,YAHE;EAIZqB,OAAO,EAAET,WAJG;EAKZU,QAAQ,EAAEhB,YALE;EAMZiB,SAAS,EAAEnB,aANC;EAOZoB,OAAO,EAAER,WAPG;EAQZS,KAAK,EAAEX,SARK;EASZY,SAAS,EAAEhB;AATC,CAAd;AAWA,MAAMiB,UAAU,GAAG;EACjBC,OAAO,EAAEX,KAAK,CAACY,IADE;EAEjBC,MAAM,EAAEb,KAAK,CAACc;AAFG,CAAnB;;AAIA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAD;IAAOL,IAAP;IAAaM,IAAI,GAAG,SAApB;IAA+B,cAAcC;EAA7C,IAA0DH,KAAhE;EACA,MAAMI,QAAQ,GAAGnB,KAAK,CAACgB,IAAD,CAAtB;EACA,oBACE;IACE,IAAI,EAAEL,IADR;IAEE,SAAS,EAAEF,UAAU,CAACQ,IAAD,CAFvB;IAGE,MAAM,EAAC,QAHT;IAIE,GAAG,EAAC,qBAJN;IAKE,cAAYC,SALd;IAME,aAAY,GAAED,IAAK,IAAGD,IAAK;EAN7B,gBAQE,oBAAC,QAAD;IAAU,SAAS,EAAEjB,KAAK,CAACqB;EAA3B,EARF,CADF;AAYD,CAfD;;AAiBAN,UAAU,CAACO,SAAX,2CAAuB;EACrBJ,IAAI,EAAErC,SAAS,CAAC0C,MADK;EAErBN,IAAI,EAAEpC,SAAS,CAAC0C,MAAV,CAAiBC,UAFF;EAGrBZ,IAAI,EAAE/B,SAAS,CAAC0C,MAAV,CAAiBC,UAHF;EAIrB,cAAc3C,SAAS,CAAC0C;AAJH,CAAvB;AAOA,eAAeR,UAAf"}

package/es/atom/space/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { SpaceType } from '../../variables/theme.native';
-export type Props = {
+export declare type Props = {
     type?: SpaceType;
 };
 declare const Space: ({ type }: Props) => JSX.Element;

package/es/atom/space/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/space/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,aAAqB,KAAK,gBAapC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/space/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,aAAqB,KAAK,gBAapC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/atom/space/index.native.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { View } from 'react-native';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const Space = ({
   type = 'tiny'
 }) => {
@@ -15,5 +16,6 @@ const Space = ({
     }
   });
 };
+
 export default Space;
 //# sourceMappingURL=index.native.js.map

package/es/atom/space/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","View","useTemplateContext","Space","type","templateContext","theme","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,IAAI,QAAO,cAAc;AAEjC,SAAQC,kBAAkB,QAAO,4CAA4C;AAM7E,MAAMC,KAAK,GAAG,CAAC;EAACC,IAAI,GAAG;AAAa,CAAC,KAAK;EACxC,MAAMC,eAAe,GAAGH,kBAAkB,EAAE;EAE5C,MAAM;IAACI;EAAK,CAAC,GAAGD,eAAe;EAE/B,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE;MACLE,KAAK,EAAED,KAAK,CAACE,OAAO,CAACJ,IAAI,CAAC;MAC1BK,MAAM,EAAEH,KAAK,CAACE,OAAO,CAACJ,IAAI;IAC5B;EAAE,EACF;AAEN,CAAC;AAED,eAAeD,KAAK"}
+{"version":3,"file":"index.native.js","names":["React","View","useTemplateContext","Space","type","templateContext","theme","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,QAAmB,cAAnB;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAMA,MAAMC,KAAK,GAAG,CAAC;EAACC,IAAI,GAAG;AAAR,CAAD,KAA4B;EACxC,MAAMC,eAAe,GAAGH,kBAAkB,EAA1C;EAEA,MAAM;IAACI;EAAD,IAAUD,eAAhB;EAEA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE;MACLE,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcJ,IAAd,CADF;MAELK,MAAM,EAAEH,KAAK,CAACE,OAAN,CAAcJ,IAAd;IAFH;EADT,EADF;AAQD,CAbD;;AAeA,eAAeD,KAAf"}

package/es/atom/spinner/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { spinner, doubleBounce1, doubleBounce2 } from './style.css';
+
 const Spinner = () => {
   return /*#__PURE__*/React.createElement("div", {
     className: spinner
@@ -9,6 +10,7 @@ const Spinner = () => {
     className: doubleBounce2
   }));
 };
+
 Spinner.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
 export default Spinner;
 //# sourceMappingURL=index.js.map

package/es/atom/spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","spinner","doubleBounce1","doubleBounce2","Spinner","propTypes"],"sources":["../../../src/atom/spinner/index.js"],"sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,OAAO,EAAEC,aAAa,EAAEC,aAAa,QAAO,aAAa;AAEjE,MAAMC,OAAO,GAAG,MAAM;EACpB,oBACE;IAAK,SAAS,EAAEH;EAAQ,gBACtB;IAAK,SAAS,EAAEC;EAAc,EAAG,eACjC;IAAK,SAAS,EAAEC;EAAc,EAAG,CAC7B;AAEV,CAAC;AAEDC,OAAO,CAACC,SAAS,2CAAG,CAAC,CAAC;AAEtB,eAAeD,OAAO"}
+{"version":3,"file":"index.js","names":["React","spinner","doubleBounce1","doubleBounce2","Spinner","propTypes"],"sources":["../../../src/atom/spinner/index.js"],"sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,OAAR,EAAiBC,aAAjB,EAAgCC,aAAhC,QAAoD,aAApD;;AAEA,MAAMC,OAAO,GAAG,MAAM;EACpB,oBACE;IAAK,SAAS,EAAEH;EAAhB,gBACE;IAAK,SAAS,EAAEC;EAAhB,EADF,eAEE;IAAK,SAAS,EAAEC;EAAhB,EAFF,CADF;AAMD,CAPD;;AASAC,OAAO,CAACC,SAAR,2CAAoB,EAApB;AAEA,eAAeD,OAAf"}

package/es/atom/tab/index.js

@@ -2,6 +2,7 @@ import _map from "lodash/fp/map";
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const Tab = ({
   onClick,
   links,
@@ -21,6 +22,7 @@ const Tab = ({
     key: link.title
   }, link.title), links)));
 };
+
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   links: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)),

package/es/atom/tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","style","Tab","onClick","links","title","targetContent","handleTabClick","tab","link","propTypes","string","arrayOf","objectOf","func"],"sources":["../../../src/atom/tab/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport style from './style.css';\n\nconst Tab = ({onClick, links, title, targetContent}) => {\n  const handleTabClick = useMemo(() => () => onClick(targetContent), [onClick, targetContent]);\n\n  return (\n    <div data-name=\"tab\" className={style.tab} onClick={handleTabClick}>\n      <div className={style.title}>{title}</div>\n      <div className={style.link}>\n        {map(\n          link => (\n            <div key={link.title}>{link.title}</div>\n          ),\n          links\n        )}\n      </div>\n    </div>\n  );\n};\n\nTab.propTypes = {\n  title: PropTypes.string,\n  links: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)),\n  onClick: PropTypes.func,\n  targetContent: PropTypes.string\n};\n\nexport default Tab;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,GAAG,GAAG,CAAC;EAACC,OAAO;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAa,CAAC,KAAK;EACtD,MAAMC,cAAc,GAAGR,OAAO,CAAC,MAAM,MAAMI,OAAO,CAACG,aAAa,CAAC,EAAE,CAACH,OAAO,EAAEG,aAAa,CAAC,CAAC;EAE5F,oBACE;IAAK,aAAU,KAAK;IAAC,SAAS,EAAEL,KAAK,CAACO,GAAI;IAAC,OAAO,EAAED;EAAe,gBACjE;IAAK,SAAS,EAAEN,KAAK,CAACI;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEJ,KAAK,CAACQ;EAAK,GACxB,KACCA,IAAI,iBACF;IAAK,GAAG,EAAEA,IAAI,CAACJ;EAAM,GAAEI,IAAI,CAACJ,KAAK,CAClC,EACDD,KAAK,CACN,CACG,CACF;AAEV,CAAC;AAEDF,GAAG,CAACQ,SAAS,2CAAG;EACdL,KAAK,EAAEL,SAAS,CAACW,MAAM;EACvBP,KAAK,EAAEJ,SAAS,CAACY,OAAO,CAACZ,SAAS,CAACa,QAAQ,CAACb,SAAS,CAACW,MAAM,CAAC,CAAC;EAC9DR,OAAO,EAAEH,SAAS,CAACc,IAAI;EACvBR,aAAa,EAAEN,SAAS,CAACW;AAC3B,CAAC;AAED,eAAeT,GAAG"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","style","Tab","onClick","links","title","targetContent","handleTabClick","tab","link","propTypes","string","arrayOf","objectOf","func"],"sources":["../../../src/atom/tab/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport style from './style.css';\n\nconst Tab = ({onClick, links, title, targetContent}) => {\n  const handleTabClick = useMemo(() => () => onClick(targetContent), [onClick, targetContent]);\n\n  return (\n    <div data-name=\"tab\" className={style.tab} onClick={handleTabClick}>\n      <div className={style.title}>{title}</div>\n      <div className={style.link}>\n        {map(\n          link => (\n            <div key={link.title}>{link.title}</div>\n          ),\n          links\n        )}\n      </div>\n    </div>\n  );\n};\n\nTab.propTypes = {\n  title: PropTypes.string,\n  links: PropTypes.arrayOf(PropTypes.objectOf(PropTypes.string)),\n  onClick: PropTypes.func,\n  targetContent: PropTypes.string\n};\n\nexport default Tab;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAAC;EAACC,OAAD;EAAUC,KAAV;EAAiBC,KAAjB;EAAwBC;AAAxB,CAAD,KAA4C;EACtD,MAAMC,cAAc,GAAGR,OAAO,CAAC,MAAM,MAAMI,OAAO,CAACG,aAAD,CAApB,EAAqC,CAACH,OAAD,EAAUG,aAAV,CAArC,CAA9B;EAEA,oBACE;IAAK,aAAU,KAAf;IAAqB,SAAS,EAAEL,KAAK,CAACO,GAAtC;IAA2C,OAAO,EAAED;EAApD,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACI;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEJ,KAAK,CAACQ;EAAtB,GACG,KACCA,IAAI,iBACF;IAAK,GAAG,EAAEA,IAAI,CAACJ;EAAf,GAAuBI,IAAI,CAACJ,KAA5B,CAFH,EAICD,KAJD,CADH,CAFF,CADF;AAaD,CAhBD;;AAkBAF,GAAG,CAACQ,SAAJ,2CAAgB;EACdL,KAAK,EAAEL,SAAS,CAACW,MADH;EAEdP,KAAK,EAAEJ,SAAS,CAACY,OAAV,CAAkBZ,SAAS,CAACa,QAAV,CAAmBb,SAAS,CAACW,MAA7B,CAAlB,CAFO;EAGdR,OAAO,EAAEH,SAAS,CAACc,IAHL;EAIdR,aAAa,EAAEN,SAAS,CAACW;AAJX,CAAhB;AAOA,eAAeT,GAAf"}

package/es/atom/tab-content/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../provider';
 import style from './style.css';
+
 const TabContent = props => {
   const {
     tabTitle,
@@ -17,6 +18,7 @@ const TabContent = props => {
     className: backgroundClassName
   }, children));
 };
+
 TabContent.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/atom/tab-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","TabContent","props","tabTitle","hideContentBackground","children","backgroundClassName","hiddenBackground","greyBackground","content","contentTitle","contextTypes","translate","childContextTypes","propTypes","string","bool","node"],"sources":["../../../src/atom/tab-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TabContent = props => {\n  const {tabTitle, hideContentBackground, children} = props;\n\n  const backgroundClassName = hideContentBackground ? style.hiddenBackground : style.greyBackground;\n  return (\n    <div className={style.content}>\n      <div className={style.contentTitle}>{tabTitle}</div>\n      <div className={backgroundClassName}>{children}</div>\n    </div>\n  );\n};\n\nTabContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTabContent.propTypes = {\n  tabTitle: PropTypes.string,\n  hideContentBackground: PropTypes.bool,\n  children: PropTypes.node\n};\n\nexport default TabContent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,QAAQ;IAAEC,qBAAqB;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAEzD,MAAMI,mBAAmB,GAAGF,qBAAqB,GAAGJ,KAAK,CAACO,gBAAgB,GAAGP,KAAK,CAACQ,cAAc;EACjG,oBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAQ,gBAC5B;IAAK,SAAS,EAAET,KAAK,CAACU;EAAa,GAAEP,QAAQ,CAAO,eACpD;IAAK,SAAS,EAAEG;EAAoB,GAAED,QAAQ,CAAO,CACjD;AAEV,CAAC;AAEDJ,UAAU,CAACU,YAAY,GAAG;EACxBC,SAAS,EAAEb,QAAQ,CAACc,iBAAiB,CAACD;AACxC,CAAC;AAEDX,UAAU,CAACa,SAAS,2CAAG;EACrBX,QAAQ,EAAEL,SAAS,CAACiB,MAAM;EAC1BX,qBAAqB,EAAEN,SAAS,CAACkB,IAAI;EACrCX,QAAQ,EAAEP,SAAS,CAACmB;AACtB,CAAC;AAED,eAAehB,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","TabContent","props","tabTitle","hideContentBackground","children","backgroundClassName","hiddenBackground","greyBackground","content","contentTitle","contextTypes","translate","childContextTypes","propTypes","string","bool","node"],"sources":["../../../src/atom/tab-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TabContent = props => {\n  const {tabTitle, hideContentBackground, children} = props;\n\n  const backgroundClassName = hideContentBackground ? style.hiddenBackground : style.greyBackground;\n  return (\n    <div className={style.content}>\n      <div className={style.contentTitle}>{tabTitle}</div>\n      <div className={backgroundClassName}>{children}</div>\n    </div>\n  );\n};\n\nTabContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTabContent.propTypes = {\n  tabTitle: PropTypes.string,\n  hideContentBackground: PropTypes.bool,\n  children: PropTypes.node\n};\n\nexport default TabContent;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,QAAD;IAAWC,qBAAX;IAAkCC;EAAlC,IAA8CH,KAApD;EAEA,MAAMI,mBAAmB,GAAGF,qBAAqB,GAAGJ,KAAK,CAACO,gBAAT,GAA4BP,KAAK,CAACQ,cAAnF;EACA,oBACE;IAAK,SAAS,EAAER,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,GAAqCP,QAArC,CADF,eAEE;IAAK,SAAS,EAAEG;EAAhB,GAAsCD,QAAtC,CAFF,CADF;AAMD,CAVD;;AAYAJ,UAAU,CAACU,YAAX,GAA0B;EACxBC,SAAS,EAAEb,QAAQ,CAACc,iBAAT,CAA2BD;AADd,CAA1B;AAIAX,UAAU,CAACa,SAAX,2CAAuB;EACrBX,QAAQ,EAAEL,SAAS,CAACiB,MADC;EAErBX,qBAAqB,EAAEN,SAAS,CAACkB,IAFZ;EAGrBX,QAAQ,EAAEP,SAAS,CAACmB;AAHC,CAAvB;AAMA,eAAehB,UAAf"}

package/es/atom/tag/index.js

@@ -9,6 +9,7 @@ const TAG_STYLES = {
   archived: style.archived,
   draft: style.draft
 };
+
 const Tag = props => {
   const {
     label,
@@ -19,6 +20,7 @@ const Tag = props => {
     "data-name": `content-tag-${label}`
   }, label);
 };
+
 Tag.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string,
   type: PropTypes.oneOf(_keys(TAG_STYLES))

package/es/atom/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","TAG_STYLES","default","published","revised","archived","draft","Tag","props","label","type","propTypes","string","oneOf"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  published: style.published,\n  revised: style.revised,\n  archived: style.archived,\n  draft: style.draft\n};\n\nconst Tag = props => {\n  const {label, type = 'default'} = props;\n\n  return (\n    <span className={TAG_STYLES[type]} data-name={`content-tag-${label}`}>\n      {label}\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES))\n};\n\nexport default Tag;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACE,OAAO;EACtBC,SAAS,EAAEH,KAAK,CAACG,SAAS;EAC1BC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,QAAQ,EAAEL,KAAK,CAACK,QAAQ;EACxBC,KAAK,EAAEN,KAAK,CAACM;AACf,CAAC;AAED,MAAMC,GAAG,GAAGC,KAAK,IAAI;EACnB,MAAM;IAACC,KAAK;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGF,KAAK;EAEvC,oBACE;IAAM,SAAS,EAAEP,UAAU,CAACS,IAAI,CAAE;IAAC,aAAY,eAAcD,KAAM;EAAE,GAClEA,KAAK,CACD;AAEX,CAAC;AAEDF,GAAG,CAACI,SAAS,2CAAG;EACdF,KAAK,EAAEV,SAAS,CAACa,MAAM;EACvBF,IAAI,EAAEX,SAAS,CAACc,KAAK,CAAC,MAAKZ,UAAU,CAAC;AACxC,CAAC;AAED,eAAeM,GAAG"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","TAG_STYLES","default","published","revised","archived","draft","Tag","props","label","type","propTypes","string","oneOf"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  published: style.published,\n  revised: style.revised,\n  archived: style.archived,\n  draft: style.draft\n};\n\nconst Tag = props => {\n  const {label, type = 'default'} = props;\n\n  return (\n    <span className={TAG_STYLES[type]} data-name={`content-tag-${label}`}>\n      {label}\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES))\n};\n\nexport default Tag;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACE,OADE;EAEjBC,SAAS,EAAEH,KAAK,CAACG,SAFA;EAGjBC,OAAO,EAAEJ,KAAK,CAACI,OAHE;EAIjBC,QAAQ,EAAEL,KAAK,CAACK,QAJC;EAKjBC,KAAK,EAAEN,KAAK,CAACM;AALI,CAAnB;;AAQA,MAAMC,GAAG,GAAGC,KAAK,IAAI;EACnB,MAAM;IAACC,KAAD;IAAQC,IAAI,GAAG;EAAf,IAA4BF,KAAlC;EAEA,oBACE;IAAM,SAAS,EAAEP,UAAU,CAACS,IAAD,CAA3B;IAAmC,aAAY,eAAcD,KAAM;EAAnE,GACGA,KADH,CADF;AAKD,CARD;;AAUAF,GAAG,CAACI,SAAJ,2CAAgB;EACdF,KAAK,EAAEV,SAAS,CAACa,MADH;EAEdF,IAAI,EAAEX,SAAS,CAACc,KAAV,CAAgB,MAAKZ,UAAL,CAAhB;AAFQ,CAAhB;AAKA,eAAeM,GAAf"}

package/es/atom/text/index.native.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextStyle, StyleProp } from 'react-native';
-export type Props = {
+export declare type Props = {
     children: React.ReactNode;
     style?: StyleProp<TextStyle>;
     testID?: string;

package/es/atom/text/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAE1F,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAQF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAqBzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAE1F,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAQF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAqBzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/atom/text/index.native.js

@@ -1,4 +1,5 @@
 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); }
+
 import * as React from 'react';
 import { Text as TextBase, Platform, StyleSheet } from 'react-native';
 export const DEFAULT_STYLE = _extends({}, Platform.select({
@@ -9,6 +10,7 @@ export const DEFAULT_STYLE = _extends({}, Platform.select({
 const styles = StyleSheet.create({
   text: _extends({}, DEFAULT_STYLE)
 });
+
 const Text = props => {
   const {
     children,
@@ -26,5 +28,6 @@ const Text = props => {
     accessibilityLabel: accessibilityLabel
   }, children);
 };
+
 export default Text;
 //# sourceMappingURL=index.native.js.map

package/es/atom/text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","Text","TextBase","Platform","StyleSheet","DEFAULT_STYLE","select","android","fontFamily","styles","create","text","props","children","style","testID","numberOfLines","allowFontScaling","accessibilityLabel"],"sources":["../../../src/atom/text/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Text as TextBase, Platform, StyleSheet, TextStyle, StyleProp} from 'react-native';\n\nexport type Props = {\n  children: React.ReactNode;\n  style?: StyleProp<TextStyle>;\n  testID?: string;\n  numberOfLines?: number;\n  allowFontScaling?: boolean;\n  accessibilityLabel?: string;\n};\n\nexport const DEFAULT_STYLE = {\n  ...Platform.select({\n    android: {\n      fontFamily: 'Roboto'\n    }\n  })\n};\n\nconst styles = StyleSheet.create({\n  text: {\n    ...DEFAULT_STYLE\n  }\n});\n\nconst Text = (props: Props) => {\n  const {\n    children,\n    style,\n    testID,\n    numberOfLines,\n    allowFontScaling = true,\n    accessibilityLabel\n  } = props;\n\n  return (\n    <TextBase\n      allowFontScaling={allowFontScaling}\n      style={[styles.text, style]}\n      testID={testID}\n      numberOfLines={numberOfLines}\n      accessibilityLabel={accessibilityLabel}\n    >\n      {children}\n    </TextBase>\n  );\n};\n\nexport default Text;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,IAAI,IAAIC,QAAQ,EAAEC,QAAQ,EAAEC,UAAU,QAA6B,cAAc;AAWzF,OAAO,MAAMC,aAAa,gBACrBF,QAAQ,CAACG,MAAM,CAAC;EACjBC,OAAO,EAAE;IACPC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CACH;AAED,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,IAAI,eACCN,aAAa;AAEpB,CAAC,CAAC;AAEF,MAAMJ,IAAI,GAAIW,KAAY,IAAK;EAC7B,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,MAAM;IACNC,aAAa;IACbC,gBAAgB,GAAG,IAAI;IACvBC;EACF,CAAC,GAAGN,KAAK;EAET,oBACE,oBAAC,QAAQ;IACP,gBAAgB,EAAEK,gBAAiB;IACnC,KAAK,EAAE,CAACR,MAAM,CAACE,IAAI,EAAEG,KAAK,CAAE;IAC5B,MAAM,EAAEC,MAAO;IACf,aAAa,EAAEC,aAAc;IAC7B,kBAAkB,EAAEE;EAAmB,GAEtCL,QAAQ,CACA;AAEf,CAAC;AAED,eAAeZ,IAAI"}
+{"version":3,"file":"index.native.js","names":["React","Text","TextBase","Platform","StyleSheet","DEFAULT_STYLE","select","android","fontFamily","styles","create","text","props","children","style","testID","numberOfLines","allowFontScaling","accessibilityLabel"],"sources":["../../../src/atom/text/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Text as TextBase, Platform, StyleSheet, TextStyle, StyleProp} from 'react-native';\n\nexport type Props = {\n  children: React.ReactNode;\n  style?: StyleProp<TextStyle>;\n  testID?: string;\n  numberOfLines?: number;\n  allowFontScaling?: boolean;\n  accessibilityLabel?: string;\n};\n\nexport const DEFAULT_STYLE = {\n  ...Platform.select({\n    android: {\n      fontFamily: 'Roboto'\n    }\n  })\n};\n\nconst styles = StyleSheet.create({\n  text: {\n    ...DEFAULT_STYLE\n  }\n});\n\nconst Text = (props: Props) => {\n  const {\n    children,\n    style,\n    testID,\n    numberOfLines,\n    allowFontScaling = true,\n    accessibilityLabel\n  } = props;\n\n  return (\n    <TextBase\n      allowFontScaling={allowFontScaling}\n      style={[styles.text, style]}\n      testID={testID}\n      numberOfLines={numberOfLines}\n      accessibilityLabel={accessibilityLabel}\n    >\n      {children}\n    </TextBase>\n  );\n};\n\nexport default Text;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAI,IAAIC,QAAhB,EAA0BC,QAA1B,EAAoCC,UAApC,QAA2E,cAA3E;AAWA,OAAO,MAAMC,aAAa,gBACrBF,QAAQ,CAACG,MAAT,CAAgB;EACjBC,OAAO,EAAE;IACPC,UAAU,EAAE;EADL;AADQ,CAAhB,CADqB,CAAnB;AAQP,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC/BC,IAAI,eACCN,aADD;AAD2B,CAAlB,CAAf;;AAMA,MAAMJ,IAAI,GAAIW,KAAD,IAAkB;EAC7B,MAAM;IACJC,QADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,aAJI;IAKJC,gBAAgB,GAAG,IALf;IAMJC;EANI,IAOFN,KAPJ;EASA,oBACE,oBAAC,QAAD;IACE,gBAAgB,EAAEK,gBADpB;IAEE,KAAK,EAAE,CAACR,MAAM,CAACE,IAAR,EAAcG,KAAd,CAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,aAAa,EAAEC,aAJjB;IAKE,kBAAkB,EAAEE;EALtB,GAOGL,QAPH,CADF;AAWD,CArBD;;AAuBA,eAAeZ,IAAf"}

package/es/atom/title/index.js

@@ -1,27 +1,34 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const getTitleStype = type => {
   switch (type) {
     case 'page':
       return style.titlePage;
+
     case 'form-group':
       return style.titleFormGroup;
   }
 };
+
 const getSubtitleStype = (type, size) => {
   switch (type) {
     case 'page':
       return style.subtitlePage;
+
     case 'form-group':
       switch (size) {
         case 'standard':
           return style.subtitleFormGroup;
+
         case 'small':
           return style.smallSubtitleFormGroup;
       }
+
   }
 };
+
 const Title = props => {
   const {
     title,
@@ -40,6 +47,7 @@ const Title = props => {
     "data-name": dataName
   }, title), subtitleSection);
 };
+
 Title.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,

package/es/atom/title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","getTitleStype","type","titlePage","titleFormGroup","getSubtitleStype","size","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","Title","props","title","subtitle","dataName","subtitleSize","titleStyle","subtitleStyle","subtitleSection","propTypes","string","oneOf"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type, 'data-name': dataName, subtitleSize = 'standard'} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle} data-name={dataName}>\n        {title}\n      </div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  subtitleSize: PropTypes.string\n};\nexport default Title;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAI;IACV,KAAK,MAAM;MACT,OAAOF,KAAK,CAACG,SAAS;IACxB,KAAK,YAAY;MACf,OAAOH,KAAK,CAACI,cAAc;EAAC;AAElC,CAAC;AAED,MAAMC,gBAAgB,GAAG,CAACH,IAAI,EAAEI,IAAI,KAAK;EACvC,QAAQJ,IAAI;IACV,KAAK,MAAM;MACT,OAAOF,KAAK,CAACO,YAAY;IAC3B,KAAK,YAAY;MACf,QAAQD,IAAI;QACV,KAAK,UAAU;UACb,OAAON,KAAK,CAACQ,iBAAiB;QAChC,KAAK,OAAO;UACV,OAAOR,KAAK,CAACS,sBAAsB;MAAC;EACvC;AAEP,CAAC;AAED,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAK;IAAEC,QAAQ;IAAEX,IAAI;IAAE,WAAW,EAAEY,QAAQ;IAAEC,YAAY,GAAG;EAAU,CAAC,GAAGJ,KAAK;EACvF,MAAMK,UAAU,GAAGf,aAAa,CAACC,IAAI,CAAC;EACtC,MAAMe,aAAa,GAAGZ,gBAAgB,CAACH,IAAI,EAAEa,YAAY,CAAC;EAE1D,MAAMG,eAAe,GAAGL,QAAQ,gBAAG;IAAK,SAAS,EAAEI;EAAc,GAAEJ,QAAQ,CAAO,GAAG,IAAI;EAEzF,oBACE,8CACE;IAAK,SAAS,EAAEG,UAAW;IAAC,aAAWF;EAAS,GAC7CF,KAAK,CACF,EACLM,eAAe,CACZ;AAEV,CAAC;AAEDR,KAAK,CAACS,SAAS,2CAAG;EAChBP,KAAK,EAAEb,SAAS,CAACqB,MAAM;EACvBP,QAAQ,EAAEd,SAAS,CAACqB,MAAM;EAC1BlB,IAAI,EAAEH,SAAS,CAACsB,KAAK,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;EAC7C,WAAW,EAAEtB,SAAS,CAACqB,MAAM;EAC7BL,YAAY,EAAEhB,SAAS,CAACqB;AAC1B,CAAC;AACD,eAAeV,KAAK"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","getTitleStype","type","titlePage","titleFormGroup","getSubtitleStype","size","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","Title","props","title","subtitle","dataName","subtitleSize","titleStyle","subtitleStyle","subtitleSection","propTypes","string","oneOf"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type, 'data-name': dataName, subtitleSize = 'standard'} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle} data-name={dataName}>\n        {title}\n      </div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  subtitleSize: PropTypes.string\n};\nexport default Title;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACG,SAAb;;IACF,KAAK,YAAL;MACE,OAAOH,KAAK,CAACI,cAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAG,CAACH,IAAD,EAAOI,IAAP,KAAgB;EACvC,QAAQJ,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACO,YAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAON,KAAK,CAACQ,iBAAb;;QACF,KAAK,OAAL;UACE,OAAOR,KAAK,CAACS,sBAAb;MAJJ;;EAJJ;AAWD,CAZD;;AAcA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBX,IAAlB;IAAwB,aAAaY,QAArC;IAA+CC,YAAY,GAAG;EAA9D,IAA4EJ,KAAlF;EACA,MAAMK,UAAU,GAAGf,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMe,aAAa,GAAGZ,gBAAgB,CAACH,IAAD,EAAOa,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGL,QAAQ,gBAAG;IAAK,SAAS,EAAEI;EAAhB,GAAgCJ,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEG,UAAhB;IAA4B,aAAWF;EAAvC,GACGF,KADH,CADF,EAIGM,eAJH,CADF;AAQD,CAfD;;AAiBAR,KAAK,CAACS,SAAN,2CAAkB;EAChBP,KAAK,EAAEb,SAAS,CAACqB,MADD;EAEhBP,QAAQ,EAAEd,SAAS,CAACqB,MAFJ;EAGhBlB,IAAI,EAAEH,SAAS,CAACsB,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAatB,SAAS,CAACqB,MAJP;EAKhBL,YAAY,EAAEhB,SAAS,CAACqB;AALR,CAAlB;AAOA,eAAeV,KAAf"}

package/es/atom/tooltip/index.js

@@ -4,6 +4,7 @@ import ReactTooltip from 'react-tooltip';
 import isString from 'lodash/fp/isString';
 import { NovaCompositionCoorpacademyInformationIcon as InformationIcon } from '@coorpacademy/nova-icons';
 import style from './style.css';
+
 const ToolTipWrapper = ({
   toolTipIsVisible,
   anchorId,
@@ -11,6 +12,7 @@ const ToolTipWrapper = ({
   content
 }) => {
   if (!toolTipIsVisible) return null;
+
   if (anchorId) {
     return /*#__PURE__*/React.createElement(ReactTooltip, {
       id: anchorId,
@@ -28,6 +30,7 @@ const ToolTipWrapper = ({
     }, content);
   }
 };
+
 ToolTipWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   toolTipIsVisible: PropTypes.bool,
   anchorId: PropTypes.string,
@@ -44,6 +47,7 @@ export const toggleStateOnKeyPress = (state, setState, ref) => event => {
     setState(false);
   }
 };
+
 const ToolTip = ({
   anchorId,
   TooltipContent,
@@ -97,6 +101,7 @@ const ToolTip = ({
     content: content
   }));
 };
+
 ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
   TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),
   'data-testid': PropTypes.string,

package/es/atom/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isValidElement","useState","useCallback","useMemo","PropTypes","ReactTooltip","isString","NovaCompositionCoorpacademyInformationIcon","InformationIcon","style","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","toolTipReact","toolTip","propTypes","bool","string","isRequired","node","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","isComponent","setToolTipIsVisible","handleKeyPress","handleMouseOver","handleMouseLeave","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","func"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content\n}) => {\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={style.toolTip}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, []);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={style.tooltipContent}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, isComponent]);\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- externalHandling --------------\n  // if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","isValidElement","useState","useCallback","useMemo","PropTypes","ReactTooltip","isString","NovaCompositionCoorpacademyInformationIcon","InformationIcon","style","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","toolTipReact","toolTip","propTypes","bool","string","isRequired","node","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","isComponent","setToolTipIsVisible","handleKeyPress","handleMouseOver","handleMouseLeave","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","func"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content\n}) => {\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={style.toolTip}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, []);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={style.tooltipContent}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, isComponent]);\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- externalHandling --------------\n  // if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}

package/es/atom/video-upload/index.js

@@ -1,8 +1,10 @@
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import DragAndDrop from '../drag-and-drop';
 import style from './style.css';
+
 const VideoUpload = ({
   title,
   description,
@@ -32,6 +34,7 @@ const VideoUpload = ({
   onDrop: onDragStop,
   onDragLeave: onDragStop
 }));
+
 VideoUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, DragAndDrop.propTypes, {
   name: PropTypes.string,
   onChange: PropTypes.func

package/es/atom/video-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","DragAndDrop","style","VideoUpload","title","description","previewLabel","uploadLabel","previewContent","loading","modified","onChange","name","onDragStart","onDragStop","input","propTypes","string","func"],"sources":["../../../src/atom/video-upload/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragAndDrop from '../drag-and-drop';\nimport style from './style.css';\n\nconst VideoUpload = ({\n  title,\n  description,\n  previewLabel,\n  uploadLabel,\n  previewContent,\n  loading,\n  modified,\n  onChange,\n  name\n}) => (\n  <DragAndDrop\n    title={title}\n    description={description}\n    previewLabel={previewLabel}\n    uploadLabel={uploadLabel}\n    previewContent={previewContent}\n    loading={loading}\n    modified={modified}\n  >\n    {(onDragStart, onDragStop) => (\n      <input\n        type=\"file\"\n        name={name}\n        accept=\"video/*\"\n        disabled={loading}\n        className={style.input}\n        onChange={onChange}\n        onDragEnter={onDragStart}\n        onDrop={onDragStop}\n        onDragLeave={onDragStop}\n      />\n    )}\n  </DragAndDrop>\n);\n\nVideoUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default VideoUpload;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,kBAAkB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAG,CAAC;EACnBC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,WAAW;EACXC,cAAc;EACdC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,kBACC,oBAAC,WAAW;EACV,KAAK,EAAER,KAAM;EACb,WAAW,EAAEC,WAAY;EACzB,YAAY,EAAEC,YAAa;EAC3B,WAAW,EAAEC,WAAY;EACzB,cAAc,EAAEC,cAAe;EAC/B,OAAO,EAAEC,OAAQ;EACjB,QAAQ,EAAEC;AAAS,GAElB,CAACG,WAAW,EAAEC,UAAU,kBACvB;EACE,IAAI,EAAC,MAAM;EACX,IAAI,EAAEF,IAAK;EACX,MAAM,EAAC,SAAS;EAChB,QAAQ,EAAEH,OAAQ;EAClB,SAAS,EAAEP,KAAK,CAACa,KAAM;EACvB,QAAQ,EAAEJ,QAAS;EACnB,WAAW,EAAEE,WAAY;EACzB,MAAM,EAAEC,UAAW;EACnB,WAAW,EAAEA;AAAW,EAE3B,CAEJ;AAEDX,WAAW,CAACa,SAAS,wDAChBf,WAAW,CAACe,SAAS;EACxBJ,IAAI,EAAEZ,SAAS,CAACiB,MAAM;EACtBN,QAAQ,EAAEX,SAAS,CAACkB;AAAI;AAG1B,eAAef,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","DragAndDrop","style","VideoUpload","title","description","previewLabel","uploadLabel","previewContent","loading","modified","onChange","name","onDragStart","onDragStop","input","propTypes","string","func"],"sources":["../../../src/atom/video-upload/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DragAndDrop from '../drag-and-drop';\nimport style from './style.css';\n\nconst VideoUpload = ({\n  title,\n  description,\n  previewLabel,\n  uploadLabel,\n  previewContent,\n  loading,\n  modified,\n  onChange,\n  name\n}) => (\n  <DragAndDrop\n    title={title}\n    description={description}\n    previewLabel={previewLabel}\n    uploadLabel={uploadLabel}\n    previewContent={previewContent}\n    loading={loading}\n    modified={modified}\n  >\n    {(onDragStart, onDragStop) => (\n      <input\n        type=\"file\"\n        name={name}\n        accept=\"video/*\"\n        disabled={loading}\n        className={style.input}\n        onChange={onChange}\n        onDragEnter={onDragStart}\n        onDrop={onDragStop}\n        onDragLeave={onDragStop}\n      />\n    )}\n  </DragAndDrop>\n);\n\nVideoUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nexport default VideoUpload;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,WAJmB;EAKnBC,cALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QARmB;EASnBC;AATmB,CAAD,kBAWlB,oBAAC,WAAD;EACE,KAAK,EAAER,KADT;EAEE,WAAW,EAAEC,WAFf;EAGE,YAAY,EAAEC,YAHhB;EAIE,WAAW,EAAEC,WAJf;EAKE,cAAc,EAAEC,cALlB;EAME,OAAO,EAAEC,OANX;EAOE,QAAQ,EAAEC;AAPZ,GASG,CAACG,WAAD,EAAcC,UAAd,kBACC;EACE,IAAI,EAAC,MADP;EAEE,IAAI,EAAEF,IAFR;EAGE,MAAM,EAAC,SAHT;EAIE,QAAQ,EAAEH,OAJZ;EAKE,SAAS,EAAEP,KAAK,CAACa,KALnB;EAME,QAAQ,EAAEJ,QANZ;EAOE,WAAW,EAAEE,WAPf;EAQE,MAAM,EAAEC,UARV;EASE,WAAW,EAAEA;AATf,EAVJ,CAXF;;AAoCAX,WAAW,CAACa,SAAZ,wDACKf,WAAW,CAACe,SADjB;EAEEJ,IAAI,EAAEZ,SAAS,CAACiB,MAFlB;EAGEN,QAAQ,EAAEX,SAAS,CAACkB;AAHtB;AAMA,eAAef,WAAf"}

package/es/atom/wizard-steps/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './style.css';
+
 const WizardSteps = props => {
   const {
     steps
@@ -27,6 +28,7 @@ const WizardSteps = props => {
     className: style.container
   }, wizard);
 };
+
 WizardSteps.propTypes = process.env.NODE_ENV !== "production" ? {
   steps: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string,

package/es/atom/wizard-steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","WizardSteps","props","steps","wizard","map","step","index","done","current","label","title","outerDot","dot","container","propTypes","arrayOf","shape","string","bool"],"sources":["../../../src/atom/wizard-steps/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst WizardSteps = props => {\n  const {steps} = props;\n\n  const wizard = steps.map((step, index) => {\n    return (\n      <div\n        className={classnames(style.step, step.done && style.done, step.current && style.current)}\n        key={`step-${index}`}\n        data-step={index}\n        data-name={step.current ? `step-${index}` : `current-step-${index}`}\n      >\n        <div className={style.label}>\n          <div className={style.title} data-name={`step-name`}>\n            {step.title}\n          </div>\n        </div>\n        <div className={style.outerDot}>\n          <div className={style.dot}> </div>\n        </div>\n      </div>\n    );\n  });\n\n  return <div className={style.container}>{wizard}</div>;\n};\n\nWizardSteps.propTypes = {\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      done: PropTypes.bool,\n      current: PropTypes.bool\n    })\n  )\n};\n\nexport default WizardSteps;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC;EAAK,CAAC,GAAGD,KAAK;EAErB,MAAME,MAAM,GAAGD,KAAK,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxC,oBACE;MACE,SAAS,EAAER,UAAU,CAACC,KAAK,CAACM,IAAI,EAAEA,IAAI,CAACE,IAAI,IAAIR,KAAK,CAACQ,IAAI,EAAEF,IAAI,CAACG,OAAO,IAAIT,KAAK,CAACS,OAAO,CAAE;MAC1F,GAAG,EAAG,QAAOF,KAAM,EAAE;MACrB,aAAWA,KAAM;MACjB,aAAWD,IAAI,CAACG,OAAO,GAAI,QAAOF,KAAM,EAAC,GAAI,gBAAeA,KAAM;IAAE,gBAEpE;MAAK,SAAS,EAAEP,KAAK,CAACU;IAAM,gBAC1B;MAAK,SAAS,EAAEV,KAAK,CAACW,KAAM;MAAC,aAAY;IAAW,GACjDL,IAAI,CAACK,KAAK,CACP,CACF,eACN;MAAK,SAAS,EAAEX,KAAK,CAACY;IAAS,gBAC7B;MAAK,SAAS,EAAEZ,KAAK,CAACa;IAAI,GAAC,GAAC,CAAM,CAC9B,CACF;EAEV,CAAC,CAAC;EAEF,oBAAO;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAU,GAAEV,MAAM,CAAO;AACxD,CAAC;AAEDH,WAAW,CAACc,SAAS,2CAAG;EACtBZ,KAAK,EAAEL,SAAS,CAACkB,OAAO,CACtBlB,SAAS,CAACmB,KAAK,CAAC;IACdN,KAAK,EAAEb,SAAS,CAACoB,MAAM;IACvBV,IAAI,EAAEV,SAAS,CAACqB,IAAI;IACpBV,OAAO,EAAEX,SAAS,CAACqB;EACrB,CAAC,CAAC;AAEN,CAAC;AAED,eAAelB,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","style","WizardSteps","props","steps","wizard","map","step","index","done","current","label","title","outerDot","dot","container","propTypes","arrayOf","shape","string","bool"],"sources":["../../../src/atom/wizard-steps/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst WizardSteps = props => {\n  const {steps} = props;\n\n  const wizard = steps.map((step, index) => {\n    return (\n      <div\n        className={classnames(style.step, step.done && style.done, step.current && style.current)}\n        key={`step-${index}`}\n        data-step={index}\n        data-name={step.current ? `step-${index}` : `current-step-${index}`}\n      >\n        <div className={style.label}>\n          <div className={style.title} data-name={`step-name`}>\n            {step.title}\n          </div>\n        </div>\n        <div className={style.outerDot}>\n          <div className={style.dot}> </div>\n        </div>\n      </div>\n    );\n  });\n\n  return <div className={style.container}>{wizard}</div>;\n};\n\nWizardSteps.propTypes = {\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      done: PropTypes.bool,\n      current: PropTypes.bool\n    })\n  )\n};\n\nexport default WizardSteps;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC;EAAD,IAAUD,KAAhB;EAEA,MAAME,MAAM,GAAGD,KAAK,CAACE,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACxC,oBACE;MACE,SAAS,EAAER,UAAU,CAACC,KAAK,CAACM,IAAP,EAAaA,IAAI,CAACE,IAAL,IAAaR,KAAK,CAACQ,IAAhC,EAAsCF,IAAI,CAACG,OAAL,IAAgBT,KAAK,CAACS,OAA5D,CADvB;MAEE,GAAG,EAAG,QAAOF,KAAM,EAFrB;MAGE,aAAWA,KAHb;MAIE,aAAWD,IAAI,CAACG,OAAL,GAAgB,QAAOF,KAAM,EAA7B,GAAkC,gBAAeA,KAAM;IAJpE,gBAME;MAAK,SAAS,EAAEP,KAAK,CAACU;IAAtB,gBACE;MAAK,SAAS,EAAEV,KAAK,CAACW,KAAtB;MAA6B,aAAY;IAAzC,GACGL,IAAI,CAACK,KADR,CADF,CANF,eAWE;MAAK,SAAS,EAAEX,KAAK,CAACY;IAAtB,gBACE;MAAK,SAAS,EAAEZ,KAAK,CAACa;IAAtB,OADF,CAXF,CADF;EAiBD,CAlBc,CAAf;EAoBA,oBAAO;IAAK,SAAS,EAAEb,KAAK,CAACc;EAAtB,GAAkCV,MAAlC,CAAP;AACD,CAxBD;;AA0BAH,WAAW,CAACc,SAAZ,2CAAwB;EACtBZ,KAAK,EAAEL,SAAS,CAACkB,OAAV,CACLlB,SAAS,CAACmB,KAAV,CAAgB;IACdN,KAAK,EAAEb,SAAS,CAACoB,MADH;IAEdV,IAAI,EAAEV,SAAS,CAACqB,IAFF;IAGdV,OAAO,EAAEX,SAAS,CAACqB;EAHL,CAAhB,CADK;AADe,CAAxB;AAUA,eAAelB,WAAf"}

package/es/hoc/animation/index.js

@@ -31,6 +31,7 @@ export const EASE_IN_OUT_CIRC = bezier(0.78, 0.13, 0.15, 0.86, EPSILON);
 export const EASE_IN_OUT_BACK = bezier(0.68, -0.55, 0.26, 1.55, EPSILON);
 export const SWIFT_OUT = bezier(0.55, 0, 0.1, 1, EPSILON);
 export const BOUNCE = bezier(0.65, 1.95, 0.03, 0.3, EPSILON);
+
 class Animation extends React.Component {
   constructor(props) {
     super(props);
@@ -39,12 +40,14 @@ class Animation extends React.Component {
       requestID: null
     };
   }
+
   componentDidMount() {
     const {
       animated = false
     } = this.props;
     if (animated) this.startAnimation();
   }
+
   componentDidUpdate(prevProps) {
     const {
       animated: nextAnimated = false
@@ -55,9 +58,11 @@ class Animation extends React.Component {
     if (nextAnimated === prevAnimated) return;
     if (nextAnimated) this.startAnimation();else this.stopAnimation();
   }
+
   componentWillUnmount() {
     this.stopAnimation();
   }
+
   startAnimation() {
     this.setState(prevState => {
       const {
@@ -69,6 +74,7 @@ class Animation extends React.Component {
       };
     });
   }
+
   stopAnimation() {
     this.setState(prevState => {
       const {
@@ -81,6 +87,7 @@ class Animation extends React.Component {
       };
     });
   }
+
   tick(timestamp) {
     this.setState(prevState => {
       const {
@@ -106,12 +113,14 @@ class Animation extends React.Component {
       onAnimationEnd(name);
     });
   }
+
   getProgress(deltaDuration) {
     const {
       duration
     } = this.props;
     return deltaDuration / duration;
   }
+
   render() {
     const {
       bezier: fnBezier,
@@ -123,7 +132,9 @@ class Animation extends React.Component {
     const value = fnBezier(progress);
     return children(value);
   }
+
 }
+
 Animation.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string.isRequired,
   bezier: PropTypes.func.isRequired,

package/es/hoc/animation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","bezier","EPSILON","LINEAR","EASE_IN_QUAD","EASE_IN_CUBIC","EASE_IN_QUART","EASE_IN_QUINT","EASE_IN_SINE","EASE_IN_EXPO","EASE_IN_CIRC","EASE_IN_BACK","EASE_OUT_QUAD","EASE_OUT_CUBIC","EASE_OUT_QUART","EASE_OUT_QUINT","EASE_OUT_SINE","EASE_OUT_EXPO","EASE_OUT_CIRC","EASE_OUT_BACK","EASE_IN_OUT_QUAD","EASE_IN_OUT_CUBIC","EASE_IN_OUT_QUART","EASE_IN_OUT_QUINT","EASE_IN_OUT_SINE","EASE_IN_OUT_EXPO","EASE_IN_OUT_CIRC","EASE_IN_OUT_BACK","SWIFT_OUT","BOUNCE","Animation","Component","constructor","props","state","progress","requestID","componentDidMount","animated","startAnimation","componentDidUpdate","prevProps","nextAnimated","prevAnimated","stopAnimation","componentWillUnmount","setState","prevState","cancelAnimationFrame","requestAnimationFrame","tick","bind","lastTimestamp","timestamp","deltaDuration","getProgress","onAnimationEnd","name","duration","render","fnBezier","children","value","propTypes","string","isRequired","func","number","bool"],"sources":["../../../src/hoc/animation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {min, noop} from 'lodash/fp';\nimport bezier from 'cubic-bezier';\n\nconst EPSILON = 1000;\nexport const LINEAR = bezier(0, 0, 1, 1, EPSILON);\nexport const EASE_IN_QUAD = bezier(0.55, 0.08, 0.68, 0.53, EPSILON);\nexport const EASE_IN_CUBIC = bezier(0.55, 0.05, 0.67, 0.19, EPSILON);\nexport const EASE_IN_QUART = bezier(0.89, 0.03, 0.68, 0.22, EPSILON);\nexport const EASE_IN_QUINT = bezier(0.75, 0.05, 0.85, 0.06, EPSILON);\nexport const EASE_IN_SINE = bezier(0.47, 0, 0.74, 0.71, EPSILON);\nexport const EASE_IN_EXPO = bezier(0.95, 0.05, 0.79, 0.03, EPSILON);\nexport const EASE_IN_CIRC = bezier(0.6, 0.04, 0.98, 0.33, EPSILON);\nexport const EASE_IN_BACK = bezier(0.6, -0.28, 0.73, 0.04, EPSILON);\nexport const EASE_OUT_QUAD = bezier(0.25, 0.46, 0.45, 0.94, EPSILON);\nexport const EASE_OUT_CUBIC = bezier(0.21, 0.61, 0.35, 1, EPSILON);\nexport const EASE_OUT_QUART = bezier(0.16, 0.84, 0.44, 1, EPSILON);\nexport const EASE_OUT_QUINT = bezier(0.23, 1, 0.32, 1, EPSILON);\nexport const EASE_OUT_SINE = bezier(0.39, 0.57, 0.56, 1, EPSILON);\nexport const EASE_OUT_EXPO = bezier(0.19, 1, 0.22, 1, EPSILON);\nexport const EASE_OUT_CIRC = bezier(0.07, 0.82, 0.16, 1, EPSILON);\nexport const EASE_OUT_BACK = bezier(0.17, 0.88, 0.32, 1.27, EPSILON);\nexport const EASE_IN_OUT_QUAD = bezier(0.45, 0.03, 0.51, 0.95, EPSILON);\nexport const EASE_IN_OUT_CUBIC = bezier(0.64, 0.04, 0.35, 1, EPSILON);\nexport const EASE_IN_OUT_QUART = bezier(0.77, 0, 0.17, 1, EPSILON);\nexport const EASE_IN_OUT_QUINT = bezier(0.86, 0, 0.07, 1, EPSILON);\nexport const EASE_IN_OUT_SINE = bezier(0.44, 0.05, 0.55, 0.95, EPSILON);\nexport const EASE_IN_OUT_EXPO = bezier(1, 0, 0, 1, EPSILON);\nexport const EASE_IN_OUT_CIRC = bezier(0.78, 0.13, 0.15, 0.86, EPSILON);\nexport const EASE_IN_OUT_BACK = bezier(0.68, -0.55, 0.26, 1.55, EPSILON);\nexport const SWIFT_OUT = bezier(0.55, 0, 0.1, 1, EPSILON);\nexport const BOUNCE = bezier(0.65, 1.95, 0.03, 0.3, EPSILON);\n\nclass Animation extends React.Component {\n  static propTypes = {\n    name: PropTypes.string.isRequired,\n    bezier: PropTypes.func.isRequired,\n    duration: PropTypes.number.isRequired,\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      progress: 0,\n      requestID: null\n    };\n  }\n\n  componentDidMount() {\n    const {animated = false} = this.props;\n    if (animated) this.startAnimation();\n  }\n\n  componentDidUpdate(prevProps) {\n    const {animated: nextAnimated = false} = this.props;\n    const {animated: prevAnimated = false} = prevProps;\n\n    if (nextAnimated === prevAnimated) return;\n\n    if (nextAnimated) this.startAnimation();\n    else this.stopAnimation();\n  }\n\n  componentWillUnmount() {\n    this.stopAnimation();\n  }\n\n  startAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        requestID: requestAnimationFrame(this.tick.bind(this))\n      };\n    });\n  }\n\n  stopAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        lastTimestamp: null,\n        requestID: null\n      };\n    });\n  }\n\n  tick(timestamp) {\n    this.setState(\n      prevState => {\n        const {lastTimestamp} = prevState;\n        if (!lastTimestamp)\n          return {\n            lastTimestamp: timestamp\n          };\n\n        const deltaDuration = timestamp - lastTimestamp;\n        return {\n          progress: min([prevState.progress + this.getProgress(deltaDuration), 1]),\n          lastTimestamp: timestamp\n        };\n      },\n      () => {\n        const {progress} = this.state;\n        if (progress < 1) return this.startAnimation();\n\n        const {onAnimationEnd = noop, name} = this.props;\n        onAnimationEnd(name);\n      }\n    );\n  }\n\n  getProgress(deltaDuration) {\n    const {duration} = this.props;\n    return deltaDuration / duration;\n  }\n\n  render() {\n    const {bezier: fnBezier, children} = this.props;\n    const {progress} = this.state;\n\n    const value = fnBezier(progress);\n    return children(value);\n  }\n}\n\nexport default Animation;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","bezier","EPSILON","LINEAR","EASE_IN_QUAD","EASE_IN_CUBIC","EASE_IN_QUART","EASE_IN_QUINT","EASE_IN_SINE","EASE_IN_EXPO","EASE_IN_CIRC","EASE_IN_BACK","EASE_OUT_QUAD","EASE_OUT_CUBIC","EASE_OUT_QUART","EASE_OUT_QUINT","EASE_OUT_SINE","EASE_OUT_EXPO","EASE_OUT_CIRC","EASE_OUT_BACK","EASE_IN_OUT_QUAD","EASE_IN_OUT_CUBIC","EASE_IN_OUT_QUART","EASE_IN_OUT_QUINT","EASE_IN_OUT_SINE","EASE_IN_OUT_EXPO","EASE_IN_OUT_CIRC","EASE_IN_OUT_BACK","SWIFT_OUT","BOUNCE","Animation","Component","constructor","props","state","progress","requestID","componentDidMount","animated","startAnimation","componentDidUpdate","prevProps","nextAnimated","prevAnimated","stopAnimation","componentWillUnmount","setState","prevState","cancelAnimationFrame","requestAnimationFrame","tick","bind","lastTimestamp","timestamp","deltaDuration","getProgress","onAnimationEnd","name","duration","render","fnBezier","children","value","propTypes","string","isRequired","func","number","bool"],"sources":["../../../src/hoc/animation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {min, noop} from 'lodash/fp';\nimport bezier from 'cubic-bezier';\n\nconst EPSILON = 1000;\nexport const LINEAR = bezier(0, 0, 1, 1, EPSILON);\nexport const EASE_IN_QUAD = bezier(0.55, 0.08, 0.68, 0.53, EPSILON);\nexport const EASE_IN_CUBIC = bezier(0.55, 0.05, 0.67, 0.19, EPSILON);\nexport const EASE_IN_QUART = bezier(0.89, 0.03, 0.68, 0.22, EPSILON);\nexport const EASE_IN_QUINT = bezier(0.75, 0.05, 0.85, 0.06, EPSILON);\nexport const EASE_IN_SINE = bezier(0.47, 0, 0.74, 0.71, EPSILON);\nexport const EASE_IN_EXPO = bezier(0.95, 0.05, 0.79, 0.03, EPSILON);\nexport const EASE_IN_CIRC = bezier(0.6, 0.04, 0.98, 0.33, EPSILON);\nexport const EASE_IN_BACK = bezier(0.6, -0.28, 0.73, 0.04, EPSILON);\nexport const EASE_OUT_QUAD = bezier(0.25, 0.46, 0.45, 0.94, EPSILON);\nexport const EASE_OUT_CUBIC = bezier(0.21, 0.61, 0.35, 1, EPSILON);\nexport const EASE_OUT_QUART = bezier(0.16, 0.84, 0.44, 1, EPSILON);\nexport const EASE_OUT_QUINT = bezier(0.23, 1, 0.32, 1, EPSILON);\nexport const EASE_OUT_SINE = bezier(0.39, 0.57, 0.56, 1, EPSILON);\nexport const EASE_OUT_EXPO = bezier(0.19, 1, 0.22, 1, EPSILON);\nexport const EASE_OUT_CIRC = bezier(0.07, 0.82, 0.16, 1, EPSILON);\nexport const EASE_OUT_BACK = bezier(0.17, 0.88, 0.32, 1.27, EPSILON);\nexport const EASE_IN_OUT_QUAD = bezier(0.45, 0.03, 0.51, 0.95, EPSILON);\nexport const EASE_IN_OUT_CUBIC = bezier(0.64, 0.04, 0.35, 1, EPSILON);\nexport const EASE_IN_OUT_QUART = bezier(0.77, 0, 0.17, 1, EPSILON);\nexport const EASE_IN_OUT_QUINT = bezier(0.86, 0, 0.07, 1, EPSILON);\nexport const EASE_IN_OUT_SINE = bezier(0.44, 0.05, 0.55, 0.95, EPSILON);\nexport const EASE_IN_OUT_EXPO = bezier(1, 0, 0, 1, EPSILON);\nexport const EASE_IN_OUT_CIRC = bezier(0.78, 0.13, 0.15, 0.86, EPSILON);\nexport const EASE_IN_OUT_BACK = bezier(0.68, -0.55, 0.26, 1.55, EPSILON);\nexport const SWIFT_OUT = bezier(0.55, 0, 0.1, 1, EPSILON);\nexport const BOUNCE = bezier(0.65, 1.95, 0.03, 0.3, EPSILON);\n\nclass Animation extends React.Component {\n  static propTypes = {\n    name: PropTypes.string.isRequired,\n    bezier: PropTypes.func.isRequired,\n    duration: PropTypes.number.isRequired,\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      progress: 0,\n      requestID: null\n    };\n  }\n\n  componentDidMount() {\n    const {animated = false} = this.props;\n    if (animated) this.startAnimation();\n  }\n\n  componentDidUpdate(prevProps) {\n    const {animated: nextAnimated = false} = this.props;\n    const {animated: prevAnimated = false} = prevProps;\n\n    if (nextAnimated === prevAnimated) return;\n\n    if (nextAnimated) this.startAnimation();\n    else this.stopAnimation();\n  }\n\n  componentWillUnmount() {\n    this.stopAnimation();\n  }\n\n  startAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        requestID: requestAnimationFrame(this.tick.bind(this))\n      };\n    });\n  }\n\n  stopAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        lastTimestamp: null,\n        requestID: null\n      };\n    });\n  }\n\n  tick(timestamp) {\n    this.setState(\n      prevState => {\n        const {lastTimestamp} = prevState;\n        if (!lastTimestamp)\n          return {\n            lastTimestamp: timestamp\n          };\n\n        const deltaDuration = timestamp - lastTimestamp;\n        return {\n          progress: min([prevState.progress + this.getProgress(deltaDuration), 1]),\n          lastTimestamp: timestamp\n        };\n      },\n      () => {\n        const {progress} = this.state;\n        if (progress < 1) return this.startAnimation();\n\n        const {onAnimationEnd = noop, name} = this.props;\n        onAnimationEnd(name);\n      }\n    );\n  }\n\n  getProgress(deltaDuration) {\n    const {duration} = this.props;\n    return deltaDuration / duration;\n  }\n\n  render() {\n    const {bezier: fnBezier, children} = this.props;\n    const {progress} = this.state;\n\n    const value = fnBezier(progress);\n    return children(value);\n  }\n}\n\nexport default Animation;\n"],"mappings":"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"}