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

package/es/molecule/skill-card/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAChD,SAAQC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAA6B,cAAc;AACpF,SAAQC,mCAAmC,IAAIC,UAAU,QAAO,0BAA0B;AAC1F,SAAQC,kBAAkB,QAAO,4CAA4C;AAW7E,MAAMC,gBAAgB,GAAIC,KAAY,IACpCN,UAAU,CAACO,MAAM,CAAC;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAET,KAAK,CAACU,MAAM,CAACC,IAAI,CAACC,OAAO;IAC1CC,SAAS,EAAEb,KAAK,CAACc,OAAO,CAACC,KAAK;IAC9BC,YAAY,EAAEhB,KAAK,CAACc,OAAO,CAACC,KAAK;IACjCE,OAAO,EAAEjB,KAAK,CAACc,OAAO,CAACI;EACzB,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE,CAAC;IACPhB,aAAa,EAAE;EACjB,CAAC;EACDiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEzB,KAAK,CAACU,MAAM,CAACgB,IAAI,CAACC,OAAO;IAChCX,YAAY,EAAEhB,KAAK,CAACc,OAAO,CAACc;EAC9B,CAAC;EACDC,SAAS,EAAE;IACTP,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEzB,KAAK,CAACU,MAAM,CAACC,IAAI,CAACmB;EAC3B;AACF,CAAC,CAAC;AAEJ,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAMC,eAAe,GAAGnC,kBAAkB,EAAE;EAC5C,MAAM,CAACoC,UAAU,EAAEC,aAAa,CAAC,GAAG7C,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACU;EAAK,CAAC,GAAGiC,eAAe;EAC/B,MAAM;IAACZ,UAAU;IAAEe,cAAc;IAAEC,WAAW;IAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAe,CAAC,GACxFR,KAAK;EAEPzC,SAAS,CAAC,MAAM;IACd,MAAMkD,WAAW,GAAG1C,gBAAgB,CAACC,KAAK,CAAC;IAC3CmC,aAAa,CAACM,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACzC,KAAK,CAAC,CAAC;EAEX,IAAI,CAACkC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,oBAAC,SAAS;IACR,KAAK,EAAEA,UAAU,CAAChC,KAAM;IACxB,OAAO,EAAEqC,OAAQ;IACjB,iBAAiB,EAAC,QAAQ;IAC1B,kBAAkB,EAAEC;EAAgB,gBAEpC,oBAAC,IAAI;IAAC,KAAK,EAAEN,UAAU,CAACf;EAAW,gBACjC,oBAAC,IAAI;IAAC,KAAK,EAAEe,UAAU,CAACb,UAAW;IAAC,kBAAkB,EAAEe,cAAc,IAAIf;EAAW,GAClFA,UAAU,CACN,eACP,oBAAC,IAAI;IAAC,KAAK,EAAEa,UAAU,CAACL,SAAU;IAAC,kBAAkB,EAAES;EAAgB,GACpED,WAAW,CACP,CACF,eACP,oBAAC,UAAU;IAAC,KAAK,EAAC,SAAS;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE;EAAG,EAAG,CAC3C;AAEhB,CAAC;AAED,eAAeN,SAAS"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","useTemplateContext","createStyleSheet","theme","create","skill","display","flexDirection","overflow","alignItems","height","borderRadius","backgroundColor","colors","gray","lighter","marginTop","spacing","micro","marginBottom","padding","base","skillTexts","flex","skillTitle","fontSize","fontWeight","lineHeight","color","text","primary","tiny","skillInfo","medium","SkillCard","props","templateContext","styleSheet","setStylesheet","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","_stylesheet"],"sources":["../../../src/molecule/skill-card/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {SkillCardProps} from './prop-types';\n\ntype StyleSheetType = {\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\nconst SkillCard = (props: SkillCardProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skillTitle, skillAriaLabel, reviseLabel, reviseAriaLabel, onClick, buttonAriaLabel} =\n    props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable\n      style={styleSheet.skill}\n      onPress={onClick}\n      accessibilityRole=\"button\"\n      accessibilityLabel={buttonAriaLabel}\n    >\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle} accessibilityLabel={skillAriaLabel || skillTitle}>\n          {skillTitle}\n        </Text>\n        <Text style={styleSheet.skillInfo} accessibilityLabel={reviseAriaLabel}>\n          {reviseLabel}\n        </Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\nexport default SkillCard;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,SAAd,EAAyBC,UAAzB,EAAqCC,IAArC,QAAsE,cAAtE;AACA,SAAQC,mCAAmC,IAAIC,UAA/C,QAAgE,0BAAhE;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAWA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,KAAK,EAAE;IACLC,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,KAFV;IAGLC,QAAQ,EAAE,QAHL;IAILC,UAAU,EAAE,QAJP;IAKLC,MAAM,EAAE,GALH;IAMLC,YAAY,EAAE,CANT;IAOLC,eAAe,EAAET,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEb,KAAK,CAACc,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAEjB,KAAK,CAACc,OAAN,CAAcI;EAVlB,CADS;EAahBC,UAAU,EAAE;IACVC,IAAI,EAAE,CADI;IAEVhB,aAAa,EAAE;EAFL,CAbI;EAiBhBiB,UAAU,EAAE;IACVC,QAAQ,EAAE,EADA;IAEVC,UAAU,EAAE,KAFF;IAGVC,UAAU,EAAE,EAHF;IAIVC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEhB,KAAK,CAACc,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAEzB,KAAK,CAACU,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAGnC,kBAAkB,EAA1C;EACA,MAAM,CAACoC,UAAD,EAAaC,aAAb,IAA8B7C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACU;EAAD,IAAUiC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAae,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJR,KADF;EAGAzC,SAAS,CAAC,MAAM;IACd,MAAMkD,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAmC,aAAa,CAACM,WAAD,CAAb;EACD,CAHQ,EAGN,CAACzC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACkC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,SAAD;IACE,KAAK,EAAEA,UAAU,CAAChC,KADpB;IAEE,OAAO,EAAEqC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,oBAAC,IAAD;IAAM,KAAK,EAAEN,UAAU,CAACf;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEe,UAAU,CAACb,UAAxB;IAAoC,kBAAkB,EAAEe,cAAc,IAAIf;EAA1E,GACGA,UADH,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,EAAEa,UAAU,CAACL,SAAxB;IAAmC,kBAAkB,EAAES;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,oBAAC,UAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;AAoCA,eAAeN,SAAf"}

package/es/molecule/skill-card/prop-types.d.ts

@@ -11,7 +11,7 @@ declare const propTypes: {
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
 };
 export default propTypes;
-export type SkillCardProps = {
+export declare type SkillCardProps = {
     'aria-label': string;
     skillTitle: string;
     skillAriaLabel: string;

package/es/molecule/skill-card/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/es/molecule/skill-card/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAED,SAAS,CAACE,MAAM;EAC9BC,UAAU,EAAEH,SAAS,CAACE,MAAM;EAC5BE,cAAc,EAAEJ,SAAS,CAACE,MAAM;EAChCG,WAAW,EAAEL,SAAS,CAACE,MAAM;EAC7BI,eAAe,EAAEN,SAAS,CAACE,MAAM;EACjCK,WAAW,EAAEP,SAAS,CAACE,MAAM;EAC7BM,eAAe,EAAER,SAAS,CAACE,MAAM;EACjCO,QAAQ,EAAET,SAAS,CAACU,IAAI;EACxBC,OAAO,EAAEX,SAAS,CAACY;AACrB,CAAC;AAED,eAAeX,SAAS"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"sources":["../../../src/molecule/skill-card/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  skillTitle: PropTypes.string,\n  skillAriaLabel: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  reviseLabel: PropTypes.string,\n  reviseAriaLabel: PropTypes.string,\n  isCustom: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default propTypes;\n\nexport type SkillCardProps = {\n  'aria-label': string;\n  skillTitle: string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  isCustom: boolean;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChB,cAAcD,SAAS,CAACE,MADR;EAEhBC,UAAU,EAAEH,SAAS,CAACE,MAFN;EAGhBE,cAAc,EAAEJ,SAAS,CAACE,MAHV;EAIhBG,WAAW,EAAEL,SAAS,CAACE,MAJP;EAKhBI,eAAe,EAAEN,SAAS,CAACE,MALX;EAMhBK,WAAW,EAAEP,SAAS,CAACE,MANP;EAOhBM,eAAe,EAAER,SAAS,CAACE,MAPX;EAQhBO,QAAQ,EAAET,SAAS,CAACU,IARJ;EAShBC,OAAO,EAAEX,SAAS,CAACY;AATH,CAAlB;AAYA,eAAeX,SAAf"}

package/es/molecule/ssmenu-list/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
+
 const SsMenuList = props => {
   const {
     items = []
@@ -18,6 +19,7 @@ const SsMenuList = props => {
     className: style.list
   }, itemsView);
 };
+
 SsMenuList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: PropTypes.arrayOf(PropTypes.shape({
     href: PropTypes.string,

package/es/molecule/ssmenu-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","SsMenuList","props","items","itemsView","map","title","href","index","item","list","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/ssmenu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst SsMenuList = props => {\n  const {items = []} = props;\n  const itemsView = items.map(({title, href}, index) => (\n    <li key={index} className={style.item}>\n      <a href={href}>{title}</a>\n    </li>\n  ));\n\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nSsMenuList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string\n    })\n  )\n};\n\nexport default SsMenuList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK,GAAG;EAAE,CAAC,GAAGD,KAAK;EAC1B,MAAME,SAAS,GAAGD,KAAK,CAACE,GAAG,CAAC,CAAC;IAACC,KAAK;IAAEC;EAAI,CAAC,EAAEC,KAAK,kBAC/C;IAAI,GAAG,EAAEA,KAAM;IAAC,SAAS,EAAER,KAAK,CAACS;EAAK,gBACpC;IAAG,IAAI,EAAEF;EAAK,GAAED,KAAK,CAAK,CAE7B,CAAC;EAEF,oBAAO;IAAI,SAAS,EAAEN,KAAK,CAACU;EAAK,GAAEN,SAAS,CAAM;AACpD,CAAC;AAEDH,UAAU,CAACU,SAAS,2CAAG;EACrBR,KAAK,EAAEJ,SAAS,CAACa,OAAO,CACtBb,SAAS,CAACc,KAAK,CAAC;IACdN,IAAI,EAAER,SAAS,CAACe,MAAM;IACtBR,KAAK,EAAEP,SAAS,CAACe;EACnB,CAAC,CAAC;AAEN,CAAC;AAED,eAAeb,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","SsMenuList","props","items","itemsView","map","title","href","index","item","list","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/ssmenu-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst SsMenuList = props => {\n  const {items = []} = props;\n  const itemsView = items.map(({title, href}, index) => (\n    <li key={index} className={style.item}>\n      <a href={href}>{title}</a>\n    </li>\n  ));\n\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nSsMenuList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      href: PropTypes.string,\n      title: PropTypes.string\n    })\n  )\n};\n\nexport default SsMenuList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,KAAK,GAAG;EAAT,IAAeD,KAArB;EACA,MAAME,SAAS,GAAGD,KAAK,CAACE,GAAN,CAAU,CAAC;IAACC,KAAD;IAAQC;EAAR,CAAD,EAAgBC,KAAhB,kBAC1B;IAAI,GAAG,EAAEA,KAAT;IAAgB,SAAS,EAAER,KAAK,CAACS;EAAjC,gBACE;IAAG,IAAI,EAAEF;EAAT,GAAgBD,KAAhB,CADF,CADgB,CAAlB;EAMA,oBAAO;IAAI,SAAS,EAAEN,KAAK,CAACU;EAArB,GAA4BN,SAA5B,CAAP;AACD,CATD;;AAWAH,UAAU,CAACU,SAAX,2CAAuB;EACrBR,KAAK,EAAEJ,SAAS,CAACa,OAAV,CACLb,SAAS,CAACc,KAAV,CAAgB;IACdN,IAAI,EAAER,SAAS,CAACe,MADF;IAEdR,KAAK,EAAEP,SAAS,CAACe;EAFH,CAAhB,CADK;AADc,CAAvB;AASA,eAAeb,UAAf"}

package/es/molecule/subscription-freemium/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const SubscriptionFreemiumDetails = (props, context) => {
   const {
     onSubscriptionFreemiumButtonClick
@@ -21,6 +22,7 @@ const SubscriptionFreemiumDetails = (props, context) => {
     onClick: onSubscriptionFreemiumButtonClick
   }, translate('subscription_freemium_button')));
 };
+
 SubscriptionFreemiumDetails.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/subscription-freemium/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","childContextTypes","propTypes","func"],"sources":["../../../src/molecule/subscription-freemium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SubscriptionFreemiumDetails = (props, context) => {\n  const {onSubscriptionFreemiumButtonClick} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.subscriptionFreemium}>\n      <div className={style.subscriptionFreemiumTitle}>\n        {translate('subscription_freemium_title')}\n      </div>\n      <div className={style.subscriptionFreemiumContent}>\n        {translate('subscription_freemium_description')}\n      </div>\n      <button\n        type=\"button\"\n        className={style.subscriptionFreemiumButton}\n        onClick={onSubscriptionFreemiumButtonClick}\n      >\n        {translate('subscription_freemium_button')}\n      </button>\n    </div>\n  );\n};\n\nSubscriptionFreemiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionFreemiumDetails.propTypes = {\n  onSubscriptionFreemiumButtonClick: PropTypes.func\n};\n\nexport default SubscriptionFreemiumDetails;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,2BAA2B,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACtD,MAAM;IAACC;EAAiC,CAAC,GAAGF,KAAK;EACjD,MAAM;IAACG;EAAS,CAAC,GAAGF,OAAO;EAE3B,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACM;EAAqB,gBACzC;IAAK,SAAS,EAAEN,KAAK,CAACO;EAA0B,GAC7CF,SAAS,CAAC,6BAA6B,CAAC,CACrC,eACN;IAAK,SAAS,EAAEL,KAAK,CAACQ;EAA4B,GAC/CH,SAAS,CAAC,mCAAmC,CAAC,CAC3C,eACN;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEL,KAAK,CAACS,0BAA2B;IAC5C,OAAO,EAAEL;EAAkC,GAE1CC,SAAS,CAAC,8BAA8B,CAAC,CACnC,CACL;AAEV,CAAC;AAEDJ,2BAA2B,CAACS,YAAY,GAAG;EACzCL,SAAS,EAAEN,QAAQ,CAACY,iBAAiB,CAACN;AACxC,CAAC;AAEDJ,2BAA2B,CAACW,SAAS,2CAAG;EACtCR,iCAAiC,EAAEN,SAAS,CAACe;AAC/C,CAAC;AAED,eAAeZ,2BAA2B"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","childContextTypes","propTypes","func"],"sources":["../../../src/molecule/subscription-freemium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SubscriptionFreemiumDetails = (props, context) => {\n  const {onSubscriptionFreemiumButtonClick} = props;\n  const {translate} = context;\n\n  return (\n    <div className={style.subscriptionFreemium}>\n      <div className={style.subscriptionFreemiumTitle}>\n        {translate('subscription_freemium_title')}\n      </div>\n      <div className={style.subscriptionFreemiumContent}>\n        {translate('subscription_freemium_description')}\n      </div>\n      <button\n        type=\"button\"\n        className={style.subscriptionFreemiumButton}\n        onClick={onSubscriptionFreemiumButtonClick}\n      >\n        {translate('subscription_freemium_button')}\n      </button>\n    </div>\n  );\n};\n\nSubscriptionFreemiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionFreemiumDetails.propTypes = {\n  onSubscriptionFreemiumButtonClick: PropTypes.func\n};\n\nexport default SubscriptionFreemiumDetails;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,2BAA2B,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtD,MAAM;IAACC;EAAD,IAAsCF,KAA5C;EACA,MAAM;IAACG;EAAD,IAAcF,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,GACGF,SAAS,CAAC,6BAAD,CADZ,CADF,eAIE;IAAK,SAAS,EAAEL,KAAK,CAACQ;EAAtB,GACGH,SAAS,CAAC,mCAAD,CADZ,CAJF,eAOE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEL,KAAK,CAACS,0BAFnB;IAGE,OAAO,EAAEL;EAHX,GAKGC,SAAS,CAAC,8BAAD,CALZ,CAPF,CADF;AAiBD,CArBD;;AAuBAJ,2BAA2B,CAACS,YAA5B,GAA2C;EACzCL,SAAS,EAAEN,QAAQ,CAACY,iBAAT,CAA2BN;AADG,CAA3C;AAIAJ,2BAA2B,CAACW,SAA5B,2CAAwC;EACtCR,iCAAiC,EAAEN,SAAS,CAACe;AADP,CAAxC;AAIA,eAAeZ,2BAAf"}

package/es/molecule/subscription-premium/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 const PremiumDescription = ({
   date,
   price
@@ -15,6 +16,7 @@ const PremiumDescription = ({
     className: style.premiumProductDetails
   }, `${part1}${date}${part2}${price}.`);
 };
+
 PremiumDescription.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
@@ -22,6 +24,7 @@ PremiumDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: PropTypes.string,
   price: PropTypes.string
 } : {};
+
 const PromoCodeDescription = ({
   date
 }, {
@@ -37,12 +40,14 @@ const PromoCodeDescription = ({
     href: "http://coorpacademy.com"
   }, "Coorpacademy.com"));
 };
+
 PromoCodeDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: PropTypes.string
 } : {};
 PromoCodeDescription.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const SubscriptionPremiumDetails = (props, context) => {
   const {
     isPromoCode,
@@ -72,6 +77,7 @@ const SubscriptionPremiumDetails = (props, context) => {
     href: `${subscriptionPremiumDescriptionLink}`
   }, translate('subscription_premium_description_part3_with_link'))) : null));
 };
+
 SubscriptionPremiumDetails.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/subscription-premium/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PremiumDescription","date","price","translate","part1","part2","premiumProductDetails","contextTypes","childContextTypes","propTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,kBAAkB,GAAG,CAAC;EAACC,IAAI;EAAEC;AAAK,CAAC,EAAE;EAACC;AAAS,CAAC,KAAK;EACzD;EACA,MAAMC,KAAK,GAAGD,SAAS,CAAC,wCAAwC,CAAC;EACjE,MAAME,KAAK,GAAGF,SAAS,CAAC,wCAAwC,CAAC;EAEjE,oBAAO;IAAK,SAAS,EAAEJ,KAAK,CAACO;EAAsB,GAAG,GAAEF,KAAM,GAAEH,IAAK,GAAEI,KAAM,GAAEH,KAAM,GAAE,CAAO;AAChG,CAAC;AAEDF,kBAAkB,CAACO,YAAY,GAAG;EAChCJ,SAAS,EAAEL,QAAQ,CAACU,iBAAiB,CAACL;AACxC,CAAC;AAEDH,kBAAkB,CAACS,SAAS,2CAAG;EAC7BR,IAAI,EAAEJ,SAAS,CAACa,MAAM;EACtBR,KAAK,EAAEL,SAAS,CAACa;AACnB,CAAC;AAED,MAAMC,oBAAoB,GAAG,CAAC;EAACV;AAAI,CAAC,EAAE;EAACE;AAAS,CAAC,KAAK;EACpD,MAAMS,IAAI,GAAGT,SAAS,CAAC,yBAAyB,EAAE;IAACF;EAAI,CAAC,CAAC;EAEzD,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACO;EAAsB,GACzCM,IAAI,eACL;IAAG,SAAS,EAAEb,KAAK,CAACc,QAAS;IAAC,IAAI,EAAC;EAAyB,GAAC,kBAE7D,CAAI,CACA;AAEV,CAAC;AAEDF,oBAAoB,CAACF,SAAS,2CAAG;EAC/BR,IAAI,EAAEJ,SAAS,CAACa;AAClB,CAAC;AAEDC,oBAAoB,CAACJ,YAAY,GAAG;EAClCJ,SAAS,EAAEL,QAAQ,CAACU,iBAAiB,CAACL;AACxC,CAAC;AAED,MAAMW,0BAA0B,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACrD,MAAM;IACJC,WAAW;IACXC,kCAAkC,EAAEjB,IAAI;IACxCkB,mCAAmC,EAAEjB,KAAK;IAC1CkB,UAAU;IACVC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IAACZ;EAAS,CAAC,GAAGa,OAAO;EAC3B,MAAMM,WAAW,GAAGL,WAAW,GAAGN,oBAAoB,GAAGX,kBAAkB;EAE3E,oBACE,8CACE;IAAK,SAAS,EAAED,KAAK,CAACwB;EAAa,gBACjC;IAAK,SAAS,EAAExB,KAAK,CAACyB,iBAAkB;IAAC,GAAG,EAAEJ;EAAW,EAAG,eAC5D;IAAK,SAAS,EAAErB,KAAK,CAAC0B;EAAiB,GAAEtB,SAAS,CAAC,4BAA4B,CAAC,CAAO,CACnF,eACN,8CACE,oBAAC,WAAW;IAAC,IAAI,EAAEF,IAAK;IAAC,KAAK,EAAEC;EAAM,EAAG,EACxC,CAACe,WAAW,gBACX;IAAK,SAAS,EAAElB,KAAK,CAAC2B;EAAuB,GAC1CvB,SAAS,CAAC,wCAAwC,CAAC,eACpD;IACE,SAAS,EAAEJ,KAAK,CAAC4B,sBAAuB;IACxC,IAAI,EAAG,GAAEN,kCAAmC;EAAE,GAE7ClB,SAAS,CAAC,kDAAkD,CAAC,CAC5D,CACA,GACJ,IAAI,CACJ,CACF;AAEV,CAAC;AAEDW,0BAA0B,CAACP,YAAY,GAAG;EACxCJ,SAAS,EAAEL,QAAQ,CAACU,iBAAiB,CAACL;AACxC,CAAC;AAEDW,0BAA0B,CAACL,SAAS,2CAAG;EACrCW,UAAU,EAAEvB,SAAS,CAACa,MAAM;EAC5BO,WAAW,EAAEpB,SAAS,CAAC+B,IAAI,CAACC,UAAU;EACtCX,kCAAkC,EAAErB,SAAS,CAACa,MAAM;EACpDS,mCAAmC,EAAEtB,SAAS,CAACa,MAAM;EACrDW,kCAAkC,EAAExB,SAAS,CAACa;AAChD,CAAC;AAED,eAAeI,0BAA0B"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","style","PremiumDescription","date","price","translate","part1","part2","premiumProductDetails","contextTypes","childContextTypes","propTypes","string","PromoCodeDescription","text","homeLink","SubscriptionPremiumDetails","props","context","isPromoCode","subscriptionPremiumDescriptionDate","subscriptionPremiumDescriptionPrice","checkImage","subscriptionPremiumDescriptionLink","Description","premiumTitle","premiumTitleImage","premiumTitleText","cancelSubscriptionText","cancelSubscriptionLink","bool","isRequired"],"sources":["../../../src/molecule/subscription-premium/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PremiumDescription = ({date, price}, {translate}) => {\n  // @TODO use only one template\n  const part1 = translate('subscription_premium_description_part1');\n  const part2 = translate('subscription_premium_description_part2');\n\n  return <div className={style.premiumProductDetails}>{`${part1}${date}${part2}${price}.`}</div>;\n};\n\nPremiumDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nPremiumDescription.propTypes = {\n  date: PropTypes.string,\n  price: PropTypes.string\n};\n\nconst PromoCodeDescription = ({date}, {translate}) => {\n  const text = translate('subscription_promo_code', {date});\n\n  return (\n    <div className={style.premiumProductDetails}>\n      {text}\n      <a className={style.homeLink} href=\"http://coorpacademy.com\">\n        Coorpacademy.com\n      </a>\n    </div>\n  );\n};\n\nPromoCodeDescription.propTypes = {\n  date: PropTypes.string\n};\n\nPromoCodeDescription.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst SubscriptionPremiumDetails = (props, context) => {\n  const {\n    isPromoCode,\n    subscriptionPremiumDescriptionDate: date,\n    subscriptionPremiumDescriptionPrice: price,\n    checkImage,\n    subscriptionPremiumDescriptionLink\n  } = props;\n\n  const {translate} = context;\n  const Description = isPromoCode ? PromoCodeDescription : PremiumDescription;\n\n  return (\n    <div>\n      <div className={style.premiumTitle}>\n        <img className={style.premiumTitleImage} src={checkImage} />\n        <div className={style.premiumTitleText}>{translate('subscription_premium_title')}</div>\n      </div>\n      <div>\n        <Description date={date} price={price} />\n        {!isPromoCode ? (\n          <div className={style.cancelSubscriptionText}>\n            {translate('subscription_premium_description_part3')}\n            <a\n              className={style.cancelSubscriptionLink}\n              href={`${subscriptionPremiumDescriptionLink}`}\n            >\n              {translate('subscription_premium_description_part3_with_link')}\n            </a>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nSubscriptionPremiumDetails.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSubscriptionPremiumDetails.propTypes = {\n  checkImage: PropTypes.string,\n  isPromoCode: PropTypes.bool.isRequired,\n  subscriptionPremiumDescriptionDate: PropTypes.string,\n  subscriptionPremiumDescriptionPrice: PropTypes.string,\n  subscriptionPremiumDescriptionLink: PropTypes.string\n};\n\nexport default SubscriptionPremiumDetails;\n"],"mappings":"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"}

package/es/molecule/table/index.js

@@ -11,6 +11,7 @@ import style from './style.css';
 const THEMES = {
   COCKPIT: 'cockpit'
 };
+
 const createOptionsView = (_options, hasOptions) => {
   const optionsView = _options.map((option, oIndex) => {
     const {
@@ -25,10 +26,12 @@ const createOptionsView = (_options, hasOptions) => {
       onClick: onChange
     }, option.title));
   });
+
   return hasOptions ? /*#__PURE__*/React.createElement("div", {
     className: style.options
   }, optionsView) : null;
 };
+
 const buildTableContext = (translate, theme, headerTitle) => {
   if (theme === THEMES.COCKPIT) {
     return /*#__PURE__*/React.createElement("div", {
@@ -59,6 +62,7 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: style.label
     }, translate('No status')))));
   }
+
   if (headerTitle) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.header
@@ -66,8 +70,10 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: style.title
     }, headerTitle));
   }
+
   return null;
 };
+
 const Table = (props, context) => {
   const {
     rows = [],
@@ -80,7 +86,9 @@ const Table = (props, context) => {
     skin,
     translate
   } = context;
+
   const mediumColor = _get('common.medium', skin);
+
   const headerView = columns.map((column, cIndex) => {
     const {
       title,
@@ -112,6 +120,7 @@ const Table = (props, context) => {
     }) : null)));
   });
   const tableContext = buildTableContext(translate, theme, headerTitle);
+
   if (editable) {
     headerView.unshift( /*#__PURE__*/React.createElement("th", {
       key: "header"
@@ -119,6 +128,7 @@ const Table = (props, context) => {
       className: style.noOptions
     })));
   }
+
   const renderIcon = field => {
     switch (_get('icon', field)) {
       case 'draft':
@@ -126,25 +136,30 @@ const Table = (props, context) => {
           width: 25,
           height: 25
         });
+
       case 'validate':
         return /*#__PURE__*/React.createElement(ValidateIcon, {
           width: 25,
           height: 25
         });
+
       case 'nostatus':
         return /*#__PURE__*/React.createElement("span", {
           className: style.nostatus
         }, '\u26A0️');
+
       case 'videosubtitle':
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VideoSubtitleIcon, {
           className: style.videosubtitle,
           width: 25,
           height: 25
         }), field.title);
+
       default:
         null;
     }
   };
+
   const bodyView = rows.map((row, index) => {
     const {
       fields = [],
@@ -161,6 +176,7 @@ const Table = (props, context) => {
         key: fIndex
       }, _isString(field) ? field : renderIcon(field));
     });
+
     if (editable) {
       tableRows.unshift(
       /*#__PURE__*/
@@ -175,6 +191,7 @@ const Table = (props, context) => {
         width: 16
       }))));
     }
+
     return /*#__PURE__*/React.createElement("tr", {
       className: trClasses,
       key: index
@@ -189,6 +206,7 @@ const Table = (props, context) => {
     })
   }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, headerView)), /*#__PURE__*/React.createElement("tbody", null, bodyView)));
 };
+
 Table.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate

package/es/molecule/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                color={mediumColor}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon color={mediumColor} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","propTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                color={mediumColor}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon color={mediumColor} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}

package/es/molecule/teams-popin/index.js

@@ -11,6 +11,7 @@ const ICONS = {
   reload: ReloadIcon,
   wrong: ReloadIcon
 };
+
 const TeamsPopin = props => {
   const {
     header,
@@ -71,6 +72,7 @@ const TeamsPopin = props => {
     }
   }) : null));
 };
+
 TeamsPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   content: PropTypes.string,

package/es/molecule/teams-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyReload","ReloadIcon","NovaCompositionCoorpacademyLoginFailed","LoginFailedIcon","NovaCompositionCoorpacademyAddressError","AddressErrorIcon","NovaCompositionCoorpacademySchoolGraduation","SchoolGraduation","Cta","Loader","style","ICONS","login","loginFailed","addressError","reload","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/teams-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyReload as ReloadIcon,\n  NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n  NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n  NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n  login: SchoolGraduation,\n  loginFailed: LoginFailedIcon,\n  addressError: AddressErrorIcon,\n  reload: ReloadIcon,\n  wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n  const {\n    header,\n    content,\n    buttonLabel,\n    aboutLabel,\n    onButtonClick,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n  const IconType = ICONS[type];\n  const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n  const Icon = IconType ? (\n    <div className={iconContainerStyle}>\n      <IconType className={style.icon} />\n    </div>\n  ) : null;\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : {};\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"teams-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          {Icon}\n          <div\n            className={style.header}\n            data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: header}}\n          />\n          <p\n            className={style.content}\n            data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {buttonLabel && onButtonClick ? (\n            <div className={style.buttonContainer}>\n              <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n            </div>\n          ) : null}\n          {aboutLabel ? (\n            <p\n              className={style.about}\n              data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: aboutLabel}}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\nTeamsPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  aboutLabel: PropTypes.string,\n  onButtonClick: PropTypes.func,\n  type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyReload","ReloadIcon","NovaCompositionCoorpacademyLoginFailed","LoginFailedIcon","NovaCompositionCoorpacademyAddressError","AddressErrorIcon","NovaCompositionCoorpacademySchoolGraduation","SchoolGraduation","Cta","Loader","style","ICONS","login","loginFailed","addressError","reload","wrong","TeamsPopin","props","header","content","buttonLabel","aboutLabel","onButtonClick","type","isLoading","backgroundImageUrl","IconType","iconContainerStyle","iconContainer","errorIconContainer","Icon","icon","backgroundImageStyle","backgroundImage","backgroundSize","background","loader","popin","__html","buttonContainer","about","propTypes","string","func","oneOf","bool"],"sources":["../../../src/molecule/teams-popin/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyReload as ReloadIcon,\n  NovaCompositionCoorpacademyLoginFailed as LoginFailedIcon,\n  NovaCompositionCoorpacademyAddressError as AddressErrorIcon,\n  NovaCompositionCoorpacademySchoolGraduation as SchoolGraduation\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst ICONS = {\n  login: SchoolGraduation,\n  loginFailed: LoginFailedIcon,\n  addressError: AddressErrorIcon,\n  reload: ReloadIcon,\n  wrong: ReloadIcon\n};\n\nconst TeamsPopin = props => {\n  const {\n    header,\n    content,\n    buttonLabel,\n    aboutLabel,\n    onButtonClick,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n  const IconType = ICONS[type];\n  const iconContainerStyle = type === 'login' ? style.iconContainer : style.errorIconContainer;\n  const Icon = IconType ? (\n    <div className={iconContainerStyle}>\n      <IconType className={style.icon} />\n    </div>\n  ) : null;\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : {};\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"teams-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          {Icon}\n          <div\n            className={style.header}\n            data-name={`popin-header-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: header}}\n          />\n          <p\n            className={style.content}\n            data-name={`popin-content-${type}`} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {buttonLabel && onButtonClick ? (\n            <div className={style.buttonContainer}>\n              <Cta submitValue={buttonLabel} onClick={onButtonClick} name={`popin-cta-${type}`} />\n            </div>\n          ) : null}\n          {aboutLabel ? (\n            <p\n              className={style.about}\n              data-name={`popin-about-label-${type}`} // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: aboutLabel}}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\nTeamsPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  buttonLabel: PropTypes.string,\n  aboutLabel: PropTypes.string,\n  onButtonClick: PropTypes.func,\n  type: PropTypes.oneOf(['login', 'reload', 'loginFailed', 'addressError', 'wrong']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default TeamsPopin;\n"],"mappings":"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"}

package/es/molecule/theme-image/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import extractor from '../../util/image';
 import Provider from '../../atom/provider';
 import style from './style.css';
+
 function ThemeImage({
   image
 }, {
@@ -38,6 +39,7 @@ function ThemeImage({
     style: mobileStyle
   })));
 }
+
 ThemeImage.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

package/es/molecule/theme-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","propTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAASC,UAAU,CAAC;EAACC;AAAK,CAAC,EAAE;EAACC;AAAI,CAAC,EAAE;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAI,CAAC;EAC/B,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAK,CAAC;EAEnC,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAI,EAAED,KAAK,CAAC;EACjD,MAAMK,WAAW,GAAGD,kBAAkB,CAAE,GAAEJ,KAAM,SAAQ,CAAC;EACzD,MAAMM,WAAW,GAAGF,kBAAkB,CAAE,GAAEJ,KAAM,SAAQ,CAAC;EACzD,MAAMO,YAAY,GAAGH,kBAAkB,CAAE,GAAEJ,KAAM,UAAS,CAAC;EAE3D,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAQ,gBAC5B;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAQ,gBAC5B;IAAK,SAAS,EAAEX,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEP;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAiB,gBACrC;IAAK,SAAS,EAAEb,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEH;EAAa,EAAG,CACrD,eACN;IAAK,SAAS,EAAET,KAAK,CAACc;EAAgB,gBACpC;IAAK,SAAS,EAAEd,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEJ;EAAY,EAAG,CACpD,eACN;IAAK,SAAS,EAAER,KAAK,CAACe;EAAgB,gBACpC;IAAK,SAAS,EAAEf,KAAK,CAACY,UAAW;IAAC,KAAK,EAAEL;EAAY,EAAG,CACpD,CACF;AAEV;AAEAN,UAAU,CAACe,YAAY,GAAG;EACxBb,IAAI,EAAEJ,QAAQ,CAACkB,iBAAiB,CAACd;AACnC,CAAC;AAEDF,UAAU,CAACiB,SAAS,2CAAG;EACrBhB,KAAK,EAAEL,SAAS,CAACsB,MAAM,CAACC;AAC1B,CAAC;AAED,eAAenB,UAAU"}
+{"version":3,"file":"index.js","names":["React","PropTypes","extractor","Provider","style","ThemeImage","image","skin","extract","defaultStyle","extractWithDefault","mobileStyle","tabletStyle","desktopStyle","wrapper","default","background","desktopContainer","tabletContainer","mobileContainer","contextTypes","childContextTypes","propTypes","string","isRequired"],"sources":["../../../src/molecule/theme-image/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport extractor from '../../util/image';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ThemeImage({image}, {skin}) {\n  const extract = extractor(skin);\n  const defaultStyle = extract(image);\n\n  const extractWithDefault = extractor(skin, image);\n  const mobileStyle = extractWithDefault(`${image}-mobile`);\n  const tabletStyle = extractWithDefault(`${image}-tablet`);\n  const desktopStyle = extractWithDefault(`${image}-desktop`);\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.default}>\n        <div className={style.background} style={defaultStyle} />\n      </div>\n      <div className={style.desktopContainer}>\n        <div className={style.background} style={desktopStyle} />\n      </div>\n      <div className={style.tabletContainer}>\n        <div className={style.background} style={tabletStyle} />\n      </div>\n      <div className={style.mobileContainer}>\n        <div className={style.background} style={mobileStyle} />\n      </div>\n    </div>\n  );\n}\n\nThemeImage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nThemeImage.propTypes = {\n  image: PropTypes.string.isRequired\n};\n\nexport default ThemeImage;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,SAASC,UAAT,CAAoB;EAACC;AAAD,CAApB,EAA6B;EAACC;AAAD,CAA7B,EAAqC;EACnC,MAAMC,OAAO,GAAGN,SAAS,CAACK,IAAD,CAAzB;EACA,MAAME,YAAY,GAAGD,OAAO,CAACF,KAAD,CAA5B;EAEA,MAAMI,kBAAkB,GAAGR,SAAS,CAACK,IAAD,EAAOD,KAAP,CAApC;EACA,MAAMK,WAAW,GAAGD,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;EACA,MAAMM,WAAW,GAAGF,kBAAkB,CAAE,GAAEJ,KAAM,SAAV,CAAtC;EACA,MAAMO,YAAY,GAAGH,kBAAkB,CAAE,GAAEJ,KAAM,UAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACU;EAAtB,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAtB,gBACE;IAAK,SAAS,EAAEX,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEP;EAAzC,EADF,CADF,eAIE;IAAK,SAAS,EAAEL,KAAK,CAACa;EAAtB,gBACE;IAAK,SAAS,EAAEb,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEH;EAAzC,EADF,CAJF,eAOE;IAAK,SAAS,EAAET,KAAK,CAACc;EAAtB,gBACE;IAAK,SAAS,EAAEd,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEJ;EAAzC,EADF,CAPF,eAUE;IAAK,SAAS,EAAER,KAAK,CAACe;EAAtB,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACY,UAAtB;IAAkC,KAAK,EAAEL;EAAzC,EADF,CAVF,CADF;AAgBD;;AAEDN,UAAU,CAACe,YAAX,GAA0B;EACxBb,IAAI,EAAEJ,QAAQ,CAACkB,iBAAT,CAA2Bd;AADT,CAA1B;AAIAF,UAAU,CAACiB,SAAX,2CAAuB;EACrBhB,KAAK,EAAEL,SAAS,CAACsB,MAAV,CAAiBC;AADH,CAAvB;AAIA,eAAenB,UAAf"}

package/es/molecule/title-and-checkbox-wrapper/index.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 React from 'react';
 import PropTypes from 'prop-types';
 import InputTextWithTitle from '../../atom/input-text-with-title';
@@ -10,6 +11,7 @@ const CHILD = {
   'input-text': InputTextWithTitle,
   'drag-and-drop-wrapper': DragAndDropWrapper
 };
+
 const TitleAndCheckBoxWrapper = props => {
   const {
     checkboxWithTitle,
@@ -25,6 +27,7 @@ const TitleAndCheckBoxWrapper = props => {
     className: checkboxWithTitle || sectionTitle ? style.child : null
   }, /*#__PURE__*/React.createElement(Child, child)));
 };
+
 TitleAndCheckBoxWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),
   sectionTitle: PropTypes.shape(Title.propTypes),

package/es/molecule/title-and-checkbox-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","InputTextWithTitle","CheckboxWithTitle","Title","DragAndDropWrapper","style","CHILD","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","propTypes","shape","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,kBAAkB,MAAM,0BAA0B;AACzD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZ,YAAY,EAAEL,kBAAkB;EAChC,uBAAuB,EAAEG;AAC3B,CAAC;AACD,MAAMG,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAiB;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAEtD,MAAMI,KAAK,GAAGN,KAAK,CAACI,KAAK,CAACG,SAAS,CAAC;EACpC,oBACE,iCACGJ,iBAAiB,gBAAG,oBAAC,iBAAiB,EAAKA,iBAAiB,CAAI,GAAG,IAAI,EACvEE,YAAY,gBACX;IAAK,SAAS,EAAEN,KAAK,CAACM;EAAa,gBACjC,oBAAC,KAAK,eAAKA,YAAY;IAAE,IAAI,EAAE;EAAa,GAAG,CAC3C,GACJ,IAAI,eACR;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAAY,GAAGN,KAAK,CAACK,KAAK,GAAG;EAAK,gBACrE,oBAAC,KAAK,EAAKA,KAAK,CAAI,CAChB,CACF;AAEV,CAAC;AAEDH,uBAAuB,CAACO,SAAS,2CAAG;EAClCL,iBAAiB,EAAET,SAAS,CAACe,KAAK,CAACb,iBAAiB,CAACY,SAAS,CAAC;EAC/DH,YAAY,EAAEX,SAAS,CAACe,KAAK,CAACZ,KAAK,CAACW,SAAS,CAAC;EAC9CJ,KAAK,EAAEV,SAAS,CAACgB,SAAS,CAAC,CACzBhB,SAAS,CAACe,KAAK,cACVd,kBAAkB,CAACa,SAAS;IAC/BD,SAAS,EAAEb,SAAS,CAACiB,KAAK,CAAC,CAAC,YAAY,CAAC;EAAC,GAC1C,EACFjB,SAAS,CAACe,KAAK,cACVX,kBAAkB,CAACU,SAAS;IAC/BD,SAAS,EAAEb,SAAS,CAACiB,KAAK,CAAC,CAAC,uBAAuB,CAAC;EAAC,GACrD,CACH;AACH,CAAC;AACD,eAAeV,uBAAuB"}
+{"version":3,"file":"index.js","names":["React","PropTypes","InputTextWithTitle","CheckboxWithTitle","Title","DragAndDropWrapper","style","CHILD","TitleAndCheckBoxWrapper","props","checkboxWithTitle","child","sectionTitle","Child","childType","propTypes","shape","oneOfType","oneOf"],"sources":["../../../src/molecule/title-and-checkbox-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport Title from '../../atom/title';\nimport DragAndDropWrapper from '../drag-and-drop-wrapper';\nimport style from './style.css';\n\nconst CHILD = {\n  'input-text': InputTextWithTitle,\n  'drag-and-drop-wrapper': DragAndDropWrapper\n};\nconst TitleAndCheckBoxWrapper = props => {\n  const {checkboxWithTitle, child, sectionTitle} = props;\n\n  const Child = CHILD[child.childType];\n  return (\n    <div>\n      {checkboxWithTitle ? <CheckboxWithTitle {...checkboxWithTitle} /> : null}\n      {sectionTitle ? (\n        <div className={style.sectionTitle}>\n          <Title {...sectionTitle} type={'form-group'} />\n        </div>\n      ) : null}\n      <div className={checkboxWithTitle || sectionTitle ? style.child : null}>\n        <Child {...child} />\n      </div>\n    </div>\n  );\n};\n\nTitleAndCheckBoxWrapper.propTypes = {\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  sectionTitle: PropTypes.shape(Title.propTypes),\n  child: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...InputTextWithTitle.propTypes,\n      childType: PropTypes.oneOf(['input-text'])\n    }),\n    PropTypes.shape({\n      ...DragAndDropWrapper.propTypes,\n      childType: PropTypes.oneOf(['drag-and-drop-wrapper'])\n    })\n  ])\n};\nexport default TitleAndCheckBoxWrapper;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,kBAAP,MAA+B,0BAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZ,cAAcL,kBADF;EAEZ,yBAAyBG;AAFb,CAAd;;AAIA,MAAMG,uBAAuB,GAAGC,KAAK,IAAI;EACvC,MAAM;IAACC,iBAAD;IAAoBC,KAApB;IAA2BC;EAA3B,IAA2CH,KAAjD;EAEA,MAAMI,KAAK,GAAGN,KAAK,CAACI,KAAK,CAACG,SAAP,CAAnB;EACA,oBACE,iCACGJ,iBAAiB,gBAAG,oBAAC,iBAAD,EAAuBA,iBAAvB,CAAH,GAAkD,IADtE,EAEGE,YAAY,gBACX;IAAK,SAAS,EAAEN,KAAK,CAACM;EAAtB,gBACE,oBAAC,KAAD,eAAWA,YAAX;IAAyB,IAAI,EAAE;EAA/B,GADF,CADW,GAIT,IANN,eAOE;IAAK,SAAS,EAAEF,iBAAiB,IAAIE,YAArB,GAAoCN,KAAK,CAACK,KAA1C,GAAkD;EAAlE,gBACE,oBAAC,KAAD,EAAWA,KAAX,CADF,CAPF,CADF;AAaD,CAjBD;;AAmBAH,uBAAuB,CAACO,SAAxB,2CAAoC;EAClCL,iBAAiB,EAAET,SAAS,CAACe,KAAV,CAAgBb,iBAAiB,CAACY,SAAlC,CADe;EAElCH,YAAY,EAAEX,SAAS,CAACe,KAAV,CAAgBZ,KAAK,CAACW,SAAtB,CAFoB;EAGlCJ,KAAK,EAAEV,SAAS,CAACgB,SAAV,CAAoB,CACzBhB,SAAS,CAACe,KAAV,cACKd,kBAAkB,CAACa,SADxB;IAEED,SAAS,EAAEb,SAAS,CAACiB,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFb,GADyB,EAKzBjB,SAAS,CAACe,KAAV,cACKX,kBAAkB,CAACU,SADxB;IAEED,SAAS,EAAEb,SAAS,CAACiB,KAAV,CAAgB,CAAC,uBAAD,CAAhB;EAFb,GALyB,CAApB;AAH2B,CAApC;AAcA,eAAeV,uBAAf"}

package/es/molecule/titled-checkbox/index.js

@@ -4,6 +4,7 @@ import { NovaCompositionCoorpacademyCheck as Check } from '@coorpacademy/nova-ic
 import { ColorPropType } from '../../util/proptypes';
 import Checkbox from '../../atom/checkbox';
 import style from './style.css';
+
 const TitledCheckbox = props => {
   const {
     choice,
@@ -32,6 +33,7 @@ const TitledCheckbox = props => {
     className: style.label
   }, label));
 };
+
 TitledCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   choice: PropTypes.shape({
     selected: PropTypes.bool.isRequired,

package/es/molecule/titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,gCAAgC,IAAIC,KAAK,QAAO,0BAA0B;AAClF,SAAQC,aAAa,QAAO,sBAAsB;AAClD,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAM;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAC5C,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAAI;EACzB,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAM,CAAC,EAAE,CAACE,QAAQ,EAAEF,MAAM,CAAC,CAAC;EAE9E,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAQ,gBAC9B;IACE,SAAS,EAAET,KAAK,CAACU,GAAI;IACrB,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IAC5B;EAAE,GAEDD,MAAM,CAACQ,QAAQ,gBAAG,oBAAC,KAAK;IAAC,SAAS,EAAEX,KAAK,CAACY,IAAK;IAAC,KAAK,EAAC;EAAO,EAAG,GAAG,IAAI,eACxE,oBAAC,QAAQ;IACP,SAAS,EAAEZ,KAAK,CAACa,KAAM;IACvB,OAAO,EAAEV,MAAM,CAACQ,QAAS;IACzB,QAAQ,EAAEH,YAAa;IACvB,aAAWF;EAAM,EACjB,CACE,eACN;IAAM,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAEN,KAAK,CAACM;EAAM,GACxCA,KAAK,CACD,CACD;AAEZ,CAAC;AAEDL,cAAc,CAACa,SAAS,2CAAG;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAK,CAAC;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAI,CAACC,UAAU;IACnCV,IAAI,EAAEZ,SAAS,CAACuB,MAAM,CAACD,UAAU;IACjCE,KAAK,EAAExB,SAAS,CAACuB;EACnB,CAAC,CAAC,CAACD,UAAU;EACbb,UAAU,EAAEN,aAAa;EACzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAI,CAACH;AAC3B,CAAC;AAED,eAAehB,cAAc"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gCAAgC,IAAIC,KAA5C,QAAwD,0BAAxD;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAD,CAArB,EAA+B,CAACE,QAAD,EAAWF,MAAX,CAA/B,CAA5B;EAEA,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAxB,gBACE;IACE,SAAS,EAAET,KAAK,CAACU,GADnB;IAEE,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACQ,QAAP,gBAAkB,oBAAC,KAAD;IAAO,SAAS,EAAEX,KAAK,CAACY,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,oBAAC,QAAD;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,OAAO,EAAEV,MAAM,CAACQ,QAFlB;IAGE,QAAQ,EAAEH,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEN,KAAK,CAACM;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACa,SAAf,2CAA2B;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAV,CAAeC,UADH;IAEtBV,IAAI,EAAEZ,SAAS,CAACuB,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAExB,SAAS,CAACuB;EAHK,CAAhB,EAILD,UALsB;EAMzBb,UAAU,EAAEN,aANa;EAOzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAV,CAAeH;AAPA,CAA3B;AAUA,eAAehB,cAAf"}

package/es/molecule/unsubscribe/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import Link from '../../atom/link';
 import style from './style.css';
+
 const Unsubscribe = (props, context) => {
   const {
     translate
@@ -31,6 +32,7 @@ const Unsubscribe = (props, context) => {
     className: style.unsubscribeConfirmation
   }, translate('premium_unsubscribe_confirmation')) : null);
 };
+
 Unsubscribe.contextTypes = {
   translate: Provider.childContextTypes.translate
 };