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

package/lib/molecule/skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","useState","primarySkinColor","getOr","handleMouseOver","useCallback","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","useMemo","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAGC,SAAS,IAAI;EACzC,MAAMC,SAAS,GAAG,CAChB,IAAAC,yBAAA,EAAS,SAAQF,SAAU,kBAA3B,CADgB,EAEhB,IAAAE,yBAAA,EAAS,SAAQF,SAAU,kBAA3B,CAFgB,EAGhB,IAAAE,yBAAA,EAAS,SAAQF,SAAU,kBAA3B,CAHgB,CAAlB;EAMA,OAAQ,+CAA8CC,SAAS,CAAC,CAAD,CAAI,QAAO,IAAAC,yBAAA,EACvE,SAAQD,SAAS,CAAC,CAAD,CAAI,QADkD,CAExE,4DAA2DA,SAAS,CAAC,CAAD,CAAI,QAAO,IAAAC,yBAAA,EAC9E,SAAQD,SAAS,CAAC,CAAD,CAAI,QADyD,CAE/E,2DAA0DA,SAAS,CAAC,CAAD,CAAI,QAAO,IAAAC,yBAAA,EAC7E,SAAQD,SAAS,CAAC,CAAD,CAAI,QADwD,CAE9E,WAAUD,SAAU,EANtB;AAOD,CAdD;;AAgBA,MAAMG,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IACJ,cAAcC,SADV;IAEJC,UAFI;IAGJC,cAHI;IAIJC,WAJI;IAKJC,eALI;IAMJC,WANI;IAOJC,eAPI;IAQJC,OARI;IASJC,QAAQ,GAAG;EATP,IAUFV,KAVJ;EAWA,MAAM;IAACW;EAAD,IAASV,OAAf;EACA,MAAM,CAACW,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EACA,MAAMC,gBAAgB,GAAG,IAAAC,cAAA,EAAM,SAAN,EAAiB,gBAAjB,EAAmCL,IAAnC,CAAzB;EAEA,MAAMM,eAAe,GAAG,IAAAC,kBAAA,EAAY,MAAML,UAAU,CAAC,IAAD,CAA5B,EAAoC,CAACA,UAAD,CAApC,CAAxB;EAEA,MAAMM,gBAAgB,GAAG,IAAAD,kBAAA,EAAY,MAAML,UAAU,CAAC,KAAD,CAA5B,EAAqC,CAACA,UAAD,CAArC,CAAzB;EAEA,MAAMO,WAAW,GAAG;IAClBC,WAAW,EAAE;MACXC,eAAe,EAAEV,OAAO,GAAGG,gBAAH,GAAsB,IAAAjB,yBAAA,EAAS,SAAQiB,gBAAiB,WAAlC,CADnC;MAEXQ,KAAK,EAAEX,OAAO,GAAG,SAAH,GAAeG,gBAFlB;MAGXS,UAAU,EAAE;IAHD,CADK;IAMlBf,OANkB;IAOlB,cAAcH,eAPI;IAQlBmB,KAAK,EAAEpB,WARW;IASlB,aAAa;EATK,CAApB;EAYA,MAAMqB,oBAAoB,GAAG,IAAAC,cAAA,EAC3B,MAAOjB,QAAQ,GAAG,SAAH,GAAeK,gBADH,EAE3B,CAACL,QAAD,EAAWK,gBAAX,CAF2B,CAA7B;EAKA,MAAMa,eAAe,GAAG,IAAAD,cAAA,EACtB,MAAMhC,qBAAqB,CAAC+B,oBAAD,CADL,EAEtB,CAACA,oBAAD,CAFsB,CAAxB;EAKA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC,gBAAtB;IAAwC,aAAU,oBAAlD;IAAuE,cAAY5B;EAAnF,gBACE;IACE,aAAU,aADZ;IAEE,SAAS,EAAE2B,cAAA,CAAM1B,UAFnB;IAGE,cAAYC,cAAc,IAAID,UAHhC;IAIE,KAAK,EAAE;MACL4B,UAAU,EAAEH;IADP;EAJT,GAQGzB,UARH,CADF,eAWE;IAAK,aAAU;EAAf,gBACE;IACE,SAAS,EAAE0B,cAAA,CAAMG,kBADnB;IAEE,aAAU,2BAFZ;IAGE,cAAYxB,eAAe,IAAID;EAHjC,gBAKE,6BAAC,0DAAD;IAAc,SAAS,EAAEsB,cAAA,CAAMI,kBAA/B;IAAmD,KAAK,EAAE,EAA1D;IAA8D,MAAM,EAAE;EAAtE,EALF,EAMG1B,WANH,CADF,eASE;IACE,SAAS,EAAEsB,cAAA,CAAMK,aADnB;IAEE,WAAW,EAAEjB,eAFf;IAGE,YAAY,EAAEE,gBAHhB;IAIE,aAAU;EAJZ,gBAME,6BAAC,mBAAD,EAAgBC,WAAhB,CANF,CATF,CAXF,CADF;AAgCD,CA1ED;;AA4EArB,SAAS,CAACoC,SAAV,2CAAsBA,kBAAtB;eAEepC,S"}
+{"version":3,"file":"index.js","names":["getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","useState","primarySkinColor","getOr","handleMouseOver","useCallback","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","useMemo","titleBackground","style","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper","propTypes"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const [hovered, setHovered] = useState(false);\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n      color: hovered ? '#FFFFFF' : primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    onClick,\n    'aria-label': buttonAriaLabel,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div\n          className={style.buttonWrapper}\n          onMouseOver={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n          data-name=\"button-wrapper\"\n        >\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqC;AAAA;AAAA;AAErC,MAAMA,qBAAqB,GAAGC,SAAS,IAAI;EACzC,MAAMC,SAAS,GAAG,CAChB,IAAAC,yBAAO,EAAE,SAAQF,SAAU,kBAAiB,CAAC,EAC7C,IAAAE,yBAAO,EAAE,SAAQF,SAAU,kBAAiB,CAAC,EAC7C,IAAAE,yBAAO,EAAE,SAAQF,SAAU,kBAAiB,CAAC,CAC9C;EAED,OAAQ,+CAA8CC,SAAS,CAAC,CAAC,CAAE,QAAO,IAAAC,yBAAO,EAC9E,SAAQD,SAAS,CAAC,CAAC,CAAE,QAAO,CAC7B,4DAA2DA,SAAS,CAAC,CAAC,CAAE,QAAO,IAAAC,yBAAO,EACrF,SAAQD,SAAS,CAAC,CAAC,CAAE,QAAO,CAC7B,2DAA0DA,SAAS,CAAC,CAAC,CAAE,QAAO,IAAAC,yBAAO,EACpF,SAAQD,SAAS,CAAC,CAAC,CAAE,QAAO,CAC7B,WAAUD,SAAU,EAAC;AACzB,CAAC;AAED,MAAMG,SAAS,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACpC,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvBC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,WAAW;IACXC,eAAe;IACfC,OAAO;IACPC,QAAQ,GAAG;EACb,CAAC,GAAGV,KAAK;EACT,MAAM;IAACW;EAAI,CAAC,GAAGV,OAAO;EACtB,MAAM,CAACW,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC7C,MAAMC,gBAAgB,GAAG,IAAAC,cAAK,EAAC,SAAS,EAAE,gBAAgB,EAAEL,IAAI,CAAC;EAEjE,MAAMM,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAML,UAAU,CAAC,IAAI,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEzE,MAAMM,gBAAgB,GAAG,IAAAD,kBAAW,EAAC,MAAML,UAAU,CAAC,KAAK,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE3E,MAAMO,WAAW,GAAG;IAClBC,WAAW,EAAE;MACXC,eAAe,EAAEV,OAAO,GAAGG,gBAAgB,GAAG,IAAAjB,yBAAO,EAAE,SAAQiB,gBAAiB,WAAU,CAAC;MAC3FQ,KAAK,EAAEX,OAAO,GAAG,SAAS,GAAGG,gBAAgB;MAC7CS,UAAU,EAAE;IACd,CAAC;IACDf,OAAO;IACP,YAAY,EAAEH,eAAe;IAC7BmB,KAAK,EAAEpB,WAAW;IAClB,WAAW,EAAE;EACf,CAAC;EAED,MAAMqB,oBAAoB,GAAG,IAAAC,cAAO,EAClC,MAAOjB,QAAQ,GAAG,SAAS,GAAGK,gBAAiB,EAC/C,CAACL,QAAQ,EAAEK,gBAAgB,CAAC,CAC7B;EAED,MAAMa,eAAe,GAAG,IAAAD,cAAO,EAC7B,MAAMhC,qBAAqB,CAAC+B,oBAAoB,CAAC,EACjD,CAACA,oBAAoB,CAAC,CACvB;EAED,oBACE;IAAK,SAAS,EAAEG,cAAK,CAACC,gBAAiB;IAAC,aAAU,oBAAoB;IAAC,cAAY5B;EAAU,gBAC3F;IACE,aAAU,aAAa;IACvB,SAAS,EAAE2B,cAAK,CAAC1B,UAAW;IAC5B,cAAYC,cAAc,IAAID,UAAW;IACzC,KAAK,EAAE;MACL4B,UAAU,EAAEH;IACd;EAAE,GAEDzB,UAAU,CACP,eACN;IAAK,aAAU;EAAsB,gBACnC;IACE,SAAS,EAAE0B,cAAK,CAACG,kBAAmB;IACpC,aAAU,2BAA2B;IACrC,cAAYxB,eAAe,IAAID;EAAY,gBAE3C,6BAAC,0DAAY;IAAC,SAAS,EAAEsB,cAAK,CAACI,kBAAmB;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE;EAAG,EAAG,EAC3E1B,WAAW,CACR,eACN;IACE,SAAS,EAAEsB,cAAK,CAACK,aAAc;IAC/B,WAAW,EAAEjB,eAAgB;IAC7B,YAAY,EAAEE,gBAAiB;IAC/B,aAAU;EAAgB,gBAE1B,6BAAC,mBAAU,EAAKC,WAAW,CAAI,CAC3B,CACF,CACF;AAEV,CAAC;AAEDrB,SAAS,CAACoC,SAAS,2CAAGA,kBAAS;AAAC,eAEjBpC,SAAS;AAAA"}

package/lib/molecule/skill-card/index.native.js

@@ -2,19 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _templateContext = require("../../template/app-review/template-context");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   skill: {
     display: 'flex',
@@ -45,7 +38,6 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     color: theme.colors.gray.medium
   }
 });
-
 const SkillCard = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -62,14 +54,11 @@ const SkillCard = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     style: styleSheet.skill,
     onPress: onClick,
@@ -89,7 +78,6 @@ const SkillCard = props => {
     width: 20
   }));
 };
-
 var _default = SkillCard;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","useEffect","_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;;AACA;;AACA;;AACA;;;;;;AAWA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,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,EAAEV,KAAK,CAACW,MAAN,CAAaC,IAAb,CAAkBC,OAP9B;IAQLC,SAAS,EAAEd,KAAK,CAACe,OAAN,CAAcC,KARpB;IASLC,YAAY,EAAEjB,KAAK,CAACe,OAAN,CAAcC,KATvB;IAULE,OAAO,EAAElB,KAAK,CAACe,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,EAAE1B,KAAK,CAACW,MAAN,CAAagB,IAAb,CAAkBC,OAJf;IAKVX,YAAY,EAAEjB,KAAK,CAACe,OAAN,CAAcc;EALlB,CAjBI;EAwBhBC,SAAS,EAAE;IACTP,QAAQ,EAAE,EADD;IAETE,UAAU,EAAE,EAFH;IAGTC,KAAK,EAAE1B,KAAK,CAACW,MAAN,CAAaC,IAAb,CAAkBmB;EAHhB;AAxBK,CAAlB,CADF;;AAgCA,MAAMC,SAAS,GAAIC,KAAD,IAA2B;EAC3C,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACtC;EAAD,IAAUkC,eAAhB;EACA,MAAM;IAACZ,UAAD;IAAaiB,cAAb;IAA6BC,WAA7B;IAA0CC,eAA1C;IAA2DC,OAA3D;IAAoEC;EAApE,IACJV,KADF;EAGA,IAAAW,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG9C,gBAAgB,CAACC,KAAD,CAApC;;IACAqC,aAAa,CAACQ,WAAD,CAAb;EACD,CAHD,EAGG,CAAC7C,KAAD,CAHH;;EAKA,IAAI,CAACoC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,sBAAD;IACE,KAAK,EAAEA,UAAU,CAACjC,KADpB;IAEE,OAAO,EAAEuC,OAFX;IAGE,iBAAiB,EAAC,QAHpB;IAIE,kBAAkB,EAAEC;EAJtB,gBAME,6BAAC,iBAAD;IAAM,KAAK,EAAEP,UAAU,CAAChB;EAAxB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEgB,UAAU,CAACd,UAAxB;IAAoC,kBAAkB,EAAEiB,cAAc,IAAIjB;EAA1E,GACGA,UADH,CADF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAEc,UAAU,CAACN,SAAxB;IAAmC,kBAAkB,EAAEW;EAAvD,GACGD,WADH,CAJF,CANF,eAcE,6BAAC,8CAAD;IAAY,KAAK,EAAC,SAAlB;IAA4B,MAAM,EAAE,EAApC;IAAwC,KAAK,EAAE;EAA/C,EAdF,CADF;AAkBD,CAlCD;;eAoCeR,S"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonAriaLabel","useEffect","_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;AACA;AACA;AACA;AAA8E;AAAA;AAW9E,MAAMA,gBAAgB,GAAIC,KAAY,IACpCC,uBAAU,CAACC,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,EAAEV,KAAK,CAACW,MAAM,CAACC,IAAI,CAACC,OAAO;IAC1CC,SAAS,EAAEd,KAAK,CAACe,OAAO,CAACC,KAAK;IAC9BC,YAAY,EAAEjB,KAAK,CAACe,OAAO,CAACC,KAAK;IACjCE,OAAO,EAAElB,KAAK,CAACe,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,EAAE1B,KAAK,CAACW,MAAM,CAACgB,IAAI,CAACC,OAAO;IAChCX,YAAY,EAAEjB,KAAK,CAACe,OAAO,CAACc;EAC9B,CAAC;EACDC,SAAS,EAAE;IACTP,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE1B,KAAK,CAACW,MAAM,CAACC,IAAI,CAACmB;EAC3B;AACF,CAAC,CAAC;AAEJ,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,GAAE;EAC5C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IAACtC;EAAK,CAAC,GAAGkC,eAAe;EAC/B,MAAM;IAACZ,UAAU;IAAEiB,cAAc;IAAEC,WAAW;IAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAe,CAAC,GACxFV,KAAK;EAEP,IAAAW,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG9C,gBAAgB,CAACC,KAAK,CAAC;IAC3CqC,aAAa,CAACQ,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAC7C,KAAK,CAAC,CAAC;EAEX,IAAI,CAACoC,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,6BAAC,sBAAS;IACR,KAAK,EAAEA,UAAU,CAACjC,KAAM;IACxB,OAAO,EAAEuC,OAAQ;IACjB,iBAAiB,EAAC,QAAQ;IAC1B,kBAAkB,EAAEC;EAAgB,gBAEpC,6BAAC,iBAAI;IAAC,KAAK,EAAEP,UAAU,CAAChB;EAAW,gBACjC,6BAAC,iBAAI;IAAC,KAAK,EAAEgB,UAAU,CAACd,UAAW;IAAC,kBAAkB,EAAEiB,cAAc,IAAIjB;EAAW,GAClFA,UAAU,CACN,eACP,6BAAC,iBAAI;IAAC,KAAK,EAAEc,UAAU,CAACN,SAAU;IAAC,kBAAkB,EAAEW;EAAgB,GACpED,WAAW,CACP,CACF,eACP,6BAAC,8CAAU;IAAC,KAAK,EAAC,SAAS;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE;EAAG,EAAG,CAC3C;AAEhB,CAAC;AAAC,eAEaR,SAAS;AAAA"}

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

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

package/lib/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,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"}
+{"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"}

package/lib/molecule/skill-card/prop-types.js

@@ -2,11 +2,8 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const propTypes = {
   'aria-label': _propTypes.default.string,
   skillTitle: _propTypes.default.string,

package/lib/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;;;;AAEA,MAAMA,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhBC,UAAU,EAAEF,kBAAA,CAAUC,MAFN;EAGhBE,cAAc,EAAEH,kBAAA,CAAUC,MAHV;EAIhBG,WAAW,EAAEJ,kBAAA,CAAUC,MAJP;EAKhBI,eAAe,EAAEL,kBAAA,CAAUC,MALX;EAMhBK,WAAW,EAAEN,kBAAA,CAAUC,MANP;EAOhBM,eAAe,EAAEP,kBAAA,CAAUC,MAPX;EAQhBO,QAAQ,EAAER,kBAAA,CAAUS,IARJ;EAShBC,OAAO,EAAEV,kBAAA,CAAUW;AATH,CAAlB;eAYeZ,S"}
+{"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;AAAmC;AAEnC,MAAMA,SAAS,GAAG;EAChB,YAAY,EAAEC,kBAAS,CAACC,MAAM;EAC9BC,UAAU,EAAEF,kBAAS,CAACC,MAAM;EAC5BE,cAAc,EAAEH,kBAAS,CAACC,MAAM;EAChCG,WAAW,EAAEJ,kBAAS,CAACC,MAAM;EAC7BI,eAAe,EAAEL,kBAAS,CAACC,MAAM;EACjCK,WAAW,EAAEN,kBAAS,CAACC,MAAM;EAC7BM,eAAe,EAAEP,kBAAS,CAACC,MAAM;EACjCO,QAAQ,EAAER,kBAAS,CAACS,IAAI;EACxBC,OAAO,EAAEV,kBAAS,CAACW;AACrB,CAAC;AAAC,eAEaZ,SAAS;AAAA"}

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

@@ -2,15 +2,10 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const SsMenuList = props => {
   const {
     items = []
@@ -28,7 +23,6 @@ const SsMenuList = props => {
     className: _style.default.list
   }, itemsView);
 };
-
 SsMenuList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     href: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SsMenuList","props","items","itemsView","map","title","href","index","style","item","list","propTypes","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;;AACA;;AACA;;;;AAEA,MAAMA,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,EAAEC,cAAA,CAAMC;EAAjC,gBACE;IAAG,IAAI,EAAEH;EAAT,GAAgBD,KAAhB,CADF,CADgB,CAAlB;EAMA,oBAAO;IAAI,SAAS,EAAEG,cAAA,CAAME;EAArB,GAA4BP,SAA5B,CAAP;AACD,CATD;;AAWAH,UAAU,CAACW,SAAX,2CAAuB;EACrBT,KAAK,EAAEU,kBAAA,CAAUC,OAAV,CACLD,kBAAA,CAAUE,KAAV,CAAgB;IACdR,IAAI,EAAEM,kBAAA,CAAUG,MADF;IAEdV,KAAK,EAAEO,kBAAA,CAAUG;EAFH,CAAhB,CADK;AADc,CAAvB;eASef,U"}
+{"version":3,"file":"index.js","names":["SsMenuList","props","items","itemsView","map","title","href","index","style","item","list","propTypes","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;AACA;AACA;AAAgC;AAEhC,MAAMA,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,EAAEC,cAAK,CAACC;EAAK,gBACpC;IAAG,IAAI,EAAEH;EAAK,GAAED,KAAK,CAAK,CAE7B,CAAC;EAEF,oBAAO;IAAI,SAAS,EAAEG,cAAK,CAACE;EAAK,GAAEP,SAAS,CAAM;AACpD,CAAC;AAEDH,UAAU,CAACW,SAAS,2CAAG;EACrBT,KAAK,EAAEU,kBAAS,CAACC,OAAO,CACtBD,kBAAS,CAACE,KAAK,CAAC;IACdR,IAAI,EAAEM,kBAAS,CAACG,MAAM;IACtBV,KAAK,EAAEO,kBAAS,CAACG;EACnB,CAAC,CAAC;AAEN,CAAC;AAAC,eAEaf,UAAU;AAAA"}

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

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const SubscriptionFreemiumDetails = (props, context) => {
   const {
     onSubscriptionFreemiumButtonClick
@@ -32,7 +26,6 @@ const SubscriptionFreemiumDetails = (props, context) => {
     onClick: onSubscriptionFreemiumButtonClick
   }, translate('subscription_freemium_button')));
 };
-
 SubscriptionFreemiumDetails.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","style","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,2BAA2B,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACtD,MAAM;IAACC;EAAD,IAAsCF,KAA5C;EACA,MAAM;IAACG;EAAD,IAAcF,OAApB;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,GACGH,SAAS,CAAC,6BAAD,CADZ,CADF,eAIE;IAAK,SAAS,EAAEC,cAAA,CAAMG;EAAtB,GACGJ,SAAS,CAAC,mCAAD,CADZ,CAJF,eAOE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEC,cAAA,CAAMI,0BAFnB;IAGE,OAAO,EAAEN;EAHX,GAKGC,SAAS,CAAC,8BAAD,CALZ,CAPF,CADF;AAiBD,CArBD;;AAuBAJ,2BAA2B,CAACU,YAA5B,GAA2C;EACzCN,SAAS,EAAEO,iBAAA,CAASC,iBAAT,CAA2BR;AADG,CAA3C;AAIAJ,2BAA2B,CAACa,SAA5B,2CAAwC;EACtCV,iCAAiC,EAAEW,kBAAA,CAAUC;AADP,CAAxC;eAIef,2B"}
+{"version":3,"file":"index.js","names":["SubscriptionFreemiumDetails","props","context","onSubscriptionFreemiumButtonClick","translate","style","subscriptionFreemium","subscriptionFreemiumTitle","subscriptionFreemiumContent","subscriptionFreemiumButton","contextTypes","Provider","childContextTypes","propTypes","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;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,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,EAAEG,cAAK,CAACC;EAAqB,gBACzC;IAAK,SAAS,EAAED,cAAK,CAACE;EAA0B,GAC7CH,SAAS,CAAC,6BAA6B,CAAC,CACrC,eACN;IAAK,SAAS,EAAEC,cAAK,CAACG;EAA4B,GAC/CJ,SAAS,CAAC,mCAAmC,CAAC,CAC3C,eACN;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEC,cAAK,CAACI,0BAA2B;IAC5C,OAAO,EAAEN;EAAkC,GAE1CC,SAAS,CAAC,8BAA8B,CAAC,CACnC,CACL;AAEV,CAAC;AAEDJ,2BAA2B,CAACU,YAAY,GAAG;EACzCN,SAAS,EAAEO,iBAAQ,CAACC,iBAAiB,CAACR;AACxC,CAAC;AAEDJ,2BAA2B,CAACa,SAAS,2CAAG;EACtCV,iCAAiC,EAAEW,kBAAS,CAACC;AAC/C,CAAC;AAAC,eAEaf,2BAA2B;AAAA"}

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

@@ -2,17 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const PremiumDescription = ({
   date,
   price
@@ -26,7 +20,6 @@ const PremiumDescription = ({
     className: _style.default.premiumProductDetails
   }, `${part1}${date}${part2}${price}.`);
 };
-
 PremiumDescription.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -34,7 +27,6 @@ PremiumDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: _propTypes.default.string,
   price: _propTypes.default.string
 } : {};
-
 const PromoCodeDescription = ({
   date
 }, {
@@ -50,14 +42,12 @@ const PromoCodeDescription = ({
     href: "http://coorpacademy.com"
   }, "Coorpacademy.com"));
 };
-
 PromoCodeDescription.propTypes = process.env.NODE_ENV !== "production" ? {
   date: _propTypes.default.string
 } : {};
 PromoCodeDescription.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
-
 const SubscriptionPremiumDetails = (props, context) => {
   const {
     isPromoCode,
@@ -87,7 +77,6 @@ const SubscriptionPremiumDetails = (props, context) => {
     href: `${subscriptionPremiumDescriptionLink}`
   }, translate('subscription_premium_description_part3_with_link'))) : null));
 };
-
 SubscriptionPremiumDetails.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PremiumDescription","date","price","translate","part1","part2","style","premiumProductDetails","contextTypes","Provider","childContextTypes","propTypes","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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"}
+{"version":3,"file":"index.js","names":["PremiumDescription","date","price","translate","part1","part2","style","premiumProductDetails","contextTypes","Provider","childContextTypes","propTypes","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/lib/molecule/table/index.js

@@ -2,33 +2,20 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _isString2 = _interopRequireDefault(require("lodash/fp/isString"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _checkbox = _interopRequireDefault(require("../../atom/checkbox"));
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const THEMES = {
   COCKPIT: 'cockpit'
 };
-
 const createOptionsView = (_options, hasOptions) => {
   const optionsView = _options.map((option, oIndex) => {
     const {
@@ -43,12 +30,10 @@ const createOptionsView = (_options, hasOptions) => {
       onClick: onChange
     }, option.title));
   });
-
   return hasOptions ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.options
   }, optionsView) : null;
 };
-
 const buildTableContext = (translate, theme, headerTitle) => {
   if (theme === THEMES.COCKPIT) {
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -79,7 +64,6 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: _style.default.label
     }, translate('No status')))));
   }
-
   if (headerTitle) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.header
@@ -87,10 +71,8 @@ const buildTableContext = (translate, theme, headerTitle) => {
       className: _style.default.title
     }, headerTitle));
   }
-
   return null;
 };
-
 const Table = (props, context) => {
   const {
     rows = [],
@@ -135,7 +117,6 @@ const Table = (props, context) => {
     }) : null)));
   });
   const tableContext = buildTableContext(translate, theme, headerTitle);
-
   if (editable) {
     headerView.unshift( /*#__PURE__*/_react.default.createElement("th", {
       key: "header"
@@ -143,7 +124,6 @@ const Table = (props, context) => {
       className: _style.default.noOptions
     })));
   }
-
   const renderIcon = field => {
     switch ((0, _get2.default)('icon', field)) {
       case 'draft':
@@ -151,30 +131,25 @@ const Table = (props, context) => {
           width: 25,
           height: 25
         });
-
       case 'validate':
         return /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyValidate, {
           width: 25,
           height: 25
         });
-
       case 'nostatus':
         return /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.nostatus
         }, '\u26A0️');
-
       case 'videosubtitle':
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVideosVideoSubtitle, {
           className: _style.default.videosubtitle,
           width: 25,
           height: 25
         }), field.title);
-
       default:
         null;
     }
   };
-
   const bodyView = rows.map((row, index) => {
     const {
       fields = [],
@@ -191,7 +166,6 @@ const Table = (props, context) => {
         key: fIndex
       }, (0, _isString2.default)(field) ? field : renderIcon(field));
     });
-
     if (editable) {
       tableRows.unshift(
       /*#__PURE__*/
@@ -206,7 +180,6 @@ const Table = (props, context) => {
         width: 16
       }))));
     }
-
     return /*#__PURE__*/_react.default.createElement("tr", {
       className: trClasses,
       key: index
@@ -221,7 +194,6 @@ const Table = (props, context) => {
     })
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, headerView)), /*#__PURE__*/_react.default.createElement("tbody", null, bodyView)));
 };
-
 Table.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","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","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","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":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","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","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","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/lib/molecule/teams-popin/index.js

@@ -2,21 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _cta = _interopRequireDefault(require("../../atom/cta"));
-
 var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ICONS = {
   login: _novaIcons.NovaCompositionCoorpacademySchoolGraduation,
   loginFailed: _novaIcons.NovaCompositionCoorpacademyLoginFailed,
@@ -24,7 +16,6 @@ const ICONS = {
   reload: _novaIcons.NovaCompositionCoorpacademyReload,
   wrong: _novaIcons.NovaCompositionCoorpacademyReload
 };
-
 const TeamsPopin = props => {
   const {
     header,
@@ -85,7 +76,6 @@ const TeamsPopin = props => {
     }
   }) : null));
 };
-
 TeamsPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.string,
   content: _propTypes.default.string,